＜!DOCTYPE html＞不存在会ie浏览器会发生什么？

最新推荐文章于 2022-02-22 20:12:44 发布

妙莲

最新推荐文章于 2022-02-22 20:12:44 发布

阅读量316

点赞数

分类专栏： ie 文章标签： ie

本文链接：https://blog.csdn.net/weixin_44166439/article/details/113865356

版权

ie 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文探讨了在HTML中不声明<!DOCTYPEhtml>时，IE8及以下浏览器如何触发怪异盒模型。怪异盒模型中元素的实际宽高包括border和padding，而标准盒模型则将它们独立计算。通过box-sizing属性，可以方便地在两种盒模型间切换，border-box对应怪异盒模型，content-box对应标准盒模型。理解这两种盒模型对于前端布局至关重要。

摘要由CSDN通过智能技术生成

如果没有!DOCTYPE html
1.ie8以下会触发会怪异盒模型
怪异盒模型:实际宽高=就是我们设置的width、height(会将border,padding计算在width,height里）
标准盒模型:实际宽高 = border +padding+border+width/height

怪异盒模型 和 标准盒模型 之间转换的属性 box-sizing:border-box怪异盒模型 content-box标准盒模型

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

妙莲

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

IE7中绝对定位元素之间的遮盖问题示例探讨

09-25

在IE7中，当两个绝对定位的子元素位于具有相对定位的同一层级的父元素中时，可能会发生预期之外的遮盖情况。问题的描述是这样的：有两个同层级的`<div>`元素，都设置了`position: relative;`，它们内部的子元素...

【坑】在HTML页面中缺少<!doctype html>造成部分js代码失效问题

热门推荐

Slience

08-21

1万+

无标题文档 function sayhello() { alert("hello shushu"); } function resizeRock() { document.getElementById("rockImg").style.height = (document.body.clientHeight - 100) * 0.9+'px'; } 如果

参与评论您还未登录，请先登录后发表或查看评论

缺少HTML Doctype造成的样式问题

极客神殿

07-20

871

html页面中顶部缺少Doctype会给布局和样式带很诡异的影响，从样式和位置细节找不到问题原因时，第一个就要考虑是不是缺少Doctype文档类型声明。目前比较常用的Doctype是html5类型： <!DOCTYPE html> 这个声明使IE8、IE9处于Standards Mode标准模式，IE7、IE6处于Almost Standards Mode标准兼容模式，Firefox...

DOCTYPE

小丁的博客

03-21

492

DOCTYPE标签是一种标准通用标记语言的文档类型声明，它的目的是要告诉SGML(Standard Generalized Markup language,标准通用标记语言)解析器，它应该使用什么样的DTD(Document Type Definition,文档类型定义)来解析文档。DOCTYPE声明位于HTML文档中的第一行，DOCTYPE不存在或者格式不正确会导致文档以兼容模式...

IE11下，<!doctype>声明加html不能加载css的问题

panling_dml的博客

11-09

4408

系统版本win10,在html中头部声明,IE11下不能加载css，搜了下，是注册表的问题。把 HKEY_CLASSES_ROOT →.css → content type 数据改为text/css就OK了，原来的值是application/x-css

HTML5 DOCTYPE

lzynihao的专栏

02-21

723

是HTML5中唯一的doctype，也被视作将网页“升级”到HTML5的第一步。很多国外网站的和HEAD>之间都会有一段注释,如: 作用于css。来写一些针对IE各版本的样式差异先判断用户用的哪个IE版本，然后在标签上加上该版本的class，这样可以方便hack css文件是这样写的。 .ie6 xxx {}; .ie7 xxx {}; 这是

php的动态页面在ie内核的浏览器下面整体偏左的解决方法

09-25

如果问题依旧存在，可以考虑使用CSS的兼容性前缀、重置CSS（reset.css）以及条件注释（仅适用于旧版IE浏览器）等方法来调试和修复布局问题。同时，利用浏览器的开发者工具（如Chrome的开发者工具或IE的F12开发者工具...

css浏览器兼容性前端人员的必备

05-21

IE浏览器不支持`min-width`和`min-height`属性。为了解决这个问题，可以使用条件注释来为IE提供特定的样式规则。 **示例**： ```css #box { width: 80px; height: 35px; } html > body #box { width: auto; ...

CSS网页布局参考.docx编程资料

04-06

- **问题描述**：IE浏览器在处理带有`margin`和`padding`的`float`元素时存在bug。 - **解决方法**： - 可以通过在`float`元素内部嵌套一个`div`来设置`margin`和`padding`。 - 或者使用hack方法为IE指定特别的值...

CSS 网页布局时常犯的10个小错误整理

09-25

- **问题描述**：IE浏览器对于带有`margin`或`padding`的浮动元素存在兼容性问题。 - **解决方案**： - 在浮动元素内部嵌套一个额外的`<div>`来设置内边距和外边距。 - 使用条件注释或CSS Hack来为目标浏览器提供...

ie下<!DOCTYPE html前放注释解析异常

我的笔记

03-28

1244

虽然之前遇见过这个问题,最近又不记得了,因为需要而在前面放了个注释,忘记了前面的这个教训,后来有人发现在ie下面浏览此页面时,页面乱了,才想起.赶紧把注释移到后面来.经测试.firefox/ie10对这个解析都没有问题.但是看来,还是尽量不这么用才是比较保守的做法.

IE5.5发明了文档模式的概念，即可以使用doctype切换文档模式

BLOG域名:programb.blog.csdn.net

02-22

208

CSS重置是一种将浏览器默认样式归一化的方法，通过重置一些关键的CSS属性，可以消除不同浏览器之间的样式差异，使网页在不同浏览器中具有一致的外观。如今，随着浏览器的不断发展和技术的不断进步，文档模式的概念已经逐渐被淡化，但是它对于网页设计和开发的影响却是深远的。在当今的网页设计和开发中，虽然文档模式的概念已经不再像过去那样重要，但是了解和掌握不同浏览器和网页标准仍然是必要的。通过使用这些新的标签和属性，开发者可以更好地控制文档模式的切换，使浏览器能够按照标准的方式进行渲染，从而提高网站的性能和用户体验。

IE浏览器：HTML1527: 需要 DOCTYPE。请考虑添加有效的 HTML5 doctype:“「!DOCTYPE html」”。

shunzi2016的博客

07-04

6739

HTML1527: 需要 DOCTYPE。请考虑添加有效的 HTML5 doctype:“<!DOCTYPE html>”。

<!DOCTYPE html>很重要

愤怒的coder

12-31

1057

噩梦开始的源头：之前写html或者jsp页面，从来不注意doctype的声明，也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug：某一个页面在IE7和8，Chrome，ff等下正常，但是在IE9下显示有问题，我就开始找啊找，各种调试，各种log，终于在httpWatch里边找到了答案：DOCTYPE未声明。于是我给页面添加了<!DOCTYPE html>,果然奏效了。 ...

<!doctype html>的作用是什么