1.DOCTYPE 的作用
DOCTYPE 是 document type (文档类型) 的缩写.<!DOCTYPE > 声明位于文档的最前面, 处于标签之前, 它不是 html 标签. 主要作用是告诉浏览器的解析器使用哪种 HTML 规范或者 XHTML 规范来解析页面.
2. 删除 <!DOCTYPE > 会发生什么?
在 W3C 标准出来之前, 不同的浏览器对页面渲染有不同的标准, 产生了一定的差异. 这种渲染方式叫做混杂模式. 在 W3C 标准出来之后, 浏览器对页面的渲染有了统一的标准, 这种渲染方式叫做标准模式.<!DOCTYPE > 不存在或者形式不正确会导致 HTML 或 XHTML 文档以混杂模式呈现, 就是把如何渲染 HTML 页面的权利交给了浏览器, 有多少种浏览器就有多少种展示方式. 因此要提高浏览器兼容性就必须重视 <!DOCTYPE>
3. 严格模式和混杂模式
严格模式和混杂模式都是浏览器的呈现模式, 浏览器究竟使用混杂模式还是严格模式呈现页面与网页中的 DTD(文件类型定义) 有关, DTD 里面包含了文档的规则. 比如: loose.dtd
严格模式: 又称标准模式, 是指浏览器按照 W3C 标准来解析代码, 呈现页面.
混杂模式: 又称为怪异模式或者兼容模式, 是指浏览器按照自己的方式来解析代码, 使用一种比较宽松的向后兼容的方式来显示页面.
4. 常见的 DOCTYPE 声明
HTML5
- <!DOCTYPE HTML>
- HTML 4.01 Strict
该 DTD 包含所有 HTML 元素和属性, 但不包括展示性的和弃用的元素 (比如 font). 不允许框架集 (Framesets).
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- HTML 4.01 Transitional
该 DTD 包含所有 HTML 元素和属性, 包括展示性的和弃用的元素 (比如 font). 不允许框架集 (Framesets).
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- HTML 4.01 Frameset
该 DTD 等同于 HTML 4.01 Transitional, 但允许框架集内容.
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
- XHTML 1.0 Strict
该 DTD 包含所有 HTML 元素和属性, 但不包括展示性的和弃用的元素 (比如 font). 不允许框架集 (Framesets). 必须以格式正确的 xml 来编写标记.
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- XHTML 1.0 Transitional
该 DTD 包含所有 HTML 元素和属性, 包括展示性的和弃用的元素 (比如 font). 不允许框架集 (Framesets). 必须以格式正确的 xml 来编写标记.
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- XHTML 1.0 Frameset
该 DTD 等同于 XHTML 1.0 Transitional, 但允许框架集内容.
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- XHTML 1.1
该 DTD 等同于 XHTML 1.0 Strict, 但允许添加模型 (例如提供对东亚语系的 Ruby 支持).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
感谢原著作者!!!
---------------------
来源: http://www.bubuko.com/infodetail-3105924.html