html標(biāo)簽分類

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 15:25:36

html標(biāo)簽分類

html標(biāo)簽分類:將 HTML 元素按功能進(jìn)行分組。先簡(jiǎn)單會(huì)匯總下，熟悉的放前面。根元素:<html> 文檔元數(shù)據(jù):<link>、<meta>、<style>、<style> 內(nèi)容分區(qū):<header>、<nav>、 <section>、&

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀html標(biāo)簽分類:將 HTML 元素按功能進(jìn)行分組。先簡(jiǎn)單會(huì)匯總下，熟悉的放前面。根元素:<html> 文檔元數(shù)據(jù):<link>、<meta>、<style>、<style> 內(nèi)容分區(qū):<header>、<nav>、 <section>、&

將 HTML 元素按功能進(jìn)行分組。先簡(jiǎn)單會(huì)匯總下，熟悉的放前面。

根元素:<html> 文檔元數(shù)據(jù):<link>、<meta>、<style>、<style>
內(nèi)容分區(qū):<header>、<nav>、 <section>、<aside> 、<footer> 、<h1>~<h6> 、<article> 、<address>、<hgroup> 
文本內(nèi)容:<main>、<p>、<p>、<pre>、<ol>、 <ul>、<li>、<dl> 、<dt>、<dd>、<figure> 、<figcaption>、<blockquote> 、<hr>
內(nèi)聯(lián)文本語(yǔ)義:<span>、<a>、<strong>、<em>、<q>、<br>、<mark>、<code>、<abbr>、<b>、<bdi>、<bdo>、<sub>、<sup>、<time>、<i>、<u>、<cite>、<data>、<kbd>、<nobr>、<s>、<samp>、<tt>、<var>、<wbr>、<rp>、<rt>、<rtc>、<ruby>
圖片和多媒體:<img><audio> <video><track><map><area>
內(nèi)嵌內(nèi)容:<iframe>、<embed>、<object> 、<param>、<picture>、<source>
腳本:<canvas>、<noscript>、<script>
編輯標(biāo)識(shí):<del>、<ins> 
表格內(nèi)容:<table>、<caption>、<thead>、<tbody>、<tfoot>、<tr>、、<col><colgroup>、<th>、<td>
表單:<form> 、<input>、<textarea> 、<label>、<button>、<datalist>、<fieldset>、<legend>、<meter>、<optgroup>、<option>、<output>、<progress>、<select>
交互元素<details>、<summary>、<dialog>、<menu>Web 組件:<slot>、<template>
過(guò)時(shí)的和棄用的元素:<acronym><applet><basefont><bgsound><big><blink><center><command><content><dir><element><font><frame><frameset><image><isindex><keygen><listing><marquee><menuitem><multicol><nextid><nobr><noembed><noframes><plaintext><spacer><strike><shadow><tt><xmp>

1. 根元素

<html> HTML文檔的根

2. 文檔元數(shù)據(jù)

元數(shù)據(jù)（Metadata）含有頁(yè)面的相關(guān)信息，包括樣式、腳本及數(shù)據(jù)，能幫助一些軟件 (如搜索引擎，瀏覽器等等）更好地運(yùn)用和渲染頁(yè)面。對(duì)于樣式和腳本的元數(shù)據(jù)，可以直接在網(wǎng)頁(yè)里定義，也可以鏈接到包含相關(guān)信息的外部文件。

<link> 鏈接<meta> 元數(shù)據(jù)信息，(<base>, <link>, <script>, <style> 或 <title>不能表示的元數(shù)據(jù)信息) 
<style> 樣式信息
<style> 文檔標(biāo)題

3. 內(nèi)容分區(qū)

內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分。使用包括頁(yè)眉(header)、頁(yè)腳(footer)、導(dǎo)航(nav)和標(biāo)題(h1~h6)等分區(qū)元素，來(lái)為頁(yè)面內(nèi)容創(chuàng)建明確的大綱，以便區(qū)分各個(gè)章節(jié)的內(nèi)容。

<header> 表示一組引導(dǎo)性的幫助
<nav> 導(dǎo)航
<section> 表示文檔中的一個(gè)區(qū)域（或節(jié)），通過(guò)是否含一個(gè)標(biāo)題作為子節(jié)點(diǎn)來(lái)辨識(shí)<section>
<aside> 表示與其余頁(yè)面無(wú)關(guān)的內(nèi)容部分
<footer> 表示最近一個(gè)章節(jié)內(nèi)容或者根節(jié)點(diǎn)元素的頁(yè)腳<h1>~<h6> 標(biāo)題
<article> 表示文檔、頁(yè)面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu)
<address> 地址信息
<hgroup> 代表一個(gè)段的標(biāo)題

