HTML5新增的主要元素（每天笔记一下）

input新增的类型（type） 

<div>
        color:从拾色器中选择一个颜色
        <input type="color">
    </div>
    <div>
        date：从一个日期选择器选择日期
        <input type="date">
    </div>
    <div>
        datetime：选择一个日期
        <input type="datetime">
    </div>
    <div>
        datetime-local：选择一个日期和时间
        <input type="datetime-local">
    </div>
    <div>
        email：包含email地址的输入
        <input type="email">
    </div>
    <div>
        month：选择一个月份
        <input type="month">
    </div>
    <div>
        number：包含数值的输入
        <input type="number">
    </div>
    <div>
        range:包含一定范围内数字值的输入域
        1<input type="range" min="1" max="10">10
    </div>
    <div>
        search:站点搜索
        <input type="search">
    </div>
    <div>
        tel:输入电话号码
        <input type="tel">
    </div>
    <div>
        time:选择一个时间
        <input type="time">
    </div>
    <div>
        url:URL 地址的输入域
        <input type="url">
    </div>
    <div>
        week:选择周和年
        <input type="week">
    </div>

新增的语义化元素

其语义化元素的意义：可以清楚的描述定义给开发者和浏览器

新增的语义元素：

<header>:描述文档的头部区域</header>
<nav>:页面的导航链接部分区域</nav>
<section>:定义文档中的节</section>
<article>:独立的内容</article>
<aside>:侧边栏</aside>
<footer>:文档的底部区域 </footer>
<figure>:独立的流内容（图像、图表、照片、代码等）</figure>
<figcaption>:figure元素标题</figcaption>

HTML5表单新属性及用法

1.datalist:规定输入域的选项列表

 <input list="browsers" name="browser">
    <datalist id="browsers">
        <option value="1">
        <option value="2">
        <option value="3">
        <option value="4">
    </datalist>

2.keygen:提供验证用户的方法

用户名: <input type="text">
加密: <keygen></keygen>

3.output:用于不同类型的输出

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
        <input type="range" value="20" id="a">+
        <input type="number" value="30" id="b">=
        <output name="x" for="a b"></output>
    </form>

还有的HTML5新增元素没有完全写出来