HTM5标签语义化

html语义化标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<a>标签:实现超链接
<p>标签:文章段落放到<p>标签中
<hx>标签:文章标题,栏目标题用<hx>表示
标题标签一共有6个, h1、h2、h3、h4、h5、h6 分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。 <h1> 是最高的等级。
<strong>和<em>标签:特别强调某几个文字
但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用 斜体 表示,<strong> 用 粗体 表示。
<q>标签:短文本引用
<blockquote>标签:长文本引用
注意浏览器对 < blockquote>标签的解析是 缩进样式
<address>标签:为网页加入地址信息
<ul>标签:无序列表
<ol>标签:有序列表
<caption>标签:为表格添加标题和摘要
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

html5语义化标签

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1. article标签:装载显示一个独立的文章内容。
例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等 artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。
2. section 标签:定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。
3. aside 标签: 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。
4. hgroup 标签:用于对网页或区段的标题元素(h1-h6)进行组合。
例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。
<hgroup>
<h1>标题1</h1>
<h2>标题2</h2>
</hgroup>
5. header 标签:定义文档的页面组合,通常是一些引导和导航信息。
6. footer 标签:定义 section 或 document 的页脚。
7. nav 标签:导航链接放在nav标签里。
nav标签里应该放入一些当前页面的主要导航链接。
例如在页脚显示一个站点的导航链接(如首页,服务信息页面,版权信息页面等等),就可以使用nav标签,当然,这不是必须的。
8. time 标签:定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,搜索引擎也能够生成更智能的搜索结果
9. mark 标签:定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签。
10. figure标签:规定独立的流内容(图像、图表、照片、代码等等)。
11. figcaption 标签:定义 figure 元素的标题(caption)。
"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。