HTML5知识点新增

一、新增语义化标签

        1、块元素

                <header></header>

                <section></section>

                <nav></nav>

                <main></main>

                <footer></footer>

                <aside></aside>

                <article></article>

                <figure>
                        <figcaption>独立流内容标题</figcaption>
                        独立流内容（图表、代码、表格等）
                </figure>

                <details>
                        <summary>概要</summary>
                        内容
                 </details>

        2、内联元素

                <progress value="进度值" min="最小值"max="最大值">
                        你的浏览器不支持
                </progress>

                <meter value="值" min="" max="" low="" high="">your</meter>

                <time datetime="年月日"><time>

                <mark>标记</mark>

二、新增表单控件

        1、数据列表

                <input type="" list="id">
                <datalist id="id值">
                        <option>文本</option>
                </datalist>

        2、

                电子邮箱 <input type="email">

                url <input type="url">

                数字域 <input type="number">

                搜索域 <type="search">

                手机号码 <type="tel">

                滑动条 <type="range">

                颜色选择器 <type="color">

        3、日期控件

                年月日 <type="date">

                年月 <type="month">

                年周 <type="week">

                时间 <type="time">

                utc时间 <type="datetime">

                本地时间 <type="datetime-local">

                属性：required 属性规定必须在提交之前填写输入域（不能为空）

                autofocus 属性规定在页面加载时，域自动地获得焦点

        2、多媒体

                1、音频

                        <audio src="音频路径" controls></audio>

                        <audio controls>
                                 <source src="xx.mp3" type="audio/mp3">
                                <source src="xx.ogg" type="audio/ogg">
                        </audio>

                2、视频

                        <video src="视频路径" controls></video>

                        <video controls>
                                 <source src="xx.mp4" type="video/mp4">
                                <source src="xx.ogg" type="video/ogg">
                        </video>

                属性：controls 显示音频/视频的控件

                        autoplay 视频/音频自动播放

                        muted 音频/视频静音状态

                        loop 音频/视频循环播放

                        poster 视频的封面