html - 标签语义化
2017-12-22 本文已影响1人
廖马儿
标签合理使用
section # 板块，用于划分页面上的不同区域，或者划分文章中不同的节
header # 页面头部或者板块（section）头部
footer # 页面底部或者板块（section）底部
nav # 导航（包含连接的一个列表）
article # 用来在页面中表示一套结构完整且独立的内容部分。可以用来呈现论坛的一个帖子，杂志或者报纸中的一篇文章，用户提交的评论内容，可以交互的页面模块连接等。
aside # 元素标签可以包含与当前页面或主要内容相关的引用，侧边栏，广告，nav元素组，以及其他类似的有别与主要内容的部分。（1.被包含在<article>中作为主要内容的复数信息部分，其中的内容以是与当前文章有关的引用，词汇列表等。 2.在<article>之外使用，作为页面或站点全局的复数信息部分：最典型的形式是：sidebar），其中的内容可以是友情链接，附属导航或者广告单元等。
h1-h6 # 标题
ul # 无序列表
ol # 有序列表
li #
dl dt dd # 定义列表
time # 时间标签
em # 强调一个词或者一段话 (意大利斜体)
strong # 强调一个词或者一段话 （粗体）
img # 图片
eg:header, footer, section
<!doctype html>
<html>
<head>
</head>
<body>
<header>
</header>
<section>
<header></header>
<footer></footer>
</section>
<footer>
</footer>
</body>
</html>
