[siteorigin_widget class=”WP_Nav_Menu_Widget”][/siteorigin_widget]
HTML Document Structure
The simplest structure of an HTML document is displayed below

<!doctype html>
 <title>Basic HTML Document Structure</title>
 <p> Hello Docukits!! </p>

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:

 <title> This is title</title>
 <link rel="stylesheet" href="http://www.docukits.com">


  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.

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.
    <meta charset="utf-8">
  2. Specify the Description which is used by Search Engine.
    <meta name="description" Content="This is the description text">
  3. Specify the author of the page.
    <meta name="author" Content="Docukits">
  4. 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.

  5. Applying CSS and scripting to HTML
    <link rel="stylesheet" href="style.css" type="image/x-icon">
    <script src="demoscript.js"> </script>

    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 lang="en-US">
  7. Refresh document every 30 seconds
    <meta http-equiv="refresh" Content="30">
  8. Setting the viewport to make your website look good on all devices.
    <met name="viewport" content="width="device-width,initial-scale=1.0">