前端提高篇（五十八）Html5概述(标准模式 VS 怪异模式)，新特性

3.解决实际问题，比如需要header和footer，就创造了这些标签

4.优雅降级：如html5对某一个标签扩展了一些属性的可选值（类似input type='text’中的type更新了不同的值），而浏览器暂时还不支持这个新值，就会把这个可选值降成之前版本的、默认的、当前浏览器可解析的值

5.用户优先，开发者第二，浏览器厂商第三，标准制定者第四，理论上的完美排最后

标准模式 VS 怪异模式

验证：

document.compatMode

返回BackCompat，表示怪异模式

返回CSS1Compat，表示标准模式（使用html5的DOCTYPE）

区别：

1.标准盒模型和IE6混杂盒模型

2.table字体在标准模式下继承body，怪异模式不继承body

3.在怪异模式下，IE6以下版本中可以给span等行级元素设置宽高

4.在怪异模式下，即使父级没有高度，也可以设置百分比高度

5.在怪异模式下，IE6以下margin: 0 auto不能左右居中

6.在怪异模式下，IE6以下图片的padding失效

IE6及以前版本的浏览器，在怪异模式下，会使用混杂盒模型

原因：

在怪异模式下，各浏览器按照浏览器自身的解析方式来解析，比如这个浏览器在标准推行之前使用的一些解析方法和模式

而一开始是没有盒模型的概念的，微软最先提出并使用，推出了混杂模型，与其他浏览器无关；因此，只有IE6及以前版本的浏览器才有这个混杂模式

标准盒模型vsIE6混杂盒模型

标准模式下，定义了一个div，设置：

.box {

width: 100px;

height: 100px;

border: 10px solid #000;

padding: 10px;

margin: 10px;

background: pink;

}

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
net/topics/618191877)

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！