<header>表示首部

<header>

         <hgroup>

                   <h1>这里是一个大标题</h1>

                   <h4>这里是一个副标题</h4>

         </hgroup>

         <nav>这里是一个导航</nav>

         这里存放网页的标头部分:LOGO,标题,导航等。

</header>

解释:<header>元素主要设置页面的标头部分。

<footer>表示尾部

<footer>

         <h4>这里是尾部的副标题</h4>

         这里存放页面的尾部:版权声明,友情链接

         <address>这里是联系信息</address>

</footer>

解释:<footer>元素主要设置页面的尾部

<h1>~<h6>添加标题

                   <h1>这里是一个大标题</h1>

                   <h4>这里是一个副标题</h4>

解释:<h1>~<h6>实际作用就是加粗并改变字体大小。用于各种标题文档

.组合标题

         <hgroup>

                   <h1>这里是一个大标题</h1>

                   <h4>这里是一个副标题</h4>

         </hgroup>

解释:元素的作用就是当多个标题出现,干扰到一对或多个本身需要整合的 标题,这是使用此元素包含群组。

文档主题

<section>

         这里是文档的主题部分。

</section>

解释:元素的作用是定义一个文档的主题内容。

添加导航

<nav>这里是一个导航</nav>

解释:元素给文档页面添加一个导航。

添加一个独立成篇的文档

<article>

<header>

<nav></nav>

</header>

<section></section>

<footer></footer>

</article>

解释:元素表示独立成篇的文档,里面可以包含头、尾、主题等一系列内容。 在比较大的页面中会使用到,比如一片博文的列表,每篇博文,都有自己的头、尾、主题等 内容。和此相似的还有论坛的帖子、用户的评论、新闻等。

<aside>生成注释栏

<aside>这是是一个注释</aside>

解释:<aside>元素专门为某一段内容进行注释使用。(比如:最新的帖子)

<address>表示文档或article元素的联系信息。

<address>联系信息</address>

解释:如果是在<body>元素下时,表示整个文档的联系信息。如果是在<article>元素下时,表示其下的联系信息

文档元素

相关文章:

  • 2021-10-13
  • 2022-01-12
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-17
  • 2022-01-17
猜你喜欢
  • 2021-08-02
  • 2022-12-23
  • 2021-09-25
  • 2022-01-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案