HTML5 元素与标签结构《笔记》-原创手记-慕课网

1、HTML5 语法
沿用了HTML的语法，在写法上更加简练。
具体体现在：
.DOCTYPE及字符编码
.大小写都可以（大小写区分的是：XHTML）
.布尔值
例：
HTML4的写法：<input type="checkbox" checked="checked"/>
HTML5的写法：<input type="checkbox" checked/>
checked表是为true 删除此属性的话表示为false
.省略引号
.可以进行省略的标签
1、不允许写的结束符的标签：area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
2、可以省略结束符的标签：li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、th、th
3、可以完全省略的标签：html、head、body、colgroup、tbody
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
</head>
<body>
</body>
<html>

新增及删除标签
新增及废除属性
全局属性
语义化标签综合案例
第二章新增/删除标签
结构标签
section标签
article标签
aside标签
header标签
hgroup标签
footer标签
nav标签
figure标签
<header>toubu</header>
<footer>weibu</footer>
表单标签
媒体标签
其他功能标签

可以用css代替的标签
不在使用frame
只有个别浏览器支持的标签
其他不常用的标签

第三章新增/删除属性
<iframe seamless sandbox src="http://www.baidu.com"></iframe>
seamless 无边框
sandbox 内嵌的网页无法进行表单提交；无法进行javascript的执行；

第四章全局属性
'data-yourvalue
自定义属性的规范：html5中对自定义的属性做了书写规范：data-自定义属性命名
'hidden
<label hidden>看见了吗</label> 加上hidden属性表示隐藏；反之则为显示和以前用的display的效果一样
'Spellcheck
对输入的内容进行语法纠错，
'tabindex
tab切换顺序的定义
'contenteditable
<table contenteditable="true">
<tr>
<td>数据一</td>
<td>数据二</td>
</tr>
</table>
<p contenteditable = "true">请留言</p>
'desginMode
<script>
window.document.designMode = 'on';
</script>
designMode = 'on' 将整个页面改为可编辑状态