html5中新增13種標簽的示例分析

小編給大家分享一下html5中新增13種標簽的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

html5新增標簽之HTML <abbr> 標簽

<abbr> 標簽用來表示一個縮寫詞或者首字母縮略詞，如"WWW"或者"NATO"。

html5新增標簽之HTML <base> 標簽

<base> 標簽為頁面上的所有的相對鏈接規定默認 URL 或默認目標。

html5新增標簽之HTML <bdo> 標簽

<bdo> 標簽用來覆蓋默認的文本方向（dir="ltr(左開始)rtl(右開始)"）

html5新增標簽之HTML <colgroup> 標簽和HTML <col> 標簽

配合使用可以設置表格的每列公用樣式
<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>

html5新增標簽之HTML <datalist> 標簽

<datalist> 標簽規定了 <input> 元素可能的選項列表， 使用<input list="browsers">連接。

html5新增標簽之HTML <fieldset> 標簽

<fieldset> 標簽可以將表單內的相關元素分組，會在相關表單元素周圍繪制邊框。<legend> 標簽為 <fieldset> 元素定義標題

html5新增標簽之HTML <footer> 標簽

<footer> 標簽定義文檔或者文檔的一部分區域的頁腳，在典型情況下，該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等，在一個文檔中，您可以定義多個 <footer> 元素

html5新增標簽之HTML <header> 標簽

<header> 標簽定義文檔或者文檔的一部分區域的頁眉。<header> 元素應該作為介紹內容或者導航鏈接欄的容器。在一個文檔中，您可以定義多個 <header> 元素。<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。

html5新增標簽之HTML <hgroup> 標簽

<hgroup> 標簽被用來對標題元素進行分組。當標題有多個層級（副標題）時，<hgroup> 元素被用來對一系列 <h2> - <h7> 元素進行分組

html5新增標簽之HTML <hr> 標簽

<hr> 標簽定義 HTML 頁面中的主題變化（比如話題的轉移），并顯示為一條水平線。

<hr> 元素被用來分隔 HTML 頁面中的內容（或者定義一個變化）。

html5新增標簽之HTML <nav> 標簽

<nav> 標簽定義導航鏈接的部分

html5新增標簽之HTML <optgroup> 標簽

<optgroup> 標簽經常用于把相關的選項組合在一起。如果你有很多的選項組合, 你可以使用<optgroup> 標簽能夠很簡單的將相關選項組合在一起

html5新增標簽之HTML5 <progress> 標簽

<progress> 標簽定義運行中的任務進度（進程）。

以上是“html5中新增13種標簽的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！