Chapter 3 Document elements-water source

Chapter 4 document elements-original learning points of water:

1. Document element Summary

2. Document element Parsing

Lecturer: Li Yanhui

This chapter mainly discusses the document elements in HTML5. The main function of the document elements is to divide different content, so that the entire layout is clear and clear. Make the entire layout element have semantics and further replace p.

I. Document element summary document elements have basically no practical effect. The main purpose is to divide themes and concepts in the time zone of the page layout.

Element name	Description
H1 ~ H6	Title
Header	Indicates the header
Footer	Tail
Nav	Navigation elements that are intentionally concentrated together
Section	Represents an important concept or topic
Article	Indicates a piece of independent content
Address	Indicates the contact information of the document or article.
Aside	Indicates the content that is rarely involved with the surrounding content
Hgroup	Organize a group of titles together
Details	Generate a region for more details.
Summary	Used in the details element to indicate the title or description of the element content.

Ii. Document element Parsing

Most labels of document elements have no effect. They are used in combination with semantics to emphasize their structure. The layout and style effect can be achieved only when CSS is learned in the following sections.

1.

Indicates the header

  
   
This part is generally the page header, including: LOGO, title, navigation and other content
  

Explanation:

Element mainly sets the page header.

2.

Tail

    
     
This is the end of the page, which generally includes the copyright notice, links, and other content.
    

Explanation:

Element mainly sets the end of the page.

3 .~ Add title

Title

Subtitles

Explanation :~ The actual function is to bold and change the font size. Used for various title documents.

4.

Combination title

          
       
Title
    
       
Subtitles
      

Explanation:

An element is used to contain groups when multiple titles appear and interfere with one or more titles that need to be integrated.

5.

Document topic

        
         
The topic content of a document is generally stored here.
        

Explanation:

The element defines the topic content of a document.

6.

Add navigation

          
           
Navigation for storing documents here
          

Explanation:

Element to add a navigation to the document page.

7. Add an independent document

Explanation: the element represents an independent document, which can contain a series of contents such as the header, tail, and topic. It is used on a relatively large page, such as a list of blog posts. Each blog has its own header, tail, and topic. Similar to this, there are Forum posts, user comments, and news.

8. Generate comment bar

           
            
This is a comment
            

Explanation: the element is used to annotate a specific section of content.

9. indicates the contact information of the document or article element.

Contact information

Explanation:The contact information of the entire document. If it is under an element, it indicates the contact information under it.

10.

Element Generation details area, The description label is generated for the element.

Explanation: most mainstream browsers are not yet supported.