IE盒子模型和标准W3C盒子模型
2017-11-30 10:28
483 查看
标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。
IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。
如何选择标准 W3C 盒子模型:很简单,就是在网页的顶部加上 DOCTYPE 声明。如果不加 DOCTYPE 声明,那么各个浏览器会根据自己的行为去理解网页,即
IE 浏览器会采用 IE 盒子模型去解释你的盒子,而 FF 会采用标准 W3C 盒子模型解释你的盒子,所以网页在不同的浏览器中就显示的不一样了。反之,如果加上了 DOCTYPE 声明,那么所有浏览器都会采用标准 W3C 盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。
在 HTML5 中只有一种
IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子模型不同的是:IE 盒子模型的 content 部分包含了 border 和 pading。
如何选择标准 W3C 盒子模型:很简单,就是在网页的顶部加上 DOCTYPE 声明。如果不加 DOCTYPE 声明,那么各个浏览器会根据自己的行为去理解网页,即
IE 浏览器会采用 IE 盒子模型去解释你的盒子,而 FF 会采用标准 W3C 盒子模型解释你的盒子,所以网页在不同的浏览器中就显示的不一样了。反之,如果加上了 DOCTYPE 声明,那么所有浏览器都会采用标准 W3C 盒子模型去解释你的盒子,网页就能在各个浏览器中显示一致了。
定义和用法
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
HTML 4.01 与 HTML5 之间的差异
在 HTML 4.01 中有三种 <!DOCTYPE> 声明。在 HTML5 中只有一种
相关文章推荐
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- IE盒子模型和标准W3C盒子模型
- 标准W3C盒子模型和IE盒子模型
- 标准W3C盒子模型和IE盒子模型---CSS布局经典盒子模型[转]
- IE盒子模型和标准W3C盒子模型
- 标准W3C盒子模型和IE盒子模型
- IE盒子模型和标准W3C盒子模型
- [CSS]标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型之CSS布局经典盒子模型
- ie 盒子模型和标准 w3c 盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- IE盒子模型和标准W3C盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)
- 【css】IE盒子模型和标准W3C盒子模型
- 标准W3C盒子模型和IE盒子模型(错了无数次)
- IE盒子模型和标准W3C盒子模型
- 标准W3C盒子模型和IE盒子模型CSS布局经典盒子模型(转)