HTML5入門學習總結
阿新 • • 發佈：2019-02-13
這兩天瞭解學習了一下HTML5的一些特性，做一些簡單的知識總結
HTML5的設計
- 吸取了XHTML2的教訓，HTML5的設計有一個主要的原則就是“支援已有的內容”，對於HTML5來說，並不存在創立的起始時間。
- doctype的格式變得十分簡潔，並不含有版本號，因為HTML5支援現有的內容，任何未來的版本也支援HTML5中現有的內容。包含DOCTYPE的唯一原因是為確保瀏覽器以標準模式顯示。
<!DOCTYPE html>- 制定標記文件的字元編碼簡化為
<meta charset="UTF-8">- 簡化了
<script src = "file.js" - 使用HTML5，任何格式的命令都可以，無論大小寫，帶不帶引號，帶不帶結束符號。使用哪種格式完全取決於程式設計師。HTML5的語法很隨意，但個人應強迫自己使用自己青睞的編碼風格。
- 為了照顧瀏覽器，向後相容已有內容，HTML5中不含有廢棄元素，卻含有大量過時元素和屬性
<frame><frameset><noframes><acronym><font><big><center - HTML5中，可以將多個元素封裝在一個元素中，唯一需要注意，不可以將a元素巢狀在另一個a 元素中。
富媒體
- canvas 利用
javascript和canvas建立動態影象十分不錯，其內容可隨時更新，通過js響應事件使其建立的工具和遊戲可以拜託外掛 - 音訊，將音訊嵌入HTML5文件
<audio src = "file.mp3">
</audio>還具有其他屬性autoplay controls autobuffer
通過source元素來指定多種檔案格式
<audio controls>
<source src 起始和結束之間的任何非source元素都會顯示在不支援audio元素的瀏覽器上
* 視訊
<video src = "file.mp4" controls width = "xxx" heigth = "xxx" poster = "xxx.jpg">
</video>poster屬性顯示例項影象
Web Forms 2.0
- placeholder
輸入欄沒有值時的顯示文字 - autofocus
載入檔案時自動聚焦到某一個特定的表單欄 - required
防止瀏覽器在必填欄空缺的情況下提交表單 - autocomplete
允許使用者禁用每張表單或每個表單欄的自動填充，值可以是”on”或”off” - datalist
允許input和select元素相結合,list屬性將選項關聯到輸入欄
<input type = "text" name= "aaa" id = "aaa" list = "xxx">
<datalist id = "xxx">
<option value = "a1">
<option value = "a2\">
<option value = "a3">
</datalist>- HTML5 擴充套件了input元素的type屬性
searchemailurltelrangenumberdatacolor
作為一個目標而存在的東西，總是那麼美麗而優雅