HTML5 新標籤

Zegendary發表於2017-12-13

HTML5中的新元素

下面是新的HTML5元素的列表,以及它們的用途的描述。


####新的語義/結構元素

標籤 描述
定義文章。
定義頁面內容之外的內容。
定義文字的文字方向,使其脫離其周圍文字的方向設定。
定義元素的細節。
定義對話方塊或視窗。
定義 figure 元素的標題。
定義媒介內容的分組,以及它們的標題。
定義 section 或 page 的頁尾。
定義 section 或 page 的頁首。
定義文件的主要內容
定義有記號的文字。
<menuitem> 定義使用者可以從彈出選單呼叫的命令/選單專案。
定義預定義範圍內的度量。
定義導航連結。
定義任何型別的任務的進度。
定義若瀏覽器不支援 ruby 元素顯示的內容。
定義 ruby 註釋的解釋。
定義 ruby 註釋。
定義 section。
元素定義可見的標題。
定義日期/時間。
<wbr> 定義可能換行。

瞭解更多關於HTML5語義


新的表單元素

標籤 描述
定義下拉選單。
定義生成金鑰。
定義輸出的一些型別。

閱讀所有關於新老表單元素HTML表單元素


新的輸入型別

新的輸入型別 新輸入屬性
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formvalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern(regexp)
  • placeholder
  • required
  • step

詳細瞭解新舊輸入型別 的HTML輸入型別。 瞭解所有關於HTML輸入屬性


HTML5-新的屬性語法

HTML5允許四種不同的語法屬性: 這個例子演示了在標籤的不同語法形式:

標籤 描述
Empty(空)
Unquoted(沒有引號)
Double-quoted(雙引號)
Singlequoted(單引號)

在HTML5中,四個語法都可以使用,這取決於屬性的需求是什麼。


HTML5圖形

標籤 描述
定義使用JavaScript圖形繪製圖形。
定義使用向量圖繪製圖形。

閱讀更多關於HTML5 canvas。 閱讀更多關於HTML5 SVG


####新媒體元素

標籤 描述
定義聲音內容。
定義外部互動內容或外掛。
<source> 定義媒介源。
<track> 定義用在媒體播放器中的文字軌道。
定義視訊。

閱讀更多關於HTML5 。 閱讀更多關於HTML5

相關文章