HTML Document Structure
The simplest structure of an HTML document is displayed below
[html]



Basic HTML Document Structure

Hello Docukits!!



[/html]
An HTML document has two main parts:

  1. <head>.......</head>
    The Head section contains title and meta data of web document.
  2. <body>.......</body>
    The body section contains the information that you want to display on a web page.

Head Section
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:

  1. Title
  2. Metadata
  3. Links to CSS
  4. Link to custom favicons.

Thus the head section can be represented as:
[html]

This is title
[/html]


<title>.......</title>

  1. Defines a title in the browser toolbar
  2. Provides a title for the page when it is added to favorites/bookmarked.
  3. Displays a title for the page in search engine results.

<meta>
It describes metadata about the HTML Document, will not be displayed on the page but will be machine parsable.
Metdata can

  1. Specify the documents character encoding.
    [html]

    [/html]
  2. Specify the Description which is used by Search Engine.
    [html]

    [/html]
  3. Specify the author of the page.
    [html]

    [/html]
  4. Adding custom favicons to the site

    [html] [/html]
    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.

  5. Applying CSS and scripting to HTML
    [html]
    [/html]
    It is preferable to put the script tag in the end of the document to make sure that all the HTML content has been read by the browser before it tries to apply any script(JavaScript/VBScript) to it.
    So that it doesn't throw any error.
  6. Setting primary language
    [html]

    [/html]
  7. Refresh document every 30 seconds
    [html]

    [/html]
  8. Setting the viewport to make your website look good on all devices.
    [html]

    [/html]