Html5学习

发表于

Html5语法

沿用了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
<!-- Html5版本声明 DOCTYPE -->
<!DOCTYPE html>
<!-- Html5指明语言 -->
<html lang="zh-CN">
<head>
	<!-- 指明文档字符集-->
	<meta charset="UTF-8">
	<title>Html5语法</title>
</head>
<body>
	<form >
		<!-- html5增加了布尔值属性，当这个属性这样写时表示为true,删除表示为false
		  像以前这里就必须写上checked="checked" -->
		<input type="checkbox" checked>
		<!-- html5中属性值可以是单引号页也可以是双引号 设置可以省略不写 -->
		<input type='text'>
		<!-- 可以看到这里大小写都可以，在xthml里是不允许的 这也就是为了兼容更多的文档-->
		<Ipunt Type=Radio/>
		<input></input>
		<!-- 这个p标签的闭合标签可以省略不写，浏览器照样能解析出来 -->
		<p>haha</p>
	</form>
</body>
</html>

总结：虽然Html5允许可以省略一些闭合标签，但是为了规范我们还是要补上。

HTML5新增及删除标签

新增的标签主要分为四类：

1
2
3
4
5
6
7
1.结构标签

2.表单标签

3媒体标签

4其它功能标签

同时也废除了一些标签

1
2
3
4
5
6
7
1可以用CSS替代的标签

2不在使用frame

3只有个别浏览器支持的标签

4其它不常用的标签

结构标签

这些结构标签过去都是由div实现的，为了给它进行语义化的划分，HTML5中把div划分成以下的标签：