开发者需要知道的11条HTML5小常识

最新推荐文章于 2025-11-05 20:48:02 发布

最新推荐文章于 2025-11-05 20:48:02 发布 · 115 阅读

文章标签：

#xhtml

HTML5作为Web标准的重要里程碑，不仅增强了网页的表现力，还引入了一系列实用的新特性。本文详细介绍了HTML5的核心变化，包括新语义元素、多媒体支持、表单增强及离线存储等功能，并探讨了其对现代Web开发的影响。

本文为图灵公司质量（QA）部主任李松峰在翻译《HTML5:The Missing Manual》一书时摘录的关于HTML5的有价值的知识点。最早在@李松峰（新浪）微博上分享，后经过整理原发在图灵社区，在获得李老师授权后，WebAppTrend转载了此文，以供有意者学习参考。

#HTML5: The Missing Manual# 如果说HTML是一部电影，那HTML5就是一次大转折。HTML本来是不会活过21世纪的。官方Web标准组织W3C在1998年对HTML就已经撒手不管了。W3C把未来都寄托在XHTML，这个更具现代特色的后续标准身上。是一群被剥夺了话语权的人，让HTML起死回生并为本书将要探讨的功能奠定了基础。
#HTML5:The Missing Manual#由于HTML5标准描述的都是事实，而不是抛出一堆理想的规则了事，因此它有望成为有史以来受支持程度最高的Web标准。
今天，当你听到别人提及HTML5，可能有三层意思：(1)HTML5核心，即W3C官方规范，涉及新语义元素、新表单控件、音频和视频、画布；(2)曾经属于HTML5的功能，源自WHATWG最初制定的规范，但逐步被剥离出来，包括本地数据存储、离线应用、消息传递等；(3)有时候会被称为HTML5的功能，包括CSS3、地理定位等。
HTML5有两个版本：开发人员版（http://t.cn/Scs9Dj）要求摒弃过去的那些坏习惯和被废弃的元素。通过使用HTML5验证器可以确保遵循HTML5标准的这一部分。浏览器开发商版（http://t.cn/7vZ3v）包含从头实现一个兼容过去和未来的浏览器所需要的全部信息。前者是后者的子集。
HTML5删除了框架，但<iframe>得以保留，因为Web应用经常要利用<iframe>实现一些集成任务，比如在网页中包含视频窗口、广告单元和谷歌搜索框等。
HTML5中改变了一些元素的含义。如<small>元素（<big>被删了），原来是表现性的元素，用于缩小文本，现在它的含义是“small print”，即附属细则，用于页面底部的法律条款。再如<hr>和<s>元素，前者插入水平线，后者加删除线，但在HTML5中它们的含义变成了“主题转换”和“不准确、不相关的内容”。
HTML5保留的HTML元素有100+，新增的元素30个左右，改变含义的元素大约10个。看这里一目了然：http://t.cn/GLE0G
HTML5的“自由散漫”表现在：(1)不要求网页中必须包含<html>、<head>和<body>元素；(2)标记和属性均不区分大小写；(3)允许省略关闭空元素（void elment）的斜杠；(4)属性值中只要不包含受限的字符（比如>、=或空格），就可以不加引号；(5)只有属性名没有属性值也可以。
严肃的Web开发人员编写HTML5页面还是要遵循XHTML语法：(1)包含可选的<html>、<head>和<body>元素；(2)标签和属性全部小写；(3)标签不要错误嵌套；(3)属性值要加引号。想验证自己的HTML5页面是否符合XHTML语法？使用这个验证器http://t.cn/ScF199，在Prese中选XHTML5。
XHTML5（Polyglot Markup：http://t.cn/SV7jJt）是HTML5与XML的交集，是兼顾二者的方案，可由XML或HTML解析器解析，解析后都生成相同的DOM。服务器端配置的MIME类型决定使用的解析器：application/xhtml+xml 或 text/html。注意：IE9之前的IE不支持XML解析器。另可参考：http://t.cn/SV7jJc
XHTML 1.0为替代<b>和<i>引入<strong>和<em>是想引入重要和强调的语义。HTML5为这4个标签赋予了新的含义：<strong>表示要突出显示的“重要内容”、<b>仅表示“粗体”但不是更重要（关键字、产品名）、<em>表示要大声朗读的“重读内容”、<i>仅表示“斜体文本”但不是更重要（外文单词、技术术语）。

原文出处：图灵社区

译文来源：http://www.webapptrend.com/

WebAppTrend是一个独立的技术博客，关注WebApp前瞻和实践，以及智能浏览器发展

请大家在关注优快云的同时，关注我们的新浪微博 @WebAppTrend，欢迎加入我们的：193775364