您的位置：首页 > Web前端 > HTML5

主体结构元素 2

2017-08-31 19:40 113 查看

主体结构元素，它是为了语义可以结构化，说白了就是为了更好的SEO，再白一点就是为了浏览器更好的抓数据。包含的元素：article、section、nav、aside、time

（1）article（使用频率低）

<body>
<article>
<header>
HTML5课程
</header>
<!--<h2>HTML5课程</h2>-->
<p>轻松学习HTML5，欢迎来到<a href="http://www.huadianedu.com">华点软件学院</a></p>
</article>
</body>

Article标签从语言上看，可以翻译为文章、文档、页面。

通常的用法：一篇文章、一个页面、一个独立完整的内容。这个标签强调的是内容的独立性。同时，一般article元素里面会嵌套一个header（）标签

（2）section（使用频率低）

<body>
<article>
<h1>苹果</h1>
<p>苹果是一种常见的好吃的水果，而且大家都喜欢吃。</p>
<section>
<h3>红富士</h3>
<p>红色的苹果</p>
</section>
<section>
<h3>国光</h3>
<p>酸酸的苹果</p>
</section>
</article>
</body>

section标签从语义上看，可以翻译为段落章节。

通常的用法：是文章中的一段，这一段通常由标题和内容组成。

该标签的特点：强调分段分块。

（3）nav（使用频率高）

<body>
<header>
<div class="logo">
<nav>
<ul>
<li>H5发展史</li>
<li>CSS发展史</li>
<li>EMScript发展史</li>
</ul>
</nav>
</div>
</header>
</body>

Nav：是导航navigation的缩写。

通常的用法：导航条、页面导航、翻页操作。

该标签的特点：强调分段分块。

（4）aside（使用频率低）

<body>
<article>
<h1>马云是谁</h1>
<p>马云，男，1964年9月10日生于浙江省杭州市，祖籍浙江省嵊州市（原嵊县）谷来镇，
阿里巴巴集团主要创始人，现担任阿里巴巴集团董事局主席、日本软银董事、TNC（
大自然保护协会）中国理事会主席兼全球董事会成员、华谊兄弟董事、生命科学突破
奖基金会董事。</p>
<aside>
<h1>参考资料</h1>
<p>百度百科</p>
</aside>
</article>
<aside>
<nav>
<ul>
<li><a href="#">博博的博客</a> </li>
<li><a href="#">丹丹的博客</a> </li>
<li&
4000
gt;<a href="#">彬彬的博客</a> </li>
<li><a href="#">笑笑的博客</a> </li>
</ul>
</nav>
</aside>
</body>

Aside元素从语义上看，可以翻译为旁边、侧边、辅助。

通常的用法：放在article元素里面，作为附属信息部分，比如参考信息、名称解释。放在article元素外面，作为整个页面的附属信息，比如侧边栏、友情链接、广告区域。

（5）time（压根不用）

Time：时间标签

通常用法：表示24小时的某个时刻或者某个日期。

注：该标签，所有浏览器都不支持。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html5 article section nav aside

相关文章推荐

新的分享

章节导航