4. 文本內(nèi)容

使用 HTML 文本內(nèi)容元素來(lái)組織在開標(biāo)簽和閉標(biāo)簽里的塊或章節(jié)的內(nèi)容。這些元素能標(biāo)識(shí)內(nèi)容的宗旨或結(jié)構(gòu)，而這對(duì)于 accessibility 和 SEO 很重要。

<main> 文檔<body>或應(yīng)用的主體部分
<div> 文檔分區(qū)元素， 通用型流內(nèi)容容器
<p> 段落
<pre> 預(yù)定義格式文本
<ol> 有序列表
<ul> 無(wú)序列表
<li> 列表?xiàng)l目元素
<dl> 描述列表元素
<dt>術(shù)語(yǔ)定義元素
<dd> 描述元素，描述列表 (<dl>) 的子元素，<dd>與 <dt> 一起用。
<figure> 代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說(shuō)明(caption) 
<figcaption> 配合使用<figcaption>圖片說(shuō)明/標(biāo)題，于描述其父節(jié)點(diǎn) 
<figure> 元素里的其他數(shù)據(jù)
<blockquote> HTML 塊級(jí)引用元素<hr>表示段落級(jí)元素之間的主題轉(zhuǎn)換，視覺上看是水平線

5. 內(nèi)聯(lián)文本語(yǔ)義

使用 HTML 內(nèi)聯(lián)文本語(yǔ)義(Inline text semantics)定義語(yǔ)句，結(jié)構(gòu)，可以是一個(gè)詞，一段，或任意風(fēng)格的文字。

<kbd> 表示用戶輸入
<span> 通用行內(nèi)容器
<a> 超鏈接
<strong> 粗體顯示
<em> 標(biāo)記出需要用戶著重閱讀的內(nèi)容，可通過(guò)嵌套加深著重程度
<q> 短的引用文本
<br> 換行
<mark> 代表突出顯示的文字，可以用來(lái)顯示搜索引擎搜索后關(guān)鍵詞。
<code> 呈現(xiàn)一段計(jì)算機(jī)代碼
<abbr> 縮寫，并可選擇提供一個(gè)完整的描述
<b>提醒注意，樣式和粗體類似（不要用于顯示粗體，用css font-weight來(lái)創(chuàng)建粗體）
<bdi> 雙向隔離元素
<bdo> 雙向覆蓋元素
<sub> 排低文本
<sup> 排高文本
<time> 時(shí)間
<i> 區(qū)分普通文本的一系列文本，內(nèi)容通常以斜體顯示
<u> 使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線
<cite> 表示一個(gè)作品的引用
<data> 將一個(gè)指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。但如果內(nèi)容是與 time 或者 date 相關(guān)的，一定要使用 <time>。
<dfn> 表示術(shù)語(yǔ)的一個(gè)定義
<kbd> 表示用戶輸入
<nobr> 阻止文本自動(dòng)拆分成新行，不應(yīng)該使用，應(yīng)該使用css屬性
<s> 刪除線，提倡使用 <del> 和 <ins> 元素
<samp> 標(biāo)識(shí)計(jì)算機(jī)程序

輸出 <tt> 電報(bào)文本元素 <var> 表示變量的名稱，或者由用戶提供的值 <wbr> 一個(gè)文本中的位置，其中瀏覽器可以選擇來(lái)?yè)Q行<rp><rt><rtc><ruby>

6. 圖片和多媒體

HTML 支持各種多媒體資源，例如圖像，音頻和視頻。
<img> 圖片
<audio> 音頻內(nèi)容
<video> 視頻內(nèi)容
<track> 被當(dāng)作媒體元素—
<audio> 和 <video>的子元素來(lái)使用。它允許指定計(jì)時(shí)字幕（或者基于事件的數(shù)據(jù)），例如自動(dòng)處理字幕。
<map> 與 <area> 屬性一起使用來(lái)定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域).
<area> 在圖片上定義一個(gè)熱點(diǎn)區(qū)域，可以關(guān)聯(lián)一個(gè)超鏈接。
<area>元素僅在<map>元素內(nèi)部使用。

