H5标签

header 头部

nav 导航栏

footer 页脚

article 文章

section 文档中的节

aside 侧边栏

fieldset

<fieldset>
    <legend>框子</legend>
    用户名: <input type="" name="">
</fieldset>

效果：

datalist

选项列表，与select相似

 <input type="text" list="star"/>
    <datalist id="star">
        <option value="ha"></option>
        <option value="he"></option>
        <option value="hq"></option>
    </datalist>

input

1.type 新属性

            email: <input type="email" name="">    
            phone: <input type="tel" name="">
            number: <input type="number" name="">
            url: <input type="url" name="">
            search: <input type="search" name="">
            range: <input type="range" name="">
            time: <input type="time" name="">
            date: <input type="date" name="">
            month: <input type="month" name="">
            week: <input type="week" name="">
            color: <input type="color" name="">

2. 常用新属性

placeholder 占位符 输入时消失

autofocus 加载自动获焦点

multiple 文件上传可多选

autocomplete 记录之前输入，下次可自动补全(注意需要个name才能用)

<form action="">
    <input type="text" name="name" autocomplete="on">
    <input type="submit" name="">
</form>

(设置off关闭)

required 不能为空

accesskey 通过设置快捷键获取焦点 采用“alt+s”的方式

多媒体标签

1. embed 引用视频

2. audio 插入音频 (ogg, mp3, wav)

   <audio src="" autoplay="" controls="" loop="-1"></audio>
   多浏览器支持
   <audio>
       <source src=".mp3" type="">
       <source src=".ogg" type="">
   </audio>

3. video 插入视频（MP4, ogg, WebM）