5.28 周四
10、HTML5新增
新增标签
1．电子邮箱
2.URL 网站类型
3.颜色版
4.数字类型：只能接受数字，也可设置最大最小
<input type=”number” max=”300” min=””step=”5”> step:递增范围 5个5个增
5.范围类型：选择范围内的值
6．日期类型 date
周类型 week
<p> 范围 <input type="range"max="50" min="10" step="2"> </p> <p> 日期类型 <input type="date"> 周类型 <input type="week"> </p>
新增属性：
Placeholder：提示信息
<input type=”text” placeholed=”请输入用户名”>
Multiple:支持一个域中输入多个值，逗号隔开，一般配合邮箱和URL使用
<input type=”email” multiple name=“email”>
Autofocus:自动获取焦点（进入页面时光标指示位置）<input type=”text” autofocus>
Required：防止域为空提交表单时 <input type=”” required>
Minlength/maxlength：定制元素允许的最大字符和最小
Max/min：定制元素最大数字和最小
7、div和span
无语义标签：
Div（块级容器）对整个页面的布局
Span（行内容器）对文章块。。。
块级元素：p div ul ol dl dt li h1-h6（包含块级元素和行内元素）
行内元素：strong span em（行内元素一般不包含块级元素）
8、H5新增结构标签
<header></> 头部
<nav></> 导航
<Section></>定义文档中的节，如：章节、页眉、页脚
<aside></> 侧边栏
<footer></>页脚
<article></> 独立的内容块，如论坛帖子、文章、评论
以上配合css实现各自效果
<Figure></>用于对元素进行组合，多用于图片。
<dl> <dt> <img src="image/5cd3e87d43e25.jpg" alt="未能成功加载"title="图片1"> </dt> </dl> <hr> <!--效果相似--> <figure> <img src="image/5cd3e87d43e25.jpg" alt="未能成功加载"title="图片1"> <figurecaption>图片</figurecaption> </figure>
<Details>用于描述文档或某个部分细节
<details>
<summary> 标题</summary>
<p>内容 </p>
</details>
<mark>会给要突出描述的内容加背景色（等于一个css样式）
<p>你是 <mark>最可爱</mark>的人儿吗</p>
<meter> 范围警示
<meter min="0" max="100" value="50" low="20" high="90"> </meter>
<progress>进度条
meter 标签是表示度量衡的 就是范围。
progress 标签是表示进度条的，他通常和 js 一起使用，来显示任务的进度
<datalist></>一般是搜索框下选项列表，与input配合使用，但datalist及其选项不会显示出来，仅仅是合法的输入值列表。必须使用input元素的list属性绑定datalist
<input type="text"list="start">
<datalist id="start">
<option>凡凡</option>
<option>杨帆</option>
<option>张扬</option>
<option>张帆</option>
</datalist>