7. 內(nèi)嵌內(nèi)容

除了常規(guī)的多媒體內(nèi)容，HTML 可以包括各種其他的內(nèi)容，即使它并不容易交互。

<iframe> 表示嵌套的瀏覽上下文，有效地將另一個(gè)HTML頁(yè)面嵌入到當(dāng)前頁(yè)面中。
<embed> 將外部?jī)?nèi)容嵌入文檔中的指定位置
<object> 表示引入一個(gè)外部資源
<param> 定義了 <object>的參數(shù)<picture> 容器，用來(lái)為其內(nèi)部特定的 <img> 元素提供多樣的 <source> 元素。<source> 資源

8. 腳本

為了創(chuàng)建動(dòng)態(tài)內(nèi)容和 Web 應(yīng)用程序，HTML 支持使用腳本語(yǔ)言，最突出的就是 JavaScript。某些元素支持此功能。

<canvas> 通過(guò)腳本（通常是JavaScript）繪制圖形<noscript> 替代未執(zhí)行腳本<script> 用于嵌入或引用可執(zhí)行腳本

9. 編輯標(biāo)識(shí)

這些元素能標(biāo)示出某個(gè)文本被更改過(guò)的部分。

<del> 表示一些被從文檔中刪除的文字內(nèi)容<ins> 定義已經(jīng)被插入文檔中的文本

10. 表格內(nèi)容

這里的元素用于創(chuàng)建和處理表格數(shù)據(jù)。元素在一個(gè) 元素中可以出現(xiàn)一個(gè)或者更多。

<table> 表格
<caption> 表格的標(biāo)題，通常作為 <table> 的第一個(gè)子元素出現(xiàn)
<thead> 表格頁(yè)眉
<tbody> 表格主體
<tfoot> 表格頁(yè)腳<tr> 行<col> 列， 通常位于<colgroup>元素內(nèi)
<colgroup> 表格列組
<th> 表頭<td> 表格單元

11. 表單

HTML 提供了許多可一起使用的元素，這些元素能用來(lái)創(chuàng)建一個(gè)用戶可以填寫并提交到網(wǎng)站或應(yīng)用程序的表單。

<form> 表單
<input> 輸入域
<textarea> 多行文本域
<label> 標(biāo)題
<button> 按鈕
<datalist> 包含了一組<option>元素,這些元素表示其它表單控件可選值<fieldset> 一組相關(guān)的表單元素，并使用外框包含起<legend> 表示它的父元素<fieldset>的內(nèi)容的標(biāo)題
<meter> 顯示已知范圍的標(biāo)量值或者分?jǐn)?shù)值
<optgroup> 一個(gè) <select> 元素中的一組選項(xiàng)
<option> 用于定義在<select>, <optgroup> 或<datalist> 元素中包含的項(xiàng)
<output> 表示計(jì)算或用戶操作的結(jié)果
<progress> 進(jìn)度條
<select> 選項(xiàng)菜單

12. 交互元素

HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對(duì)象的元素。

<details><summary> 用作 一個(gè)<details>元素的一個(gè)內(nèi)容的摘要，標(biāo)題或圖例。<dialog> 對(duì)話框<menu> 菜單

13. Web 組件

Web 組件是種近似 HTML（HTML-related）的技術(shù)，這使得它能夠，從本質(zhì)上講，創(chuàng)建和使用自定義元素，就好像它是普通的 HTML。此外，你甚至可以創(chuàng)建自定義版本的標(biāo)準(zhǔn) HTML 元素。（注意：規(guī)范還沒有確定）

<slot> web組件技術(shù)的一部分，slot是web組件的一個(gè)占位符<template> 用于保存客戶端內(nèi)容的機(jī)制

14. 過(guò)時(shí)的和棄用的元素

<acronym><applet><basefont><bgsound><big><blink><center><command><content><dir><element><font><frame><frameset><image><isindex><keygen><listing><marquee><menuitem><multicol><nextid><nobr><noembed><noframes><plaintext><spacer><strike><shadow><tt><xmp>