HarmonyOS开发者限时福利来啦!最高10w+现金激励等你拿~ 了解详情
写点什么

理解 HTML5 语义 – 第 2 部分:文档结构和全局属性

  • 2011-12-22
  • 本文字数:9018 字

    阅读完需:约 30 分钟

目录

在我之前编写的有关HTML5 语义的文章中,我探讨了添加到HTML5 规范中的一些新元素,以及它们的语义含义。在本文中,我将介绍HTML4(或XHTML——本文中会交替使用这两个术语)和HTML5 文档结构之间的区别,包括新增的全局属性。

文档结构中的变化

HTML5 在文档自身上引入了多处更改。我个人不满意的是,HTML5 允许作者创建格式不规范的文档。换句话说,它允许更松散的结构,其中

  • 元素不需要结束。浏览器仍然知道如何处理它。它不区分大小写,所以您可以随意采用大写或小写。如果您习惯于编写 HTML4,您可以继续采用该样式。如果 XHTML 是您的首选,可以继续保持——它完全是可接受的。但是,即使格式松散的文档受支持,也不是明智的做法。排除混乱的代码中的问题可能很麻烦,因此我建议继续使用规则的标记。

    文档类型

    HTML4 和 HTML5 之间最明显的区别是新的缩短的文档类型。我不了解您,但我记不住 HTML4 或 XHTML1 文档类型。它们冗长无趣。但我们现在可以摆脱这种较长的文档类型了:

    复制代码

    采用一种非常简短、没有版本的文档类型:

    复制代码

    丢掉版本编号并不意味着 HTML 从来没有进步和发展。因为 HTML5 打算向后兼容,所以 W3C 感觉没有必要在扩展它时继续使用编号系统。无论如何,现代浏览器将呈现它能够呈现的内容。Internet Explorer(版本 5 或更早版本)使用了一种不合规、不完善的盒状模型。当 Microsoft 转向采用标准的 W3C 盒状模型呈现时,需要一种新方式来表明将哪种呈现模式用于网页。文档类型的创建使浏览器可以在标准模式(W3C 版本)或 Quirks 模式(不完善的版本,网络上许多早期的文档都使用它)之间切换呈现模式。新的、简化的文档类型包含让浏览器知道以标准模式呈现文档所需的最少数量的字符。

    字符集

    文档的另一种结构变化在字符集或字符编码上。以前您使用:

    复制代码
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    像文档类型一样,现在可以使用以下简化的版本:

    复制代码
    <meta charset="utf-8">

    样式表和脚本链接

    为了保持简单,

  • 2011-12-22 22:5813480

    评论

    发布
    暂无评论
    发现更多内容

    日志管理与分析系统的基本功能

    阿泽🧸

    日志管理 10月月更

    画一个冰糖葫芦祝大家甜甜蜜蜜

    急需上岸的小谢

    10月月更

    改变线程状态的方法

    急需上岸的小谢

    10月月更

    让Jenkins执行GitHub上的pipeline脚本

    程序员欣宸

    GitHub jenkins 10月月更

    2022年ArchSummit全球架构师峰会杭州站感想

    谙忆

    ArchSummit 飞链云 架构师峰会

    React面试八股文(第二期)

    beifeng1996

    React

    HashMap源码分析(一)

    知识浅谈

    hashmap 10月月更

    Linux中的目录结构是什么样的?有人说像“树”,你觉得呢

    wljslmz

    Linux 10月月更 目录结构

    Go 语言入门很简单:Go 语言的错误处理

    宇宙之一粟

    异常处理 错误处理 Go 语言 10月月更

    抢滩东南亚,融云IM助力应用抓住经济转型红利

    融云 RongCloud

    互联网 数字化 IM

    promise执行顺序面试题令我头秃,你能作对几道

    loveX001

    JavaScript

    【资损】知名金融企业的资损与资损防控

    小明Java问道之路

    架构 安全 金融科技 10月月更 资损

    C++中变化布局实现思路

    中国好公民st

    c++ 布局 10月月更

    leetcode 380. Insert Delete GetRandom O(1) O(1) 时间插入、删除和获取随机元素 (中等)

    okokabcd

    LeetCode 数据结构与算法

    【一Go到底】第十九天---init函数、匿名函数

    指剑

    Go golang 10月月更

    CorelDRAW 2019 软件应用项目(五)

    张立梵

    设计师 CorelDRAW 2022 10月月更

    react源码分析:babel如何解析jsx

    flyzz177

    React

    js异步编程面试题你能答上来几道

    loveX001

    JavaScript

    React源码分析2-深入理解fiber

    goClient1992

    React

    React源码分析1-jsx转换及React.createElement

    goClient1992

    React

    高效能敏捷交付团队反思:特性团队(FeatureTeam)+Scrum

    laofo

    DevOps 敏捷 研发效能 持续交付 敏捷研发

    数据湖(四):Hudi与Spark整合

    Lansonli

    Hudi 10月月更

    前端关于面试你可能需要收集的面试题

    loveX001

    JavaScript

    React组件之间的通信方式总结(上)

    beifeng1996

    React

    无法吃午餐的学生数量

    掘金安东尼

    算法 10月月更

    Java多线程 关闭线程池 shutdown() 、shutdownNow()、awaitTermination()

    Yeats_Liao

    后端 Java core 10月月更

    Java多线程 线程池的生命周期及运行状态

    Yeats_Liao

    后端 Java core 10月月更

    Java注解

    急需上岸的小谢

    10月月更

    CorelDRAW 2019 软件应用项目(六)

    张立梵

    设计师 CorelDRAW 2022 10月月更

    华为云从入门到实战 | 云速建站服务与企业主机安全服务

    TiAmo

    华为 华为云 云开发 10月月更

    React组件之间的通信方式总结(下)

    beifeng1996

    React

    理解HTML5语义 – 第2部分:文档结构和全局属性_语言 & 开发_Stephanie (Sullivan) Rewis_InfoQ精选文章