欢迎光临朱凯的个人博客!
朱凯,a3.work

如何遵循W3C标准

 发布时间: 2019-01-11 08:44      原创:  朱凯      评论: .       .人查看

我们知道不同浏览器对盒子模型的解释是有所差异的,那么应该选择哪种盒子模型呢? 

答案一定是 "标准W3C盒子模型"。怎样才算是选择了 "标准W3C盒子模型" 呢? 只要能让IE浏览器也按 "标准W3C盒子模型" 去解析页面即可。当然不只是盒子模型可以让IE浏览器按标准的W3C规范去解析,整个页面的Css都可以让IE浏览器按标准的W3C规范去解析。

那么应该怎 样去做呢?其实很容易,就是在网页的顶部加上DOCTYPE声明。如果不加DOCTYPE声明,那么各个浏览器会根据自己的行为去理解网页。例如,IE浏览器会采用IE盒子模型去解释你的盒子,而Firefox 浏览器会采用标准W3C盒子模型去解释你的盒子,所以网页在不同的浏览器中显示得就不一样。反之,如果加上了DOCTYPE声明,那么所有浏览器都会采用标准W3C盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。

DOCTYPE定义当前文档的基本类型,即文档类型定义(DTD),用于告诉浏览器打开页面时应遵循什么规则。要建立符合标准的网页,DOCTYPE声明是必不可少的组成部分。

其实DOCTYPE只是一组机器可读的规范,虽然中间包含了文件的URL,但浏览器不会去读取这些文件,仅用于识别,然后决定以什么样的规范去执行页而中的代码。开始制作符合标准的站点时, 第一件事情就是声明符合自己需要的DOCTYPE。而 XHTML1.0 提供了三种DTD声明可供选择,分别为: 过渡的(Transitional )、严格的(Strict),以及专门针对框架页面设计使用的DTD(Frameset) 这里推荐DOCTYPE声明是过渡的DTD。

XHTML 1.0提供的这种过渡的DTD,其要求是非常宽松的,它允许你继续使用HTML 4.01的标识,但是要符合XHTML的写法。

虽然声明DOCTYPE解决了大部分问题,但还是会有个别的标记样式不能兼容; 或是不去声明 DOCTYPE, 我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,使得 在不同的浏览器中也能得到我们想要的页而效果。

转载请注明来源:   如何遵循W3C标准  - 朱凯博客

上一篇:htaccess解决服务器启用OPTIONS 下一篇:没有了
分享是一种快乐,也是一种美德:
¥打开支付宝,扫码领红包¥ 红包

支付宝 aliPay

微信 wxPay