Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

What is the semantic structure specification of HTML5

Shulou Source: shulou.com Published: 2022-05-31 13:13:43 09月24日 Update

This article mainly introduces the relevant knowledge of "what is the semantic structure specification of HTML5". The editor shows you the operation process through an actual case, and the operation method is simple, fast and practical. I hope this article "what is the semantic structure specification of HTML5" can help you solve the problem.

HTML structure is more clear and standardized, learn the idea of HTML5 optimization structure.

HTML5 has added some new elements to identify commonly used structures. Html is more semantic, but we can't use it directly, even if we may have to wait ten or eight years.

That's just like microformats, using class instead, or casually, using id and class names instead, to make your structure clearer, can be promoted to specification, and make teamwork easier.

Some new structural tags

◎ section: this can be a chapter or a section of a book, or actually anything with its own title in HTML4

◎ header: the header displayed on the page; unlike the head element

◎ footer: footer; can display signatures in email messages

◎ nav: a set of links to other pages

An article in a ◎ article:blog, magazine, compilation of articles, etc.

Some examples

Document structure of HTML5

...

...

...

...

...

Document structure of XHTML

Header

Nav

Section

Aside

Footer

Picture structure of HTML5

Figure2.InstallMozillaXFormsdialog

Picture structure of XHTML

Figure2.InstallMozillaXFormsdialog

HTML5's tagging

The m element indicates that the text is "marked", but it doesn't have to be emphasized. Think of it as a highlighted section in the book.

The cache page of Google is a typical use case. If you link to a cached copy, the search term is flagged. For example, if you search for "Egret", the cached Google page

This is the end of the introduction to "what is the semantic structure specification of HTML5". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Tags: Structure semantics pages elements knowledge cache pictures actual documents articles logos tags articles industries links search different practical smooth things Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Docker Linux macOS Redmi Apple