【Html】不要忽略DOCTYPE

/**
 * Author:RDP
 * My mail:abel1314520@gmail.com
 * My blog:  http://blog.teamhaka.com

 */


DOCTYPE有三种类型,大多数我们看到的是过度类型(过度:不完全严格遵守xhtml):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

 

DOCTYPE看上去貌似可有可无,比如在ff、chrome这类严格遵守标准的浏览器下,有没有首行的DOCTYPE声明似乎并没有什么影响。 但是在ie下,不正确的声明DOCTYPE的话,哪怕是高版本的ie,都有可能出现html的解析不遵守标准的情况。(我就在ie8下遇到div的width包括了内外边距的长度这种应该只出现在ie6、ie5的情况)

这里的不正确的声明DOCTYPE我试了下有2种情况:

1 不声明DOCTYPE:

    在w3school上有这样一句话:【如果浏览器读到一个文件类型声明,那么它会按照“恰当”的方式来处理文档。如果没有 DOCTYPE,文档也许会以截然不同的方式显示出来。】

    别让你的页面“截然不同”!别忘记添加DOCTYPE!

2 没有将DOCTYPE的声明位于页面内容的首行

   这里的页面内容指的是实际显示的html代码,即页面右键查看到的源代码。首行的解释如下:

   2.1把DOCTYPE放在你html源代码文件的第一行  =>  OK(这是最字面的理解)

   2.2DOCTYPE声明语句前有半角空格、回车、tab  =>  OK

   2.3DOCTYPE前有全角空格、内容输出、甚至是html的注释   =>  错误!  这些都会导致浏览器(好像就ie。。。)无法正确读到你页面的文件类型声明!导致不按标准解析!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值