W3C规范

W3C规范

---

什么是W3C？

万维网联盟（world wide web）。

它是一个国际性的中立组织，专门负责统一web相关的各项标准。

不同浏览器的解析规则并不相同，而我们希望不同浏览器解析出来的结果相同，这时候就需要我们来统一标准的解析规则。

---

标签嵌套规则：

规则一：

块元素可以包含行内元素或某些块元素，但行内元素却不能包含块元素，它只能包含其它的行内元素。

规则二：

块级元素不能放在<p>里面。

规则三：

有几个特殊的块级元素只能包含行内元素，不能再包含块级元素。

例如：h1、h2、h3、h4、h5、h6、p、dt

规则四：

块级元素与块级元素并列，行内元素与行内元素并列。

---

语义化标签：

例如：网页上的文章的 标题 就可以用 h1-h6 ，网页上的各个栏目的 栏目名称 也可以使用 h1-h6 。

文章中的内容的 段落 就得放在 段落标签p 中，在文章中有想 强调的文本 ，就可以使用 em标签 表示强调等等。

为什么使用HTML语义化标签？

1. 更容易被搜索引擎收录（利于提高排名）
2. 更容易让屏幕阅读器读出网页内容
3. 能够更好的体现页面的主题
4. 兼容性更好，支持更多的网络设备

具体的HTML语义化标签

• <a>标签

实现超链接，强调 title 属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）。

• <p>标签

文章段落放到<p>标签中。

• <hx>标签

文章标题，栏目标题用<hx>表示，标题标签一共有6个，h1、h2、h3、h4、h5、h6分别一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

• <strong>和<em>标签

特别强调某几个文字，但两者在强调的语气上有区别，<em>表示强调，<strong>表示更强烈的强调。并且在浏览器中<em>默认用 斜体 表示，<strong>用 粗体 表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。

• <q>标签

短文本引用注意要引用的文本不用加 双引号 ，浏览器会对q标签自动添加双引号。

• <blockquote>标签

长文本引用，注意浏览器对<blockquote>标签的解析是 缩进样式 。

• <address>标签

为网页加入地址信息。

• <ul>标签

无序列表。

• <ol>标签

有序列表。

• <caption>标签

为表格添加标题和摘要。摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性（语义化），使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。