<!doctype html> <html> <head> <title>Basic HTML Document Structure</title> </head> <body> <p> Hello Docukits!! </p> </body> </html>
An HTML document has two main parts:
The Head section contains title and meta data of web document.
The body section contains the information that you want to display on a web page.
The heade section of an HTML document is the part that is not displayed in the web browser when the page is loaded.
It may contain:
- Links to CSS
- Link to custom favicons.
Thus the head section can be represented as:
<head> <title> This is title</title> <link rel="stylesheet" href="http://www.docukits.com"> </head>
- Defines a title in the browser toolbar
- Provides a title for the page when it is added to favorites/bookmarked.
- Displays a title for the page in search engine results.
It describes metadata about the HTML Document, will not be displayed on the page but will be machine parsable.
- Specify the documents character encoding.
- Specify the Description which is used by Search Engine.
<meta name="description" Content="This is the description text">
- Specify the author of the page.
<meta name="author" Content="Docukits">
- Adding custom favicons to the site
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Modern browsers use favicons in various places such as in the tab the page is open in, and in the bookmarks panel when you bookmark the page.
- Applying CSS and scripting to HTML
<link rel="stylesheet" href="style.css" type="image/x-icon"> <script src="demoscript.js"> </script>
So that it doesn’t throw any error.
- Setting primary language
- Refresh document every 30 seconds
<meta http-equiv="refresh" Content="30">
- Setting the viewport to make your website look good on all devices.
<met name="viewport" content="width="device-width,initial-scale=1.0">