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---自動獲取焦點

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

前端學習(二十一）初識h5（筆記）