HTML5
html5新增全局属性
tabindex：设置此属性的元素都可以获得焦点，使用tab键可以对设置此属性的元素进行遍历- 正数：按照数字大小顺序进行遍历
- 0：按照文档顺序进行遍历
- 负数：
tab键无法获得焦点，但是使用自定义快捷键和js可以获得
accesskey自定义键盘按键，前提是该元素可以获得焦点- 按键，用alt+按键，快速获取焦点
contenteditable：允许用户修改设置此属性为true，的元素内容spellcheck：对设置此属性值为true的元素内容进行拼写检测draggable：对设置此属性值为true的元素开启拖拽，对于<img>和<a>标签本来就可以拖拽data-属性：自定义属性
html5新增标签
结构标签
建议
一个页面有一个页头、主体、页脚部分，由主体中分隔成若干个区域，区域中填写相应的导航、文章、侧边栏、多媒体内容，若这些内容中还需要嵌套其他的块级元素则使用div
----> header
body ----> main --> section --> article | aside | nav | figure --> div
----> footer
<header></header>：页头<main></main>：页面主体<section></section>：区域，章节<footer></footer>：页脚<nav></nav>：导航连接区块<article></article>：文章区块<aside></aside>：侧边栏区块<figure></figure>：多媒体区块<figcaption></figcaption>：多媒体区块标题<hgroup></hgroup>：标题组
兼容性代码
在页面引入html5shiv.js即可解决html5分区元素的兼容性问题，从官方的github上获取，在dist目录下，或者使用以下代码进行简单的处理
header,main,section,footer,nav,article,aside,figure,hgroup,figcaption{display:block;}
多媒体标签
<video></video>：视频<audio></audio>：音频<source></source>：资源的来源<canvas></canvas>：画布<embed></embed>：插件
状态标签
<meter></meter>：进度条，仪表value：进度条的进度值，若只有这一个属性，默认是按百分比计算max、min：限制内容最大最小空间low、high：限制内容的警告空间，不再这个区间范围则出现警告optimum：最优值
<progress></progress>：任务进度value：已完成的任务max：总共的任务
列表标签
-
datalist：配合input标签的list属性选中该标签的id，就看显示该标签中的option标签中的内容-
<input type="text" list="datalist"> <datalist id="datalist"> <option value="one">one</option> <option value="tow">tow</option> </datalist>
-
-
details：详细内容，点击显示包裹的内容，summary标签可以更改此标签的显示标题，也就是简单总结-
open：改变初始详细内容是否打开 -
<details open> <summary>详细的内容标题</summary> <p>我是内容</p> </details>
-
表单控件
检测格式组
email：检测邮箱格式url：检测URL格式tel：检测电话号码格式number：检测数字类型，且有上下点击增加减少的按钮range：滑块min、max：定义滑块的范围，不写默认是百分比
color：颜色选择器search：搜索，比普通的输入框多了一个一键删除按钮
时间日期组
date：日期选择器month：年月选择器week：年周选择器time：时间选择器（时分）datetime：时间日期选择器（年月日时分秒，UTC格式已经弃用）datetime-local：时间日期选择器（年月日时分秒，本地时间格式）
表单属性
| 属性 | 属性值 | 描述 |
|---|---|---|
placeholder |
提示内容 | 占位符 |
autofocus |
autofocus |
页面加载完毕自动获取焦点 |
multiple |
multiple |
与file表单控件连用，多文件上传；与格式输入框连用，逗号分隔可填写多个内容；此属性会将select标签的size属性默认覆盖掉 |
autocomplete |
on有记忆，off不记忆（默认是on） |
自动记录表单内容，用于下次输入提示，有记录条件：提交，并且有name属性 |
required |
required |
必填项 |
pattern |
正则表达式 | 使用正则匹配来限制表单提交 |
其他新增表单元素
-
表单分组：会在用边框括起组内表单内容，组名称在边框上显示
<fieldset> <legend>组名称</legend> <p>用户名：<input type="text"></p> </fieldset> -
label：绑定表单元素//用for id <label for="id_">ID</label> <input type="text" id="id_"> //简单用法 <label>ID<input type="text"></label>
链接属性
<link rel="icon" href="./logo.png" type="image/png" sizes="16*16">可以设置网页上方的小图标，也可以是其他格式图片，sizes显示大小，一般为16*16<base target="_blank">可以设置整个页面超链接连跳转为新窗口打开
Comments NOTHING