HTML5 semantic structured Standardization

Comments: The HTML structure is clearer and more standardized. You can learn the ideas of optimizing the HTML5 structure. HTML5 adds some new elements to identify common structures. html is more semantic, but we cannot directly use them, even if it may be used for another decade or eight years. Just like a micro-style, use class instead, or use id and class name as random points to make your structure clearer.The HTML structure is clearer and more standardized, and the idea of optimizing the HTML5 structure is learned.
HTML5 adds some new elements to identify common structures. html is more semantic, but we cannot directly use them, even if it may be used for another decade or eight years.
Just like a micro-style, use class instead, or use id and class name at will to make your structure clearer, promote it as a standard, and make team collaboration smoother.
Some new structure tags
◎ Section: this can be a chapter or section in the book. In fact, it can be anything with its own title in HTML4.
◎ Header: the header displayed on the page. It is different from the head element.
◎ Footer: footer; can display the signature in the email
◎ Nav: A group of links pointing to other pages
◎ Article: an article in blogs, magazines, and Articles
Examples
HTML5 document structure
<Header>... <Nav>... </nav>
<Article>
<Section>... </section>
</Article>
<Aside>... </aside>
<Footer>... </footer>
XHTML document structure
<Divid = "header"> header </div>
<Divid = "nav"> nav </div>
<Divclass = "article">
<Divclass = "section"> section </div>
</Div>
<Divid = "aside"> aside </div>
<Divid = "footer"> footer </div>
HTML5 image structure
<Figureid = "fig2">
<Legend> Figure2.InstallMozillaXFormsdialog </legend>

</Figure>
XHTML image structure
<Divclass = "figure">
<H4class = "legend"> Figure2.InstallMozillaXFormsdialog
</Div>
HTML5 Markup

The m element indicates that the text is "marked", but not necessarily emphasized. You can think of it as a highlighted section in the book.
Google cache pages are typical use cases. If it is linked to a cached copy, the search term is marked. For example, if you search for "Egret", the cached Google page may look like the following:
TheGreat <m> Egret </m> (alsoknownastheAmerican <m> Egret </m>) isalargewhitewadingbirdfoundworldwide. theGreat <m> Egret </m> flieswithslowwingbeats. thescientificnameoftheGreat <m> Egret </m> isCasmerodiusalbus. add TheGreat to XHTML <spanclass = "m"> Egret </span> (alsoknownastheAmerican <spanclass = "m"> Egret </span>) isalargewhitewadingbirdfoundworldwide. theGreat <spanclass = "m"> Egret </span> flieswithslowwingbeats. thescientificnameoftheGreat <spanclass = "m"> Egret </span> isCasmerodiusalbus.