HTML5学习记录1

第1章 HTML5简介
1.1 HTML历史与HTML5
1.1.1 HTML发展历史
1）HTML5规范的网址：https://www.w3.org/TR/2014/REC-html5-20141028/
HTML5.1规范的网址：https://www.w3.org/TR/2016/REC-html51-20161101/
2）HTML是超文本标记语言。
3）当修改了HTML文档内容后，浏览器并不会自动更新该文档的显示，用户必须用浏览器重新打开该文档，或者单击浏览器的“刷新”按钮来重新加载该文档，这样浏览器才会显示HTML文档的最新改变。
1.1.2 HTML4.01和XHTML
1）XHTML是扩展的超文本标记语言。
2）XHTML和HTML4.01具有很好的兼容性，而且XHTML是更严格、更纯净的HTML代码。
3）XHTML致力于消除这种不规范，XHTML要求HTML文档首先必须是一份XML文档。
XML文档是一种结构化文档，它有如下4条基本规则：
1.整个文档有且仅有一个根元素；
2.每个元素都由开始标签和结束标签组成，除非使用空元素语法；
3.元素与元素之间应该合理嵌套；
4.元素的属性必须有属性值，而且属性值应该用引号引起来。
1.1.3 HTML和XHTML的文档类型定义（DTD）
DTD-文档类型定义。
HTML4.01的DTD文档：http://www.w3.org/TR/html401/loose.dtd
XHTML1.0的DTD文档：http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
W3C（万维网联盟）组织使用DTD来定义HTML和XHTML的语义约束。
HTML4.01与XHTML基本相似，只是HTML4.01允许元素使用大写字母，而XHTML则要求所有元素、属性都必须是小写字母。
1.1.4 从XHTML到HTML5
现有的HTML页面大量存在如下4种不符合规范的内容：
1）元素的标签名大小写混杂的情况；
2）元素没有合理结束的情况；
3）元素中使用了属性，但没有指定属性值的情况；
4）为元素的属性指定属性值时没有使用引号的情况。
出于“存在即合理”的考虑，WHATWG组织开始制订一种“妥协式”的规范：HTML5。
1.2 HTML5的优势
从HTML4.01、XHTML到HTML5，并不是一种革命性的升级，而是一种规范向习惯的妥协。
1）解决跨浏览器问题
HTML5的出现可能会改变跨浏览器问题，各大浏览器厂商对HTML5都抱着极大的热情。
2）部分代替了原来的Java Script
HTML5增加了一些非常实用的功能，这些功能可以部分代替Java Script。
3）更明确的语义支持
4）增强了web应用程序的功能
1.3 HTML5的基本结构和语法变化
1）HTML5完全遵守以下3点规则：
兼容性：HTML5在老版本的浏览器上也可以正常运行
实用性：HTML5内部并没有特别复杂的功能，它只封装了那些常用的简单功能。
非革命性的发展：HTML5 并不是革命性的发展，它只是一种妥协式的规范。
1.3.1 HTML5的基本结构

注：不要在</body>和</html>之间插入任何内容。
1.3.2 标签不再区分大小写
为了验证一个HTML页面是否符合规范，W3C提供了一个在线验证页面：http://validator.w3.org/
1.3.3 元素可以省略结束标签
1）空元素语法的元素
2）可以省略结束标签的元素
3）可以省略全部标签的元素
1.3.4 支持boolean值的属性
HTML5允许部分“标志性”的属性可以省略属性值，还允许这些支持boolean值的属性使用空值，空值也代表true。
如果完全省略这些属性（连属性名都不出现），那么该属性的属性值相当于flase。
1.3.5 允许属性值不使用引号
HTML5允许直接给出属性值，即值不放在引号中也是正确的。
注：如果某个属性的属性值包含空格等容易引起浏览器混淆的属性值，那么HTML5依然建议使用引号把这种特殊的属性值引起来。