doctype声明的重要性-------这绝对是ie的坑, 与angular无关, 我错怪你啦

今天开发一个页面, 自己写页面, 自己实现功能. 因为以往需求都没有要求兼容ie9, 所以并未发现此坑. 今天就记录下来.

贴图对比

ie9

chrome

如图, ie9界面显示错误.

起初以为是angular 1.3 不支持ie9, 思路一直围绕着ie9的兼容性问题在想解决方法.

实在没有法子, 就跑去问我们老大...原来都是 <!doctype html> 惹的祸. 看见这原因杀了自己的冲动都有了啊.

所以, 我来记录自己的愚蠢了. 以后, 再犯就是傻逼啊

<!doctype html> 声明网页按w3c规范解析. 就不会进入怪异模式解析文档了

时间： 2024-11-10 18:49:25

doctype声明的重要性-------这绝对是ie的坑, 与angular无关, 我错怪你啦的相关文章

网页的!DOCTYPE声明及对网页起何作用

一.DOCTYPE说明 - TOP 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分:除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效,也就是说如果没有这个DOCTYPE声明将会导致CSS失效-css无效,特别是没有声明或声明不正确将在标准浏览器下更是不能正常显示. DOCTYPE声明开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE. 查看很多使用XHTML标准开发的网站,第一行就是: <!DOCTYPE html

doctype声明、浏览器的标准、怪异等模式

doctype 标准(严格)模式(Standards Mode).怪异(混杂)模式(Quirks Mode),如何触发,区分他们有何意义? 触发标准模式 1.加DOCTYPE声明,比如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><!DOCTYPE HTML PUBLIC "-//W3C//

<!DOCTYPE> 声明引发的错误

<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前. 在写模板的时候,因为最近开始给每个文件添加注释,无意中将注释写在文件的第一行.导致页面在IE模式下错位. 这是因为文档声明强制在第一行,否则视为错误文档.IE模式下,会自动降低浏览器到IE7的模式下进行渲染,以变支持. 由于使用了bootstrap框架,在IE7下面是不支持的.结果就是一系列的悲剧. <!DOCTYPE> 声明引发的错误,布布扣,bubuko.com

DOCTYPE声明的作用是什么？严格模式与混杂模式如何区分？

HTML语言已经存在太久了,目前必然会有一些不同版本的文档存在,为了能够让浏览器清楚你的文档的版本类型和风格,需要在文档的起始用DOCTYPE声明制定当前文档的版本和风格.如果在网页中提供了版本信息,则可以有利于验证页面中的代码是否符合当前的版本和风格在严格模式即标准模式中,浏览器根据贵干呈现页面:在混杂模式中,页面以向后兼容的方式显示,以防老站店无法工作如果HTML文档包含形式完整的DOCTYPE,那么它一般以标准模式呈现,对于HTML4.01文档包含严格DTD的DOCTYPE常常导致页面

DOCTYPE声明作用及用法详解

一.浏览器呈现模式和doctype 有的网页是遵循标准而创作的,但也有很多不是.即使你不能创建遵循标准的网页,也希望浏览器根据标准来正确显示那些页.目前,大量网页充斥着大量非标准代码,它们仍能正常地工作.事实上,为旧版浏览器设计的大多数代码都能在新版浏览器中正确显示(虽然呈现方式可能有所区别).这是什么原因呢?事实上,假如严格遵循最新标准,会完全破坏那些页的生存基础.对于任何希望有所作为的浏览器来说,这当然是令人无法接受的. 浏览器呈现模式现代浏览器包括不同的呈现模式,目的是既支持遵循标准的网

doctype声明过渡transitional 严格strict 框架frameset

DOCTYPE是document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本. 其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来. 要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分:除非你的XHTML确定了一个正确的DOCTYPE,否则你的标识和CSS都不会生效. XHTML 1.0 提供了三种DTD声明可供选择: * 过渡的(T

HTML<!DOCTYPE> 声明的作用

在html页面中,下面这行代码究竟有何用呢? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 在一次页面重构过程中,看到静态页的第一行有这么一段代码,其后紧跟一大片空白,在删除空白的时候不小心删掉了这行代码,然后.... 原来显示正常的页面,瞬间凌乱了,字体样式

常见HTML的!DOCTYPE声明

HTML或者XHTML版本 !DOCTYPE声明 HTML 2.0 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> HTML 4.0 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tra

为什么要用<!DOCTYPE>声明

实例: 我们经常会看到类似这样的代码: <!DOCTYPE html> <html> <head> <title>文档的标题</title> </head> <body> 文档的内容...... </body> </html> 注解:可以看到最上面有一行关于"DOCTYPE"(文档类型)的声明,它就是告诉浏览器,使用哪种规范来解释这个文档中的规范.你知道如果没有它,浏览器在渲染页