The <head> element provides information about the document.
- Contains all the page header elements
- Immediately follows the opening <html> tag
- Should contain the <title> for the document
Can also contain the following tags:
- <meta>
- information about the document
- e.g: keywords, description
- useful for search engines
- <link>
- provides a link to an external file, such as a css stylesheet, or JavaScript file
- <style>
- provides css rules for the document
- <script>
- provides a container for JavaScript
- <base>
- provides a base URL for any relative links within the document
- <object>
- used to embed multimedia within the document
Example showing <head> element containing some of the above example tags:
<!DOCTYPE html> <html> <head> <title>Document Title</title> <meta name="description" content="Learning html"> <style> body{text-align:center;} </style> <script> window.onload = function() { document.getElementById("myHeading").innerHTML = "Hello, World!"); } </script> <base href="https://www.tech-academy.co.uk" /> </head> <body> <h1 id="myHeading">Don't Display...</h1> </body> </html>
Save & refresh browser:
Hello, World |