//DOCTYPE 的作用是什么?
https://blog.csdn.net/qq_38128179/article/details/80758192
////DTD: 文档类型定义
1.DOCTYPE的作用
DOCTYPE是document type (文档类型) 的缩写。<!DOCTYPE >声明位于文档的最前面,处于标签之前,它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。
2.删除<!DOCTYPE>会发生什么?
在W3C标准出来之前,不同的浏览器对页面渲染有不同的标准,产生了一定的差异。这种渲染方式叫做混杂模式。在W3C标准出来之后,浏览器对页面的渲染有了统一的标准,这种渲染方式叫做标准模式。<!DOCTYPE>不存在或者形式不正确会导致HTML或XHTML文档以混杂模式呈现,就是把如何渲染html页面的权利交给了浏览器,有多少种浏览器就有多少种展示方式。因此要提高浏览器兼容性就必须重<!DOCTYPE>
3.严格模式和混杂模式
严格模式和混杂模式都是浏览器的呈现模式,浏览器究竟使用混杂模式还是严格模式呈现页面与网页中的DTD(文件类型定义)有关,DTD里面包含了文档的规则。比如:loose.dtd
//严格模式:又称标准模式,是指浏览器按照W3C标准来解析代码,呈现页面
混杂模式:又称为怪异模式或者兼容模式,是指浏览器按照自己的方式来解析代码,使用一种比较宽松的向后兼容的方式来显示页面。
//标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。简单的说,就是尽可能的显示能显示的东西给用户看。
//1.width不同
在严格模式中 :width是内容宽度 ,元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;
在兼容模式中 :width则是元素的实际宽度 ,内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)
//2.HTML5 为什么只需要写 ,而不需要引入 DTD?
SGML(标准通用标记语言)
HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML(标准通用标记语言),HTML5不基于SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照他们应该的方式运行)。
SGML 、 HTML 、XML 和 XHTML 的区别?
HTML只是一种标记语言并不是一种编程语言的。
https://blog.csdn.net/qq_45647476/article/details/108435946
https://blog.csdn.net/weixin_41796631/article/details/89371356
行内元素定义;https://www.cnblogs.com/wangsea/p/10302387.html
字体大小要加粗,
组合图像输入框,
锚准斜体的菜单,
强调换行上下标
//inherit 属性:
能够继承到子类的样式属性非常有限,仅是 文字、字体、颜色... 子类如果还想继承父类的属性,可以通过inherit 强制继承。
HTML5的新特性:https://www.cnblogs.com/vicky1018/p/7705223.html
语义化标签、增强型表单、视频和音频(audio\video)、Canvas绘图、SVG绘图、地理定位、拖放API、WebSocket、Web Storage、Web Worker。