The main structure of the new non-HTML elements

1 header element

 

Structural elements having a role in navigation and guidance: Concepts

          Needs to be emphasized is that a web page does not limit the number of header, you can have more than one.

 

application:

Code:

<body>
<header>
Page Title
</ header>

<Article This article was>
<header>
<h1> title of the article </ h1>
</ header>
<the p-> body of the article </ the p->
</ Article This article was>
</ body>

 

effect:

2 hgroup element

Concept: is the title and subtitle elemental grouping

 

Applications: Typically, if the article is only one main title is no need to use hgroup elements, however, if the article has a main title, under which a sub-heading, you need to use the

 

Code:

<article>

    <header>

            <hgroup>

                     <H1> Main article title </ h1>

                     <H2> subheading article </ h2>

           </hgroup>

    </header>

    <P> The article body </ p>

</article>

 

3 footer elements

 

The concept: it can be used as the upper parent content block

 

application:

<footer>

    <ul>

         <Li> copyright information </ li>

         <Li> Contact </ li>

    </ul>

</footer>

 

Add footer elements in the article element

<article>

     Article Content

      <footer>

             Footnote article

      </footer>

</article>

 

Add footer elements in the section element

<section>

     Segmented content

      <footer>

             Footnote segmented content

      </footer>

</section>

Guess you like

Origin www.cnblogs.com/yanyanstyle/p/11269384.html