HTML5结构标签的学习
最新推荐文章于 2024-06-14 11:37:36 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)
HTML5的学习
HTML5中添加了拥有具体含义的HTML标签。
一、结构标签
1、<section>
定义文档中的节,用来表现普通的文档内容或应用区块,一般会带有标题。
例:
<section>
<h1>This is a test</h1>
<article>
<h2>a story</h2>
<p>friendship</p>
</article>
</section>
2、<article>
表示一个独立的、完整的相关内容块,通常用来描述一个具体的事物。
含有标题部分,一般在header内,也可以包含footer.
此外,article也可以嵌套,内层的article对外层的article标签有隶属关系。
例:
<article>
<header>
<hgroup>
<h1>This is a test</h1>
</hgroup>
</header>
<p>a story</p>
</article>
3、nav
页面导航的链接组,其中的导航元素链接到其它页面或者当前页面的其它部分。
例:
<nav>
<ul>
<li>a love story</li>
</ul>
</na