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 声明是否正确。
相关推荐
困惑阿三14 分钟前
React 展示Markdown内容
前端·react.js·前端框架
lichong9511 小时前
【大前端++】Android studio Log日志高对比度配色方案
android·java·前端·json·android studio·大前端·大前端++
没头脑的男大1 小时前
如何把pdf转换的excell多个表格合并
java·前端·pdf
妄小闲1 小时前
html网站模板 html网页设计模板源码网站
前端·html
Restart-AHTCM1 小时前
前端核心框架vue之(路由篇3/5)
前端·javascript·vue.js
段振轩2 小时前
Docker nginx容器部署前端项目。
前端·nginx·docker
让时光到此为止。2 小时前
vue的首屏优化是怎么做的
前端·javascript·vue.js
温宇飞3 小时前
CSS 中如何处理空白字符
前端
dengzhenyue3 小时前
矩形碰撞检测
开发语言·前端·javascript
llq_3503 小时前
为什么 npm view yarn version 显示 1.22.22?
前端