HTML & CSS Metadata Elements

HTML Fundamentals

Constructing Markup That Uses Metadata Elements

Script Tag - Used to define where Javascript should be placed
Can be used to point to external files where Javascript may be placed using the src attribute.
Note: Typically located in the head of document.
<script>
alert("Hello world!");
</script>
No script tag - used to display other content to users who have either disabled their Javascript or their Javascript is out of date.
Typically located in the head of the document.
<noscript>Your browser is out of date.</noscript>
Style tags - Used to define CSS for an HTML page.
Typically used when creating Internal CSS.
This tag must be placed in the head of the document.
<style>
P { background-color: blue; }
</style>
Link tag - this tag is used to show the relationship between one file and another.  In most cases, you can use the link tag to point to an external CSS file.  However, it can also be used to link an HTML file and a Javascript file.
This tag doesn't contain any content.  It only contains attributes.
rel attribute - defines the relationship between the current file and the external file.
href attribute - defines where the file is located.
<link rel="relationship" href="style.css">
Meta tags - tags that provide information about the webpage.
These tags are always located inside the head of the document.
These tags do not get displayed on the web page.
Metatags are only used by search engines, and developers.
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="description" content="Mr. Rodriguez Blog">
<meta name="author" content="Ricardo Rodriguez">
<meta http-equiv="refresh" content="30">
<meta name="viewport" content="width=device-width, initial-scale=1.0">