【HTML学习】初识HTML5

2.1 HTML回顾

2.2 关于`<head>`

2.2.1 更完美的DOCTYPE

现在可以启用HTML5 DOCTYPE，只需要

<!DOCTYPE html>

2.2.2 在HTML5中声明语言

为什么总是要申明语言呢？W3C对这一问题的回答如下：

对于大量的应用程序而言，从语言敏感的搜索到运用语言专用的显示属性，指定内容de语言都是有用的。在某些情况下，用于语言信息的潜在应用程序仍需进一步实现，而在另一些情况下，如发声浏览器的语言检测，指定内容的语言目前还是必需的。

对内容添加关于语言信息的标记是目前可以而且应该做的事情。如果不这样，便可能很难利用未来的一些新技术。

为HTML文档指定语言最容易的方式是对HTML页面的根元素添加一个lang属性。
HTML页面的根元素始终是<html>，因此为了指定语言，可以采用如下做法：

<html lang="en"> //意指该文档是英语写成的

如果文档中含有并非以lang指定的语言写成的元素怎么办呢？没关系，语言属性也可以内联使用。

<p>Miss Barker,on entering the capsule,declared to her fellow astronaut Able:<span lang="fr">"Bon chance!"</span></p> //注：这里书上有错误

2.2.3 字符编码

在HTML5中，指定页面的字符编码简单多了。

<Meta charset="UTF-8" />

2.2.4 简单易记

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="UTF-8" />
        <tilte>Miss Baker | Space Pioneers | The Web Evolved,Chapter 2 Example File</title>
    </head>
</html>

2.3 “Hello World！”旅程

2.3.3 HTML5”松散”风格的“Hello World!”

<!DOCTYPE html>
<Meta charset=UTF-8>
<tile>Hello World!</title>
<p>Hello World!

2.3.4 HTML5“严格”风格的“Hello World！”

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="UTF-8">
        <title>Hello World!</title>
    </head>
    <body>
        <p>Hello World!</p>
    </body>
</html>

2.4 让HTML5得到跨浏览器支持

2.4.2 shiv

对于解决IE中令人头疼的未知元素的样式设置问题，Remy Sharp将其命名为HTML5 Enabling Script(shiv)。

<!DOCTYPE html>
<html lang="en">
    <head>
        <Meta charset="UTF-8" />
        <title>Styling UnkNown Elements - 4</title>
        <!--[if It IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <[end if]-->
    </head>
    <body>
    </body>
</html>