【HTML学习】初识HTML5

最新推荐文章于 2021-09-12 11:26:39 发布

secret114

最新推荐文章于 2021-09-12 11:26:39 发布

阅读量572

点赞数

本文链接：https://blog.csdn.net/u012682145/article/details/47023599

版权

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>

secret114

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【HTML学习】初识HTML5

2.1 HTML回顾2.2 关于2.2.1 更完美的DOCTYPE现在可以启用HTML5 DOCTYPE，只需要2.2.2 在HTML5中声明语言为什么总是要申明语言呢？W3C对这一问题的回答如下：对于大量的应用程序而言，从语言敏感的搜索到运用语言专用的显示属性，指定内容de语言都是有用的。在某些情况下，用于语言信息的潜在应用程序仍需进一步实现，而在另一些情况下，
复制链接

扫一扫