HTML5网页常用标签

最新推荐文章于 2024-07-24 14:22:29 发布

AkashiYB

最新推荐文章于 2024-07-24 14:22:29 发布

阅读量557

点赞数

分类专栏： major 文章标签： html5 html css

本文链接：https://blog.csdn.net/AkashiYB/article/details/120397452

版权

major 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.DIV标签

该元素是用于分组HTML元素的块级元素。

具体用法：

<div>这是一个模块内容</div>

相关代码：

<body>

<div class="header"></div>

<div class="nav"></div>

  <div class="banner"></div>

   <div class="section">

        <div class="news"></div>

        <div class="article"></div>

        <div class="aside"></div>

   </div>

        <div class="footer"></div>

</body>

<header>标签定义文档的页眉，通常是一些引导和导航信息。

具体用法：

<header>
    <!--标题元素-->
    <hl>头部内容</hl> 
    头部信息

</header>

3.nav标签

该标签使页面结构更精确，nav标签可以作为页面导航的链接组

具体用法：

<nav>
    这里显示的是导航部分。
</nav>

4.section标签

该标签用来定义文档中的节。比如章节、某个模块或文档中的其他部分。

具体用法：

<section>
  该模块标题
    该模块内容
</section>

5.article标签

<article>标签是一个特殊的section标签，它比section具有更明确的语义，它代表一个独立的、完整的相关内容块，可以独立于页面其他内容使用。

具体用法：

<article>
    <header>
        这是文章标题
    </header>
    <!--这里的<p>是段落标签-->
    <p>文章内容详情</p> 
    <article>
        这里可以是文章内容
    </article>
</article>

6.aside标签

该标签有两种用法：

（1）可以表示包含在article元素中的附属信息，如名词解释、相关引用资料等。

具体用法：

<article>
    <header>
        这是文章标题
    </header>
    <!--这里的<p>是段落标签-->
    <p>文章内容详情</p> 
    <aside>本文出自......</aside>
</article>

(2)也可以标水整个页面或站点的附属信息部分。（也就是所谓的侧边栏）。

该标签用于定义section、article或网页的页脚。

具体用法：

<footer>
    Copyright© 2006-2019 XXXXXXXX
</footer>

8.main标签

改标签通常用来写网页的内容板块。

具体用法：

<main>
    页面内容
</main>

AkashiYB

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML5网页常用标签

目录1.DIV标签2.header标签1.DIV标签该元素是用于分组HTML元素的块级元素。具体用法：<div>这是一个模块内容</div>相关代码：<body> <div class="header"></div> <div class="nav"></div> <div class="banner">&...
复制链接

扫一扫