HTML5学习笔记--2010.01.20--001

 

虽然传说HTML5要2022年才能获得W3C的推荐，不过提前学习总不会有坏处的，俗话说早起的鸟儿有虫吃嘛。而且没有看过HTML4的规范文档，这次系统的学习一下HTML5，就当是补课吧。

原文网址http://www.w3.org/TR/html5/introduction.html ，刚开始看所以没什么心得，先写些摘要。

 

 

HTML5 规范文档有些什么内容？

它描述新版本的HTML 语言及关联的DOM API 。

目前网络上使用的是HTML 4 和DOM 2

我的疑问：那么 HTML5 是否对应 DOM3 ，还是 DOM5?

 

HTML5 和XHTML 的关系

HTML5 可以认为是对XHTML1.0 的替代，但HTML 也用到了XHTML 1.1 Modularization 的定义。

疑问： Modularization 是什么？

 

如果MIME type 为text/html ，则是一个HTML 5 文档；如果MIME type 为application/xhtml+xml 等XML 类型，则是XHTML5 文档。

XML 和HTML 的主要区别在于XML 的格式十分严格，微小的语法错误就可能导致XML 文档解析错误，但在HTML 文档中这些错误可能会被忽略。

 

DOM5 HTML 、HTML5 和XHTML5 的区别：

HTML5 不能使用名字空间，但DOM5 HTML 和XHTML5 可以。

HTML5 可以表示noscript 特性，但DOM5 HTML 、XHTML5 不可以。

DOM5 HTML 的注释可以包含--> ，但HTML5 、XHTML5 不可以。

 

HTML简单回顾 ：

 

HTML 文档包含一个元素树和文本。每个HTML 文档都可以对应到一个DOM 树。DOM 树的根元素是html ，html 元素包含head 和body 元素以及它们之间的文本。

 

DOM 树可以通过脚本控制，例如：

<form name="main">

 Result: <output name="result"></output>

 <script>

  document.forms.main.elements.result.value = 'Hello World';

 </script>

</form>

 

DOM 树中的每个元素就是一个对象（object ），每个对象都有控制他的API 。例如以下这段脚本可以修改超链接的属性：

var a = document.links[0]; // obtain the first link in the document

a.href = 'sample.html'; // change the destination URL of the link

a.protocol = 'https'; // change just the scheme part of the URL

a.setAttribute('href', 'http://example.com/'); // change the content attribute directly