您的位置：首页 > Web前端 > HTML5

【HTML学习】初识HTML5

2015-07-25 08:50 567 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航