【HTML学习】初识HTML5

来源：互联网发布：目前最好的网络机顶盒编辑：程序博客网时间：2024/05/09 13:05

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>

0 0