List out the page structure elements of HTML5
The <html> element
The <html> element follows the doctype information, which is used to inform the browser that this is an HTML document. You can use the lang attribute with the en value to specify that the document is in English. But nowadays, even the lang attribute is unnecessary for the document to validate or function correctly.
The <head> section
The next part is the <head> section. The <head> element contains metadata (document title, character set, styles, links, scripts), specific information about the web page that is not displayed to the user.
The <meta> element is used to specify the metadata to provide browsers and search engines with technical information about the web page.
Use the <title> element to define the title of your document.
Next is the <link> element which sets the relationship between the current document and the external resource. Generally, it is used to link to the external CSS stylesheet.
The <body> element
The <body> of a document contains the content of the document. The content may be presented by a user agent in different ways. E.g., the content can be text, images, links, colors, graphics, etc.
The <script> element
In HTML5, the <script> tag is put to correspond the practices for embedding JavaScript. For example, it is related to the page loading speed.
Headings (h1-h6 elements)
The <h1>-<h6> heading elements are used to give a short description about the coming section. <h1> is considered to the the most important, and <h6> the least important one.
The <header> element
Use the <header> element to define a header for the document or section. It usually contains a logo, search bar, navigation links, etc.
The <nav> element
The <nav> element defines a block of navigation links, either within the current document or to other documents. Note, that not all links in the HTML document can be placed inside the <nav> element; it can only include major navigation blocks.
The <article> element
The <article> element is used to define an independent, self-contained content (articles, blog posts, comments, etc.). The content of the element has its meaning, and it is easily differentiated from the rest of the webpage content.
The <section> element
The <section> element is used to group standalone sections within a webpage containing logically connected content (news block, contact information, etc.).