????????????
????????????Hello，大家好我是 上进小菜猪，一个有趣的全栈博主，欢迎关注，多多关照????????????
????????????欢迎大家找我合作学习（文末有VX与公众号 想进学习交流群or学习资料or一起刷题 欢迎++）????????????
????????????苟怀四方志，所在可游盘，一起加油进步！????????????
????????????

W3C标准

万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。
网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）

为什么使用W3C？

为什么使用W3C?
我觉得一句话概括的非常好：所谓的标准就是为了弥补主观上的不足。

W3C 标准是为了弥补主观上的不足，弥补的是新手对 SEO 的理解，即使不了解 SEO，只需要去遵循 W3C 标准即可确保获得良好的 SEO，这是因为 SEO 的编写者同样遵循这一种约定。

W3C包括那些标准?

W3C标准包括
结构化标准语言（HTML、XML）
表现标准语言（CSS）
行为标准（DOM、ECMAScript）

标准规范：

1、 需要声明（DOCTYPE）
2、需要定义语言编码
如果忘记了定义语言编码，可能会出现页面乱码现象。
3、JavaScript定义
4、CSS定义
<style type=“text/css”>开头来定义
5、使用注释
6、所有标签的元素和属性名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，

和是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。

7、所有属性值必须用引号括起来（”” ”）双引号或单引号

8、把所有特殊符号用编码表示

空格为  、小于号（<）&lt、大于号（>）&gt、和号（&）&amp等。

9、所有属性必须有属性值
XHTML规定所有属性都必须有个值，没有值就是重复本身。

10、所有的标记都必须有相应的结束标记
双标记：<div></div> 单标记：<img />

11、所有的标记都必须合理嵌套
<p><b></p></b>必须修改为：<p><b></b></p>

12、图片添加有意义的alt属性
图片加载失败时可以用alt属性表明图片内容。同理添加文字链接的title属性，帮助显示不完整的内容显示完整

13、在form表单中增加label，以增加用户友好度

什么是内容结构和表现样式分离?

web标准的核心理念就是结构标准、样式标准和行为标准，提倡结构、表现和行为相分离，即HTML-结构、CSS-表现、JavaScript-行为 分离。

HTML标签给予内容含义，CSS表现层则定义HTML该如何显示（外观），JavaScript行为成为页面增加交互。

在内容与样式分离的原则下，作者的思维流是结构化的。具体来说，作者会思考：「这一小块内容起到了什么作用，属于什么结构」，然后相应地标记这些内容。

什么是HTML内容结构语义化？

语义化，顾名思义，就是你写的HTML结构，是用相对应的有一定语义的英文字母（标签）表示的，标记的，因为HTML本身就是标记语言。不仅对自己来说，容易阅读，书写。别人看你的代码和结构也容易理解，甚至对一些不是做网页开发的人来说，也容易阅读。

怎么知道，自己的页面结构是否语义化，那就要看你的HTML结构，在去掉CSS样式表之后，是否，依然能很好的呈现内容的结构，代码结构。也就是说，脱掉css的外衣，依然头是头，脚是脚。赤裸裸的完整的一篇文档。这也就是，语义化之后文档的效果。

为什么要语义化？

1.为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
2.用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
3.有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
4.方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
5.便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

版权说明：文章内容整合于互联网和自己的理解而成。