How HTML5 Documents are Structured

Lesson Details:

I: Introduction

A: HTML5 is a markup language, which is composed of the following parts:

i. Head

The head is the section of the document that contains information about the document itself. It contains meta information for the web browser, such as the document's character encoding, the page's title, keywords, and other properties. The head also contains hyperlinks to external style sheets or scripts that are located outside the document itself. The head is placed between the tags in HTML.

ii. Body

The body section defines the content of your document. It can hold text, images, tables, forms, lists, etc.. This section is placed between the tags in HTML.

iii. Metadata

Metadata (“data about data”) is information about the data itself (such as its origin or creator). The metadata associated with HTML5 refers to how the page was created (like using an editor) and when it was last modified. The W3C recommends that all HTML documents should be served with this metadata.

B: How html5 documents are structured?

HTML5 has many new features but there are two main ones that distinguish it from previous versions of HTML:

1. The element - This is used to group introductory content for a document. It may contain information like the document's title, subtitle, author name, table of contents, etc... It is placed at the top of the tag in HTML code.

2. The element - This element is used to include closing content for a document. It may contain information like who wrote it, copyright information, related links, table of contents, etc... It is placed at the bottom of the tag in HTML code.

III: Conclusion