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 声明是否正确。
相关推荐
未来之窗软件服务5 小时前
一体化系统(九)智慧社区综合报表——东方仙盟练气期
大数据·前端·仙盟创梦ide·东方仙盟·东方仙盟一体化
陈天伟教授8 小时前
人工智能训练师认证教程(2)Python os入门教程
前端·数据库·python
信看9 小时前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
Tony Bai9 小时前
【API 设计之道】04 字段掩码模式:让前端决定后端返回什么
前端
苏打水com9 小时前
第十四篇:Day40-42 前端架构设计入门——从“功能实现”到“架构思维”(对标职场“大型项目架构”需求)
前端·架构
king王一帅9 小时前
流式渲染 Incremark、ant-design-x markdown、streammarkdown-vue 全流程方案对比
前端·javascript·人工智能
苏打水com10 小时前
第十八篇:Day52-54 前端跨端开发进阶——从“多端适配”到“跨端统一”(对标职场“全栈化”需求)
前端
Bigger10 小时前
后端拒写接口?前端硬核自救:纯前端实现静态资源下载全链路解析
前端·浏览器·vite
BD_Marathon10 小时前
【JavaWeb】路径问题_前端绝对路径问题
前端