HTML5笔记
HTML5笔记
DOCTYPE声明
html5中,文档声明只要在第一行写<!DOCTYPE html>
。
指定字符编码
在html4中,使用
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
在html5中,使用
<meta charset="UTF-8">
html5兼容html4的指定字符编码语句,但是不能两种混用。
可以省略标记的元素
在html5中,元素的标记可以省略。
元素分为:
-
不允许写结束标记的元素:
area, base, br, col, command, embed, hr, img, input, keygen, link, meta, param, source, track, wbr.
-
可以省略结束标记的元素:
li, dt, dd, p, rt, rp, optgroup, option, colgroup, thread, tbody, tr, td, th.
-
可以省略全部标记的元素:
html, head, body, colgroup, tbody.
具有boolean属性的属性
-
对于具有boolean属性的元素,如disabled与readonly等。当只写属性而不写属性值时,表示属性值为true;
<!--设定为true--> <input type="checkbox" checked>
-
如果想要将属性值设为false, 可以不使用该属性。
<!--设定为false--> <input type="checkbox">
-
如果要将属性值设置为true,可以将属性名设定为属性值,或将空字符串设定为属性值。
<!--设定为true--> <input type="checkbox" checked=""> <input type="checkbox" checked="checked">
省略引号
-
html4中,属性值两边可以用双引号,也可以用单引号。
-
html5在此基础上,做了改进。当属性值不含空字符串, “<”, “>”, "=", 单引号,双引号等字符时,属性值两边的引号可以省略。
<!--这几种写法效果一样--> <input type="text"> <input type='text'> <input type=text>
html5示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>