写点什么

理解 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:5813533

    评论

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

    从0到1数字化转型的“精益落地”模式

    高瑞

    架构实战营模块4作业-千万级学生管理系统的考试试卷存储方案

    好吃不贵

    架构实战营

    还不会使用分布式锁?教你三种分布式锁实现的方式

    华为云开发者联盟

    数据库 zookeeper 分布式锁 etcd 数据库表

    华为发布HarmonyOS Connect品牌升级计划 帮伙伴做好产品、卖好产品、运营好产品

    科技汇

    产品数据分析

    lenka

    5月日更

    快乐是一种选择

    BY林子

    快乐

    奇亚chia算力挖矿系统开发搭建

    薇電13242772558

    区块链 算力

    百度 Serverless 函数计算引擎 EasyFaaS 正式开源

    百度开发者中心

    百度 开源

    实践解析 | 如何用 OpenGL 实现跨平台应用高效渲染

    拍乐云Pano

    Android开发

    Dubbo 延迟服务暴露

    青年IT男

    dubbo

    多吃点花生米吧!

    Nydia

    学习

    Kafka万亿级消息实战

    vivo互联网技术

    kafka 集群

    为什么TCP 建连接要3次,断连接却要4次呢?

    架构精进之路

    TCP 网络层 5月日更

    ShardingSphere 源码

    云淡风轻

    ShardingSphere

    打破思维定式(十二)

    Changing Lin

    Apache Flink在 bilibili 的多元化探索与实践

    Apache Flink

    大数据 flink 流计算 实时计算

    云时代的数据之约

    BinTools图尔兹

    数据库 云计算 运维 云服务 dba

    超时与线程池的坑

    ES_her0

    5月日更

    Python 加密解密信息 - DAY9

    Qien Z.

    Python 加密解密 5月日更

    去年创建的个人网站,我又给它加多了一些新功能。

    彭宏豪95

    写作 网站 博客 5月日更

    Elasticsearch数据库优化实战:让你的ES飞起来

    华为云开发者联盟

    数据库 大数据 elasticsearch 日志 ES

    2021年5月墨天轮国产数据库排行榜:十强榜单固若金汤

    墨天轮

    数据库 腾讯云 阿里云 国产化 dba

    鸿蒙轻内核M核源码分析:数据结构之任务就绪队列

    华为云开发者联盟

    鸿蒙 数据结构 数组 双向循环链表 任务就绪队列

    千万级学生管理系统考试试卷存储方案设计

    eoeoeo

    Golang Array and Slice

    escray

    学习 极客时间 Go 语言 5月日更

    【LeetCode】形成两个异或相等数组的三元组数目Java题解

    Albert

    算法 LeetCode 5月日更

    云小课 | 大数据融合分析:GaussDW(DWS)轻松导入MRS-Hive数据源

    华为云开发者联盟

    华为云 GaussDB(DWS) MRS数据源 融合分析 数据仓库服务

    长连接网关技术专题(四):爱奇艺WebSocket实时推送网关技术实践

    JackJiang

    Netty websocket 即时通讯 IM 网关

    这一年,我们都需要他安静而勇敢的陪伴

    小天同学

    读书笔记 读书 5月日更

    MySQL慢日志全解析

    Simon

    MySQL 慢查询

    在 Mac 上玩网游的简单方式

    懒得勤快

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