HTML的元素5

最新推荐文章于 2024-08-13 10:40:16 发布

tianfang03

最新推荐文章于 2024-08-13 10:40:16 发布

阅读量369

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_65504942/article/details/126371905

版权

文档章节

1. body 文档的主体。
在 HTML 5 中，删除了所有 <body> 的特殊属性。而那些属性在 HTML 4.01 中是不被赞成使用的。
2. aside 与周围元素相关的内容，但分开显示

aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。

aside元素的用法主要分为两种：

被包含在article元素内作为主要内容的附属信息。
在article元素之外使用，作为页面或站点全局的附属信息部分。

<article>
    <header>
        <h1>标题</h1>
    </header>
    <section>文章主要内容</section>
    <aside>其他相关文章</aside>
</article>

效果如下

标题

文章主要内容
其他相关文章

定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
aside标签是 HTML 5 的新标签
3. address 当前文章的联系信息。
注释：address 通常被呈现为斜体。大多数浏览器会在 address 元素的前后添加一个换行符，不过如果有必要的话，您需要在地址文本的内容添加额外的换行符。
4. h1-h6 当前章节的标题。
5. section 定义文档中的节（section）。比如章节、页眉、页脚或文档中的其他部分。

section元素用于对网站或应用程序中页面上的内容进行分块，一个section元素通常由内容和标题组成。在使用section元素时，需要注意以下3点：

不要将section元素用作设置样式的页面容器，那是div的特性。section元素并非一个普通的容器元素，当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div。
如果article元素、aside元素或nav元素更符合使用条件，那么不要使用section元素。
没有标题的内容区块不要使用section元素定义。

<section>
    <h2>评论</h2>
    <article>
        <h3>A</h3>
        <p>内容</p>
    </article>
    <article>
        <h3>B</h3>
        <p>内容</p>
        </article>
</section>

效果如下：

A

内容

B

内容

注：在HTML5中，article元素可以看作是一种特殊的section元素，它比section元素更具有独立性，即section元素强调分段或分块，而article元素强调独立性。如果一块内容相对来说比较独立、完整时，应该使用article元素；但是如果想要将一块内容分成多段时，应该使用section元素。
6. header 当前章节的导航或引导性元素
header标签定义 section 或 document 的页眉。
header标签是 HTML 5 中的新标签。
7. nav 导航链接的容器。nav元素用于定义导航链接，<nav> 标签是 HTML 5 中的新标签，该元素可以将具有导航性质的链接归纳在一个区域中，使页面元素的语义更加明确。语法格式如下：

<nav>
    <ul>
    <li><a href="#">A</li>
    <li><a href="#">B</li>
    <li><a href="#">C</li>
    <li><a href="#">D</li>
   </ul>
</nav>

效果如下：

·A
·B
·C
·D

8. article 页面内容的独立部分，如博客文章、论坛帖子<article>标签是 HTML 5 的新标签，article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。article元素通常使用多个section元素进行划分，一个页面中article元素可以出现多次。语法格式如下：

<article>
    <header>
        <h2>第一章</h2>
    </header>
    <section>
        <header>
            <h2>第1节</h2>
        </header>
    </section>
    <section>
        <header>
            <h2>第2节</h2>
        </header>
    </section>
</article>

效果如下：

第一章
第1节
第2节

9. footer 当前章节的页脚。
<footer> 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。<footer>标签是 HTML 5 中的新标签。
提示：假如您使用 footer 来插入联系信息，应该使用 <address> 元素。
10. hgroup 当前章节各标题的组合

hgroup元素用于将多个标题（主标题和副标题或者子标题）组成一个标题组，通常它与h1~h6元素组合使用。通常，将hgroup元素放在header元素中。
在使用hgroup元素时要注意以下几点：

如果只有一个标题元素不建议使用hgroup元素。
当出现一个或者一个以上的标题与元素时，推荐使用hgroup元素作为标题元素。
当一个标题包含副标题、section或者article元素时，建议将hgroup元素和标题相关元素存放到header元素容器中。
为了更好的说明各群组的功能，hgroup元素常常与figcaption结合使用。

<hgroup>
    <h1>A</h1>
    <h2>B</h2>
</hgroup>

效果如下：

A

B

tianfang03

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML的元素5

1.文档的主体。在 HTML 5 中，删除了所有的特殊属性。而那些属性在 HTML 4.01 中是不被赞成使用的。2.aside与周围元素相关的内容，但分开显示aside元素用来定义当前页面或者文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条等其他类似的有别于主要内容的部分。......
复制链接

扫一扫