前端学习(二十一）初识h5（笔记）

html5
    
    主要目标：语义化！可以被人或者机器更好的阅读！

支持各种媒体的嵌入！不兼容低版本！
------------

html5新标签：

普通：
     <header class="box">---头部
    </header>
    <nav>
        导航
     </nav>
    <section>---内容
        <aside>---侧边栏

</aside>
        <article>---文章
        </article>
    </section>
    <footer></footer>----脚步

-------------------------------------------------    
    特殊：
        canvas ---画布（配合js来使用的）
        
        <audio src="music/music.mp3" controls></audio>---音频标签

controls---控制台！

<video src="MP4/aaa.mp4" controls></video>

controls---控制台！

-----------------------------------

特殊：表单
<form action="#">
        <input type="text"/><br/>
        <input type="color"/>颜色版<br/>
        <input type="date"/>日期<br/>
        <input type="tel"/>电话<br/>
        <input type="email"/>邮箱验证<br/>
        <input type="number" max="10" min="1"/>数字<br/>
        <input type="search"/>搜索<br/>
        <input type="time"/>时间<br/>
        <input type="month"/>月<br/>
        <input type="week"/>周<br/>
        <input type="range"/>拖拽条<br/>    
        
        <input type="submit"/>
    </form>

关于表单的属性：
    
    <input type="text" placeholder="欢迎光临"/>
        <input type="text" placeholder="欢迎光临" autofocus/>

placeholder---提示文字
autofocus---自动获取焦点

----------------------------------------------------