11. HTML 中 DOCTYPE 的作用

总结

  1. H5 的声明

  2. HTML5 的 DOCTYPE 声明

    • HTML5 中的 <!DOCTYPE html> 声明用于告诉浏览器当前文档使用的是 HTML5 的文档类型。
    • 它必须是文档中的第一行内容(在任何 HTML 标签之前),以确保浏览器能够正确地解析和渲染页面。
  3. DOCTYPE 的作用

    • 触发标准模式DOCTYPE 声明的主要作用是让浏览器以标准模式(Standards Mode)来解析和渲染页面,而不是以兼容模式(Quirks Mode)。
    • 兼容性 :在没有 DOCTYPE 声明的情况下,浏览器可能会进入兼容模式,这会导致页面的布局和样式表现不一致。
    • 文档类型定义DOCTYPE 声明定义了文档使用的 HTML 或 XHTML 的版本,以便浏览器能够正确地解析文档结构。
  4. 不同版本的 DOCTYPE

    • HTML 4.01 Strict<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    • HTML 4.01 Transitional<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    • XHTML 1.0 Strict<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    • HTML5<!DOCTYPE html>(最简单的声明方式)
  5. HTML5 的优势

    • 简洁性 :HTML5 的 DOCTYPE 声明非常简洁,只需要 <!DOCTYPE html> 即可。
    • 向后兼容 :HTML5 的 DOCTYPE 声明向后兼容,能够被旧版本的浏览器识别。
    • 现代浏览器支持 :现代浏览器都支持 HTML5 的 DOCTYPE 声明,并且能够正确地解析和渲染页面。
  6. 注意事项

    • 位置DOCTYPE 声明必须位于文档的最顶部,不能有任何内容(包括注释、空格等)出现在它之前。
    • 大小写DOCTYPE 声明不区分大小写,但通常使用大写字母书写。
    • 验证工具 :可以使用 W3C 的 HTML 验证工具来检查文档的 DOCTYPE 声明是否正确。
相关推荐
炫饭第一名3 分钟前
Vue 2.5.16 + Webpack 4 升级 Vue 2.7.16 + Webpack 5 记录
前端·vue.js·webpack
MediaTea11 分钟前
Python 库手册:xml.etree.ElementTree 处理 XML 数据模块
xml·java·前端·数据库·python
今晚努力早睡12 分钟前
web复习
前端
轻语呢喃28 分钟前
CSS 模块化:通过唯一类名实现样式隔离
前端·css·react.js
爱吃派大星的土拨鼠34 分钟前
HTML结构解析
前端·html·css3
该用户已不存在34 分钟前
Python 3.14 正式版前瞻:7个你必须关注的重量级新特性
前端·后端·python
前端李易安35 分钟前
一文讲透HTML语义化标签
前端·html
福娃B35 分钟前
【React】一篇文章带你了解常见的Hooks函数
前端·javascript·react.js
1024小神36 分钟前
cocos这个刚体AllowSleep睡眠属性真的服了,cocos的坑是真多啊
前端·javascript
前端进阶者36 分钟前
天地图可拖拽驾车路线规划
前端