Basic elements of HTML5 website production layout

 

Today, the Internet already has a lot of information to analyze breakthroughs made by HTML5 from the seo or design perspective. Although it is predicted that HTML5 won't be fully supported by 2022, we have no reason not to get familiar with some basic HTML5 knowledge.

HTML5 uses new rich semantic elements, which can well convey the purpose of web designers and browsers. For example, header, footer, aside, and nav tags allow us to construct the structure of the webpage and allow the browser to gain more control over how to display the page. The biggest problem encountered by HTML5 today is browser compatibility. Once several mainstream browsers are compatible with HTML5, the loading speed of HTML5 sites will be faster, the navigation of the website will be easier and the page content will be richer.

Below I will briefly list several basic elements of html5 website layout:

 

Header: header element, which is used as a part of a webpage or as a "Container" for adding page introduction information ". It can contain the website name, marking line, advertising slogan, or company logo.

Nav: This element is obviously applied to creating navigation or menu bar. But the key point is that not all links on the web page must be in the nav element, only links in the main navigation bar should be included in this element.

Section: For section, we can say that the section is semantic div compared to div. This label is generally applied to the chapter of the article, the tab in the tag dialog box, or the part numbered in the paper.

Aside: This element represents content related to the main content, but not part of the main content. It is usually used for reference, link related to the sidebar, and advertisement.

Footer: the content of this element contains