NVIDIA 初创加速计划,免费加速您的创业启动 了解详情
写点什么

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

    评论

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

    AutoCompleteTextView的基本使用

    智趣匠

    android 控件 AutoCompleteTextView

    Portraiture2023人像免费磨皮插件

    茶色酒

    Portraiture2023

    统一观测丨使用 Prometheus 监控 E-MapReduce,我们该关注哪些指标?

    阿里巴巴中间件

    阿里云 云原生

    阿里云消息队列 Kafka 生态集成的实践与探索

    阿里巴巴中间件

    kafka 阿里云 云原生 消息队列

    社交软件的月活利器:从UGC到互娱

    HIFIVE音加加

    互联网 软件 社交 科技 社交媒体

    从零打造你的前端开发脚手架

    南城FE

    前端 js 前端工程化 脚手架

    在前端领域摸爬滚打7年,我终于掌握了这些沉淀技巧

    小鑫同学

    Matlab常用图像处理命令108例(三)

    timerring

    图像处理

    前端学习路径

    阡陌r

    订单超时怎么处理?我们用这种方案

    阿里巴巴中间件

    阿里云 云原生

    国内AGV调度系统到底是什么水平?

    申扬科技

    调度系统 AGV

    前端学习

    阡陌r

    FL Studio21中文语言版水果编曲工具

    茶色酒

    FL Studio21

    全面图像编辑:ON1 Photo RAW 2023激活版

    真大的脸盆

    Mac 图像处理 Mac 软件 图像编辑 raw

    从混乱到完备:我的研发流程之路

    SkyFire

    研发流程

    极氪汽车 APP 系统云原生架构转型实践

    阿里巴巴中间件

    阿里云 云原生

    工作一年,我重新理解了《重构》

    阿里巴巴中间件

    阿里云 云原生 重构

    经验分享:高德地图如何短时间快速完成春节出行备战工作?

    阿里巴巴中间件

    阿里云 云原生 函数计算

    如何有效的进行用例评审

    京东科技开发者

    用例 京东云 代码评审 企业号 3 月 PK 榜

    爆款歌曲的养成背后,是哪些因素在推动?

    HIFIVE音加加

    娱乐 音乐 娱乐社交 热门 华语音乐

    初识大热的ChatGPT的几点思考|社区征文

    穿过生命散发芬芳

    ChatGPT

    巧用GenericObjectPool创建自定义对象池

    京东科技开发者

    京东云 API 编排 对象池 京东物流 企业号 3 月 PK 榜

    Orika JavaBean映射工具使用

    京东科技开发者

    JAVA开发 京东云 JavaBean 企业号 3 月 PK 榜

    GreatSQL 8.0.25-17今日发布

    GreatSQL

    greatsql greatsql社区

    强强联合:Neovim+ChatGPT | 社区征文

    SkyFire

    ChatGPT neovim

    这款 IDEA 插件太好用了,堪称日志管理神器!

    程序知音

    async 与 Thread 的错误结合

    newbe36524

    C#

    架构师日记-软件高可用实践那些事儿

    京东科技开发者

    高可用 软件架构 京东云 企业号 3 月 PK 榜

    Databend query result cache 设计与实现

    Databend

    如何科学管理技术团队的研发交付速率?

    LigaAI

    DevOps 研发效能 技术管理 效能度量 企业号 3 月 PK 榜

    浅谈kafka

    京东科技开发者

    数据库 中间件 京东云 kafka manager 企业号 3 月 PK 榜

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