w3c是英文 World Wide Web Consortium 的缩写。中文名叫 万维网联盟 它简单来说是一个国际性的组织,负责统一制定与web相关的各项标准。
概念
网页主要有三部分组成:结构(Structure)、表现(Presentation)、行为(Behavior)。
对应的标准也有三方面:结构化标准主要包括XHTML和XML,表现标准语言主要包括CSS、行为标准主要包括(如W3C DOM)、ECMAScript等。
统一标准的原因
不同浏览器有不同的解析规则,而在不同的解析规则下要将相同的内容呈现给用户,就必须有一个统一标准的解析规则。
规范
标签嵌套规则
1、块元素可以包含行内元素或某些块元素,但行内元素不要包含块元素
<div><h1></h1><p></p></div> <!--对-->
<a href="#"><span></span></a> <!--对-->
<span><div></div></span> <!--错-->
2、块级元素不能放到<p>
里面
<p><ol><li></li></ol></p> <!--错-->
<p><div></div></p> <!--错-->
3、有几个特殊的块级元素只能包含行内元素,不能再包含块级元素:h1
、h2
、h3
、h4
、h5
、h6
、p
、dt
4、块级元素与块级元素并列,行内元素与行内元素并列
<div><h2></h2><p></p></div> <!--对-->
<div><a href="#"></a><span></span></div> <!--对-->
<div><h2></h2><span></span></div> <!--错-->
本例中h2
标签与span
标签并列,虽然不会报错,但根据规范如果必须这样写最好在span
标签外层加div
,这个div
被称为无语义区块
HTML语义化标签
明白每个标签的用途(在什么情况下我可以使用这个标签才合理)。例如文章标题使用h1
-h6
,文章内容放到p
中,文章中有想要强调的文本可以使用em
表示。
使用语义化标签的好处有:
- 更容易被搜索引擎收录
- 更容易让屏幕阅读器读出网页内容
- 能够更好的体现页面的主题
- 兼容性更好,支持更多的网络设备
参考:https://www.bilibili.com/video/BV1hs411T7Bx?from=search&seid=4649962878815286975