While learning about HTML5 semantics, I found this tag setup easy to understand; Here are the new semantic tags and some new tags:
< title></title> : short, descriptive, unique (to improve search engine ranking).
<hn></hn> : h1 to h6 hierarchical title, used to create a hierarchical relationship of page information.
<header></header> : The header usually includes the site logo, main navigation, site-wide links, and a search box.
<nav></nav> : Tag navigation, used only for important link groups in the document.
<main></main> : indicates the main content of a page. If it’s a Web application, cover its main functions.
< article > < article > : contains like newspaper = = | | is so understanding, said a document, page, application, or a separate container.
<section></section> : A group of content with similar topics, such as the home page of a website, which can be broken up into sections for introductions, news items, contact information, etc.
<aside></aside> : Specifies a sidebar, including quotes, sidebars, a set of links to the article, ads, links, related product listings, etc.
<footer></footer> : footer, only if the parent is body, is the footer of the entire page.
<small></small> : Specify details, enter disclaimer, annotation, signature, copyright.
<strong></strong> : indicates the importance of the content.
<em></em> : marks the content focus (a lot of use to improve paragraph text semantics).
<mark></mark> : Highlight the text (yellow) to remind the reader.
<figure></figure> : Create the image (default margin around 40px).
<figcaption></ Figcaption > : The caption of the figure, which must be the first or last element embedded in the figure.
Cite </cite> : to cite or refer to, as the title of a book, the title of a song, a film, a concert, a code, a newspaper, or a legal document.
<blockquote></blockquote> : quote text, default new line display.
<q></q> : Short quotes (cross-browser issues, avoid them if possible).
<time></time> : marks the time. The datetime attribute follows a specific format, and if ignored, the text content must be in a valid date or time format.
<abbr></abbr> : Explain abbreviations. Use the title attribute to provide the full name, which is ok only when it appears for the first time.
< DFN ></ DFN > : Defines the term element, which must be next to the definition and can be used in the description list DL element.
<address></address> : Contact information for the author, relevant person or organization (E-mail address, link to contact information page).
<del></del> : Removed content.
<ins></ins> : Added content.
<code></code> : Marks the code. Include sample code or file name (< < > >)
<pre></pre> : preformatted text. Preserve the text’s inherent line breaks and whitespace.
<progress></progress> : Progress is completed. Values can be dynamically updated through JS.
I have learned a lot of things I will temporarily list some, to learn more knowledge, the above is my learning summary.