H5的增加的属性

html5

1.h5语义化标签

 <header>header</header>
    <section>
        <nav></nav>
        <main>
            <article>
                <header></header>
                <section></section>
                <footer></footer>
            </article>
        </main>
        <aside></aside>
    </section>
    <footer>footer</footer>

2.h5音频标签

<audio src="" controls loop autoplay></audio>
controls 控制栏
loop:循环
autoplay:自动播放
muted:静音播放
poster:海报

3.增强表单

 <form action="">
        颜色:<input type="color" name="color"><br>
        邮箱:<input type="email" name="myemail"><br>
        url地址(完整地址): <input type="url"><br>
        滑块效果 : <input type="range" name="range" min="100" max="200" value="100" step="10"><br>
        电话:<input type="tel"><br>
        数字类型: <input type="number" min="10" max="100" step="10"><br>
        搜索: <input type="search"><br>
        日期: <input type="date"><br>
        月期: <input type="month"><br>
        周期: <input type="week"><br>
        时间: <input type="datetime-local"><br>
        <input type="submit">
    </form>

4.增强表单-数据列表(可模糊搜索)

    <input type="text" list="mylist">
    <datalist id="mylist">
        <option value="手机"></option>
        <option value="手表"></option>
        <option value="手环"></option>
        <option value="手桌"></option>
    </datalist>

5.增强表单-属性

autofocus:聚焦(自动获取交点)
required:必填项
multiple:支持多个邮箱地址
pattern:正则表达式