Html5和Html4的不同

masterHuan發表於2017-07-09
HTML

HTML5 

1. 簡要的文件型別宣告<!DOCTYPE HTML>。
2 .廢棄了HTML4的一些標籤,引入語義化的標籤
3.引入原生多媒體支援video rideo
4.引入可程式設計內容 canvas
5.對本地儲存進行了更好的支援

新增的語義化標籤:

header 標籤定義文件的頁首。
footer 標籤定義文件的頁尾。
nav 導航欄，描述一個含有多個超連結的區域，這個區域包含轉到其他頁面，或者頁面內部其他部分的連結列表
menu 標籤用於上下文選單，工具欄以及移除表單控制元件和命令（相容性差）
aside 用於側邊欄或嵌入內容的製作
article 元素表示文件、頁面、應用或網站中的獨立結構，
embed 用於表示外掛(相容性差)

section 表示文件的某個區域,例如某個專題 

<section>
    <h1></h1>
    <p></p>
</section>

hgroup用於對網頁或區段（section）的標題進行組合

<hgroup>
    <h1></h1>
    <h2></h2>
</hgroup>

figure用作文件中插圖的影像：

<figure>
  <p></p>
  <img src="" />
</figure>

新增的表單元素(相容性差)

datalist 元素規定輸入域的選項列表。
output 元素用於不同型別的輸出，比如計算或指令碼輸出。
keygen 元素的作用是提供一種驗證使用者的可靠方法。

新增的input的型別

email（用於輸入email格式）
url（用於輸入url格式）
number（用於數字輸入）
range (用於包含一定範圍內數字)
型別顯示為滑動條。
Date pickers(日期選擇器)
(date, month, week, time, datetime, datetime-local)
search（搜尋域，類似谷歌的搜尋提示）
color（顏色選擇，不相容大部分瀏覽器）

相關文章