HTML5基本语法

网友投稿 650 2022-05-29

1、语法简化

HTML的DOCTYPE、meta、script等标签都被简化了。

(1)DOCTYPE(文档类型声明)

HTML4要用如下方式,在html文档最前明声明一份DTD文件,该 DTD 包含所有 HTML 元素和属性,检查您是否编写了有效的 HTML / XHTML 文档。

1

2

HTML5就不需要这么麻烦了,只需要在HTML文档开头声明如下即可:

1

(2)字符编码

在HTML4中,使用meta元素的形式指定文件中的字符编码:

1

在HTML5中,可以使用对meta元素直接追加charset属性的方式来指定字符编码:

1

(3)版本兼容性

第一,可以省略全部标记的元素:html、head、body、colgroup、tbody。

注:即使标记被省略了,该元素还是以隐式的方式存在的。

Hello World

H5

H5就是HTML5,它的目标不是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。
总体来说,为一代web平台提供了许许多多新的功能。

月份 收入
1月 888

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

在浏览器查看源码时,发现被省略的标签,会被补上:

第二,可以省略结束标记的元素:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

Hello World

H5

H5就是HTML5,它的目标不是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。
总体来说,为一代web平台提供了许许多多新的功能。

  1. China
  2. UK
  • a
  • b
Coffee
Black hot drink
广州guang zhou

select your favourite place:

月份 收入
1月 888
byebey byebye

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

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

注:即使标记被省略了,该元素还是以隐式的方式存在的。在浏览器查看源码时,你会发现被省略的标签会被补上。

第三,不允许写结束标记的元素:area、base、br、col、embed、hr、img、input、keygen、link、meta、wbr、source:

wbr是软换行,当父元素或浏览器窗口不够宽时,就会换行,而br则是硬换行。

Hello World

H5就是HTML5,它的目标不是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。
总体来说,为一代web平台提供了许许多多新的功能。
Planets Venus



搜索一下Hello
ISBN author
347896 W.wong

生成密钥:

UserName: Encryption:

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

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

注意:不允许写结束标记的元素是指不允许使用开始标记与结束标记将元素括起来的形式,只允许使用<元素/>的形式进行书写

属性值两边既可以使用双引号,也可以使用单引号,当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可以省略。

2、统一网页内嵌多媒体语法

现在网页中播放多媒体时,只需要使用

(1)内嵌:在文档中添加其他类型的内容,如audio、video、canvas、iframe等

HTML5新增的元素