HTML5 简介

网友投稿 570 2022-05-29

转自《菜鸟教程》

HTML5 简介

Html5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML5 是 W3C 与 WHATWG 合作的结果。

W3C 指 World Wide Web Consortium,万维网联盟。

WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

为 HTML5 建立的一些规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求(比如 Flash)

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

HTML5的新特性:

用于绘画的 canvas 元素

用于媒介回放的 video 和 audio 元素

对本地离线存储的更好的支持

新的特殊内容元素,比如 article、footer、header、nav、section

新的表单控件,比如 calendar、date、time、email、url、search

声明必须是 HTML 文档的第一行,位于 标签之前。

声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML,所以不需要引用 DTD。

提示:请始终向 HTML 文档添加 声明,这样浏览器才能获知文档类型。

中文网页需要使用 声明编码,否则由于html文件编码的问题,可能会出现乱码。

最小的HTML5文档

文档标题 文档内容......

1

2

3

4

5

6

7

8

9

10

11

12

HTML5的编辑器

nodepad(记事本)

Notepad++:https://notepad-plus-plus.org/

Sublime Text:http://www.sublimetext.com/

HBuilder:http://www.dcloud.io/

将 HTML5 元素定义为块元素

HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。

为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:

header, section, footer, aside, nav, main, article, figure { display: block; }

1

2

3

为 HTML 添加新元素

你可以为 HTML 添加新的元素。

该实例向 HTML 添加的新的元素,并为该元素定义样式,元素名为 :

为 HTML 添加新元素

我的第一个标题

我的第一个段落。

我的第一个新元素

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

JavaScript 语句 document.createElement(“myHero”) 是为 IE 浏览器添加新的元素。

Internet Explorer 浏览器问题

你可以使用以上的方法来为 IE 浏览器添加 HTML5 元素,但是:Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。

我们可以使用 Sjoerd Visscher 创建的 “HTML5 Enabling JavaScript”, ” shiv” 来解决该问题:

1

2

3

注意:国内用户请使用本站静态资源库(Google 资源库在国内不稳定):

1

2

3

针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。

渲染 HTML5

我的第一篇文章

菜鸟教程 —— 学的不仅是技术,更是梦想!!!

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

html5shiv.js 引用代码必须放在 元素中,因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

HTML HTML5

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:软件研发中也有5S 管理?
下一篇:2.4 万余门在线课程免费开放!大量计算机相关课程.(赶紧收藏)
相关文章