<!DOCTYPE html>的重要性

使用$(window).height()方法获得高度不正确

Paste_Image.png

今天我在使用jquery方法获取视窗的高度时，发现获取的高度非常大，远远超出了视窗大小

最终发现一个严重的bug，我的html页面顶部没有<!DOCTYPE html>

<!DOCTYPE html>的重要性

  1. <!DOCTYPE html>决定浏览器渲染方式
  2. <!DOCTYPE>：告知 浏览器当前的 HTML 或 XML 文档是哪一个版本. Doctype 是一条 声明, 而不是一个标签; 也可以把它叫做 "文档类型声明", 或 简称为 "DTD".
  3. <!DOCTYPE html>：用HTML5的doctype声明文件包含HTML5标记
    HTML5的doctype非常简单。表明你的HTML内容使用HTML5，只需要简单的使用：
<!DOCTYPE html>

这样做会让目前还不支持的HTML5的浏览器采用标准模式解析，这意味着他们会解析那些HTML5中兼容的旧的HTML的标签的部分，而忽略他们不支持HTML5的新特性。

总而言之，如果不加上<!DOCTYPE html>，使用很多html5新特性和类库（如jquery）都会出现问题!!!

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容