HTML5 Structure Learning (2): html5 Structure Learning

HTML5 Structure Learning (2): html5 Structure Learning

In addition to the entity structure elements learned in the previous article, html5 also adds some non-entity structure elements that represent the logical structure and additional information:

1. header

Explanation: it is a structural element with guidance and navigation functions.

Purpose: it is usually used to place the title part of a content block on the entire page or page. Such as the title name and logo image.

 

<Header> 
 
In html5, A header element must contain at least one heading element (h1 ~ H5) or the new hgroup element.
<Header> 
 
2. hgroup
Explanation: it is an element that groups titles and Their subheaders.
Purpose: include a set of titles.
 
<Article> 

Note: hgroup is not required when the document has only one title.
3. footer
Explanation: As a footnote of the upper parent block or the root block
Purpose: It is generally used to include information related to the author or link, website copyright, and so on.
<Footer> <ul> <li> copyright information </li> <li> Site Map </li> <li> Contact Information </li> </ul> </footer>
 
Note: The footer element can also exist in sections and article blocks to indicate the footer information of section blocks or articles.
4. address
Explanation: Used to present contact information in the document
Purpose: used to indicate the author's name, website link, email address, and phone number.
For example, links in a website:
 
<Aside> <address> <a href = "xxx"> comrade a </a> <a href = "xxx"> Comrade B </a> <a href = "xxx "> Comrade c </a> </address> </aside>
 

HTML5 learning steps can also be said to master the knowledge point in sequence. The more detailed the better
If you are a newbie:
1. Evolution of HTML;
2. General Structure of HTML;
3. HTML5 multimedia playback, Canvas, geographic positioning, local storage, and other knowledge under supported Branch Standards (involving deep javascript knowledge, especially Canvas );
4. Apart from javascript, CSS3 is also required;

5. Although HTML5 is a partnership between browser vendors and the W3C XHTML2.0 standard, the support of various browsers is still inconsistent, especially the IE, when learning about CSS3, you also need to have a deep understanding of the browser's support for the new attributes of CSS3, as well as the support for HTML5 at any time.

If you use HTML4.X or XHTML1.X, you can ignore the first two.

I don't know. Ask again! Have a good time!

What is the foundation for self-learning HTML5?
Learn HTML and CSS first.