html5

• 如何知道html是否正确

在线npm工具：node-w3c-validator -i index.html

• HTML5技术集

HTML5有两个含义

1. 最新版本的HTML语言，含旧标签和32个新标签
2. HTML5和它的朋友们(包括CSS 3等)

• HTML5技术集合

1. 新标签、新属性
2. 新的通信技术: WebSockets、WebRTC等
3. 离线存储技术:LocalStorage、断网检测
4. 多媒体技术:视频、音频
5. 图像技术:Canvas、SVG、WebGL
6. Web增强技术:History API、全屏
7. 设备相关技术:摄像头、触摸屏
8. 新的样式技术:CSS 3新的 Flex、Grid布局方式

---

• <input type=button>和<button>和<input type=submit>的区别

<button>会刷新且置顶 真正的表单提交是<input type=submit>

<input type=reset>重置，不是清空，是恢复到没有填写的状态

• <label>的作用：点击文字也能勾选。而不是只能点击小方块才能选择。↓

<input type="checkbox" value="book" name="hobby" id="hobby_book"><label for="hobby_book">看书</label>

属性：checked，readonly，disabled无法选择编辑

关于<form>

<form>配合submit完成所有表单提交的动作

<form action="">提交到哪里去

baidu.com/s?wd=水果 s是搜索，wd是word，直接就能在百度搜索到“水果”

<form action="提交的服务器地址" method="数据提交方式">，method=post地址栏不会看到明密码

• 表单元素上 name 和value的区别

name提交数据存储位置，value提交的数据具体的值。 没name没法提交

<select multiple>内部的<option>能多选

• 表格<table><thead><td><tr>

1. cellspacing:设置单元格之间的间距
2. cellpadding:设置单元格边框到内容之间的间距
3. align:设置表格在页面中对齐方式，left左对齐center居中right右对齐
4. bgcolor:设置表格的背景颜色
5. colspan、rowspan：列合并、行合并。

• 章节标签

标题h1~h6

章节section

文章article

段落p

头部header

脚部 footer

主要内容main

旁支内容aside## 版权的html<footer>@copy;</footer>

划分div

• 全局属性

1. class
2. contenteditable用户可编辑
3. hidden
4. id：不到万不得已，不要用id，因为id不报错
5. style
6. tabindex：用户按tab后，可交互的按键。tabindex=1,2,3,4,5……，0：最后访问的，负数：tab不访问。
7. title

关于class和id： 在控制台打“window.”出来的关键词都不能用作class 和id，比如parent、top，如果一定要用关键词，可以用document.getElementById('top')

a href的取值：伪协议：mailto、tel还有<a href="javascript:;">啥也不做，就放了一个a链接</a>

id： <a href="#xxx">点击跳转到id=xxx的位置</a>