w3c标准规范

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><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