• #HTML5: The Missing Manual# 如果说HTML是一部电影，那HTML5就是一次大转折。HTML本来是不会活过21世纪的。官方Web标准组织W3C在1998年对HTML就已经撒手不管了。W3C把未来都寄托在XHTML，这个更具现代特色的后续标准身上。 是一群被剥夺了话语权的人，让HTML起死回生并为本书将要探讨的功能奠定了基础。

  • 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。

  • #HTML5:The Missing Manual#由于HTML5标准描述的都是事实，而不是抛出一堆理想的规则了事，因此它有望成为有史以来受支持程度最高的Web标准。

  • HTML5有两个版本：开发人员版（http://t.cn/Scs9Dj）要求摒弃过去的那些坏习惯和被废弃的元素。通过使用HTML5验证器可以确保遵循HTML5标准的这一部分。浏览器开发商版（http://t.cn/7vZ3v）包含从头实现一个兼容过去和未来的浏览器所需要的全部信息。前者是后者的子集。

  • 今天，当你听到别人提及HTML5，可能有三层意思：(1)HTML5核心，即W3C官方规范，涉及新语义元素、新表单控件、音频和视频、画布；(2)曾经属于HTML5的功能，源自WHATWG最初制定的规范，但逐步被剥离出来，包括本地数据存储、离线应用、消息传递等；(3)有时候会被称为HTML5的功能，包括CSS3、地理定位等。

  • 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

  • HTML5保留的HTML元素有100+，新增的元素30个左右，改变含义的元素大约10个。看这里一目了然：http://t.cn/GLE0G

  • HTML5删除了框架，但<iframe>得以保留，因为Web应用经常要利用<iframe>实现一些集成任务，比如在网页中包含视频窗口、广告单元和谷歌搜索框等。

  • HTML5中改变了一些元素的含义。如<small>元素（<big>被删了），原来是表现性的元素，用于缩小文本，现在它的含义是“small print”，即附属细则，用于页面底部的法律条款。再如<hr>和<s>元素，前者插入水平线，后者加删除线，但在HTML5中它们的含义变成了“主题转换”和“不准确、不相关的内容”。

  • XHTML 1.0为替代<b>和<i>引入<strong>和<em>是想引入重要和强调的语义。HTML5为这4个标签赋予了新的含义：<strong>表示要突出显示的“重要内容”、<b>仅表示“粗体”但不是更重要（关键字、产品名）、<em>表示要大声朗读的“重读内容”、<i>仅表示“斜体文本”但不是更重要（外文单词、技术术语）。

开发者需要知道的11条HTML5小常识的更多相关文章

  1. PHP开发者该知道的5个Composer小技巧

    Composer 是新一代的PHP依赖管理工具.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方便. 1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单 co ...

  2. 【转载】PHP 开发者该知道的 5 个 Composer 小技巧

    Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方 ...

  3. PHP 开发者该知道的5个 Composer 小技巧

    Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer PHP依赖管理的新时代>.本文介绍使用Composer的五个小技巧,希望能给你的PHP开发带来方 ...

  4. PHP 开发者该知道的 5 个 Composer 小技巧

    From: https://segmentfault.com/a/1190000000355928 Composer是新一代的PHP依赖管理工具.其介绍和基本用法可以看这篇<Composer P ...

  5. (转) PHP 开发者该知道的 5 个 Composer 小技巧

    1. 仅更新单个库 只想更新某个特定的库,不想更新它的所有依赖,很简单: composer update foo/bar 此外,这个技巧还可以用来解决“警告信息问题”.你一定见过这样的警告信息: Wa ...

  6. 对于JavaScript的函数.NET开发人员应该知道的11件事

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 昨天小感冒今天重感冒,也不能长篇大论.如果你是.NET开发人员,在进入前端开发领域的时候,对 ...

  7. 前端开发者应该知道的 CSS 小技巧

    一些小技巧让你的CSS技术更专业 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CS ...

  8. iOS 开发者应该知道的 ARM 结构

    http://news.cnblogs.com/n/68903/ 我在写「NEON on iPhone 入门」的时候,曾以为读者已经比较了解 iOS设备的处理器知识.然而,看过网上的一些讨论,我才发现 ...

  9. 系统管理员应该知道的20条Linux命令

    如果您的应用程序不工作,或者您希望在寻找更多信息,这 20 个命令将派上用场. 在这个全新的工具和多样化的开发环境井喷的大环境下,任何开发者和工程师都有必要学习一些基本的系统管理命令.特定的命令和工具 ...

随机推荐

  1. Codeforces Gym 100342H Problem H. Hard Test 构造题，卡迪杰斯特拉

    Problem H. Hard TestTime Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/gym/100342/at ...

  2. 详解Android Handler的使用-别说你不懂handler

    我们进行Android开发时,Handler可以说是使用非常频繁的一个概念,它的用处不言而喻.本文就详细介绍Handler的基本概念和用法. Handler的基本概念         Handler主 ...

  3. TOJ 4325 RMQ with Shifts / 线段树单点更新

    RMQ with Shifts 时间限制(普通/Java):1000MS/3000MS     运行内存限制:65536KByte 描述 In the traditional RMQ (Range M ...

  4. RPC框架Thrift例子-PHP调用C++后端程序

    更新 2016-02-22: Response对象不用主动创建. 前言 前段时间用了一下Facebook的开源RPC框架Thrift,做PHP客户端调用C++后端程序,真心觉得Thrift不错! 本文 ...

  5. 想学React Native？你只需要一个App！(11月5号更新)

    最近有点空闲时间,顺手研究下react-native,2013年的时候在老师的指导下使用jQuery Mobile做过手机应用,那个运行速度慢呀!让我对WebApp和PhoneGap这一类的跨平台Ap ...

  6. oracle--insert

    常规insert语法就不说了,还有些特殊用法 1.  insert all into table1(col1,col2) values(v1,v2) into table2(col1,col2) va ...

  7. CF Tavas and Nafas

     Tavas and Nafas time limit per test 1 second memory limit per test 256 megabytes input standard inp ...

  8. C# 截图类

    注意修改命名空间using System.Drawing; using System.Windows.Forms;   namespace WindowsFormsApplication1 {     ...

  9. JS轮播图

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  10. ajax开发模拟后端数据接口

    在做前端开发的时候,特别是一些业务逻辑集中在前端的开发中.我们经常需要自己来模拟获取到后台接口的数据.为什么要模拟?可能后台接口还没有开发完成,可能后台还没有数据返回,可能...等等原因.曾经,我也尝 ...