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

======================================================

注：本文源代码点此下载

======================================================

本文为图灵公司质量(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删除了框架,但得以保留,因为web应用经常要利用实现一些集成任务,比如在网页中包含视频窗口、广告单元和谷歌搜索框等。
html5中改变了一些元素的含义。如元素(被删了),原来是表现性的元素,用于缩小文本,现在它的含义是“small print”,即附属细则,用于页面底部的法律条款。再如和元素,前者插入水平线,后者加删除线,但在html5中它们的含义变成了“主题转换”和“不准确、不相关的内容”。
html5保留的html元素有100+,新增的元素30个左右,改变含义的元素大约10个。看这里一目了然:http://t.cn/gle0g
html5的“自由散漫”表现在:(1)不要求网页中必须包含、和元素;(2)标记和属性均不区分大小写;(3)允许省略关闭空元素(void elment)的斜杠;(4)属性值中只要不包含受限的字符(比如>、=或空格),就可以不加引号;(5)只有属性名没有属性值也可以。
严肃的web开发人员编写html5页面还是要遵循xhtml语法:(1)包含可选的、和元素;(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为替代和引入和是想引入重要和强调的语义。html5为这4个标签赋予了新的含义:表示要突出显示的“重要内容”、仅表示“粗体”但不是更重要(关键字、产品名)、表示要大声朗读的“重读内容”、仅表示“斜体文本”但不是更重要(外文单词、技术术语)。
原文出处:图灵社区

======================================================

在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定
这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/