This article will simply write the overall Web site architecture, HTML to represent the structure of the site.
Title
Navigation <nav> typically contains menu buttons, links, tabs, and the navigation content to jump to is consistent with the corresponding page
The main content is <main> The central area contains most of the unique content given by the Web page,
Sidebar <aside> Mainly some secondary information, links, introduction, advertising, etc., can also be some navigation assistance system; often nested in <main>
Footer <footer>, stripes across the bottom of the page, usually containing copyright. Contact the place where you want to wash, place public information, also provide quick access to popular content links, footer is also used for engine SEO,
HTML for a structured web site
It is necessary to use the correct elements to work semantically, just as these semantic elements can be recognized by the reader.
Layout element Details, overall grasp contains the header nav main footer. Then main contains article and aside
<main> Display page content features, can only be used once in a page, directly placed in the body ideally, should not be nested in other elements.
<article> closes a piece of content that is relevant to itself, which can be viewed in detail by itself rather than by other content on the page
<section> similar to <article> as part of a section, chunk, title, bar different sections divided into different article
<aside> contains content that is not directly related to the main content, usually with some glossary entries, auxiliary menus, RELATED links, etc.
<nav> contains the main navigation function of the page, level two links, does not enter the Navigation function section
<footer> include the footer section of the page
Decorative elements with no specific semantics
<div><span> no semantic elements, it is best to use some class attributes to provide some tags when using, easy to be found
Where span is a line without a voice element, only when it is not possible to find a more appropriate semantic element to contain the content, and then use; div block-level no speech elements, also can not find a more appropriate time to choose; For example, you want to make a shopping cart parts, considering that there is no necessary connection to the content, so you can't use aside Also not part of the page content can not be used section, when the choice of div is appropriate, in order to be semantically, the use of Div should be minimized, because it is not conducive to upgrading and maintenance;
line breaks and horizontal split lines
<br>
Getting Started with HTML 6