HTML5 revolution——关于HTML5与4.01相关差异的介绍(一)

      这几天一直都在研究HTML5,所以近期决定向大家分享一下HTML5的新特性,目的在于帮助大家更好的适应即将到来的HTML5浪潮,因为这是十年来的第一次重大革新,所以特性的叙述很多,可能需要连载很久,希望有兴趣的同学能够一如既往的关注。

    注意:在测试新特性的时候强烈建议应使用Google chrome 、Firefox、Opera或者是Safari等浏览器,这些浏览器能够比较好的支持HTML5的众多新特性。

 

HTML 5  标签

定义和用法

 声明是文档中的第一个成分,位于  标签之前。该标签告知浏览器文档所使用的 HTML 规范。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中有 个不同的文档类型,在 HTML 5 中只有一个:

提示和注释:

注释: 标签没有结束标签!

提示: 对大小写不敏感。

HTML 5

在 HTML5 中,文档类型声明很简单:

在所有 HTML 文档中规定文档类型很重要,这样浏览器才能了解所预期的文档类型。

HTML 4.01 中的 doctype 需要引用一个 DTD,这是因为 HTML 4.01 基于 SGMLHTML 5 不基于 SGML,也不需要引用 DTD,但是需要声明文档类型让浏览器按照它们应该的方式来运行。

属性:NONE

 

HTML 5  标签

定义和用法

 标签定义超链接,它用于从一个页面连接到另一个页面。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中, 标签既可以是超链接,也可以是锚。这取决于是否描述了 href 属性。

在 HTML 5 中, 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

例子:

链接到 w3school

W3School

在新窗口中打开 w3school

target="_blank">W3School

属性

属性

描述

4

5

charset

不赞成。规定目标 URL 的字符编码。

4

 

coords

不赞成。规定适于 shape 属性的坐标,为图像映射定义图像的区域。

4

 

href

链接的目标 URL

4

5

hreflang

规定目标 URL 的基准语言。仅在 href 属性存在时使用。

4

5

media

规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。

 

5

name

不赞成。命名一个锚。不支持。使用 id 代替。

4

 

ping

由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

 

5

rel

规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。

4

5

rev

不赞成。规定目标 URL 与当前文档之间的关系。

4

 

shape

不赞成。为当前 area 标签中的映射定义的地区类型。与 coords 属性一起使用。

4

 

target

在何处打开目标 URL。仅在 href 属性存在时使用。

4

5

type

规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。

4

5

HTML 5  标签

定义和用法

 标签定义首字母缩写词,比如 "NASA"。通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 不支持 。请使用  代替。

例子:

WWW

输出:

WWW

 

HTML 5  标签

定义和用法

 定义嵌入的 applet

HTML 4.01 与 HTML 5 之间的差异

HTML 4.01 中不赞成使用 applet 元素。

HTML 5 中不支持 applet 元素。

提示和注释:

提示:HTML 5 中不支持 applet 元素。请使用  代替。

 

 

 

 

 

 

 

HTML 5 

 标签

定义和用法

 标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

HTML 4.01 与 HTML 5 之间的差异

 标签是 HTML 5 的新标签。

例子:

x

提示和注释:

注释:

 标签的内容独立于文档的其余部分。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

HTML 5  标签

定义和用法

 标签定义图像映射中的区域。

HTML 4.01 与 HTML 5 之间的差异

HTML 5 有一些新的属性,且不再支持 HTML 4.01 的一些属性。

例子:

 

 

 

 

属性

属性

描述

4

5

alt

定义此区域的替换文本。如果 href 存在,则该属性是必需的。

仅在 href 属性存在时使用。

4

5

coords

定义可点击区域的坐标。

4

5

href

定义此区域的目标 URL

4

5

hreflang

规定目标 URL 的基准语言。仅在 href 属性存在时使用。

4

5

nohref

不赞成。从图像映射排除一个区域。

4

 

media

规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。

 

5

ping

由空格分隔的 URL 列表,当用户点击该链接时,这些 URL 会获得通知。

仅在 href 属性存在时使用。

 

5

rel

规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。

 

5

shape

规定区域的形状。

4

5

target

在何处打开目标 URL

4

5

type

规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。

 

5

HTML 5