標籤:

html5全部標籤

看完這篇博客,你將了解

html5總共有多少標籤,並簡要了解它們的作用(ToDo)


1.html5的標籤按功能劃分可分為11組,總計104個標籤


2.先看看標籤較少的3組:

根元素

  • <html>

編輯

  • <ins>
  • <del>

腳本

  • <script>
  • <noscript>
  • <template>

3.再介紹整體結構相關的2組:

文檔元數據

  • <head>
  • <title>
  • <base>
  • <link>
  • <meta>
  • <style>

章節

  • <body>
  • <section>
  • <nav>
  • <article>
  • <aside>
  • <h1>-<h6>
  • <header>
  • <footer>
  • <address>
  • <main>

4.接下來說說文字處理("word"功能)相關的兩組

組織內容

  • <p>
  • <hr>
  • <pre>
  • <blockquote>
  • <ol>
  • <ul>
  • <li>
  • <dl>
  • <dt>
  • <dd>

文字形式

  • <a>
  • <em>
  • <strong>
  • <small>
  • <s>
  • <cite>
  • <q>
  • <dfn>
  • <abbr>
  • <data>
  • <time>
  • <code>
  • <var>
  • <samp>
  • <kbd>
  • <sub>
  • <sup>
  • <i>
  • <b>
  • <u>
  • <mark>
  • <ruby>
  • <rt>
  • <bdi>
  • <bdo>
  • <span>
  • <br>
  • <wbr>

5.然後聊聊表格處理("excel"功能)相關的2組:

表格

  • <table>
  • <caption>
  • <colgroup>
  • <col>
  • <tbody>
  • <thead>
  • <tfoot>
  • <tr>
  • <td>
  • <th>

表單

  • <form>
  • <fieldset>
  • <legend>
  • <label>
  • <input>
  • <button>
  • <select>
  • <datalist>
  • <optgroup>
  • <option>
  • <textarea>
  • <keygen>
  • <output>
  • <progress>
  • <meter>

6.終於到最後了,這是剩下的2組:

交互元素

  • <datails>
  • <summary>
  • <menuitem>
  • <menu>

嵌入內容

  • <img>
  • <iframe>
  • <embed>
  • <object>
  • <param>
  • <video>
  • <audio>
  • <source>
  • <track>
  • <canvas>
  • <map>
  • <area>
  • <svg>
  • <math>

推薦閱讀:

gulp自動化構建html靜態資源路徑版本號添加和替換
大齡電力汪前端學習路(HTML基礎篇)
ajax請求相關
《Oli-Zhao的前端一萬小時》之:工欲善其事,必先利其器——軟體安裝、環境搭建

TAG:前端入門 |