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 声明是否正确。
相关推荐
java1234_小锋8 小时前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
鸿蒙开发10 小时前
共享 Schema 与 SchemaFactory
前端·后端·harmonyos
屏什么录10 小时前
录屏超过两小时就卡顿崩盘?从参数调优到代码实现,一文彻底搞定长时间录屏
前端·音视频开发
计算机魔术师10 小时前
950亿怎么拆:Meta给AI基建配的三档弹药
前端
碳基生物猛吃膳食纤维10 小时前
结合DEEPSEEK和CHATGPT弄了个小脚本,批量检查商品主图
前端
绝世唐门三哥10 小时前
CSS 换行三剑客:overflow-wrap、word-break 与 white-space 完全指南
前端·css
kyriewen10 小时前
别再用防抖做懒加载了:120 张图只加载出 4 张
前端·javascript·程序员
计算机魔术师10 小时前
Hugging Face CEO 转评前 DOGE 研究人员用 AI 智能体渗透 Anthropic 系统事件
前端
IT_陈寒10 小时前
刚解决一个 Java 并发问题,这坑踩得我怀疑人生
前端·人工智能·后端
前端一课10 小时前
一个晚上,四个“小问题”:我重写了 12 章 ArkUI 笔记
前端