溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html標(biāo)簽如何分類，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！
將 HTML 元素按功能進(jìn)行分組。先簡單會匯總下，熟悉的放前面。
根元素:<html> 文檔元數(shù)據(jù):<link>、<meta>、<style>、<style> 內(nèi)容分區(qū):<header>、<nav>、 <section>、<aside> 、<footer> 、<h2>~<h7> 、<article> 、<address>、<hgroup> 文本內(nèi)容:<main>、<p>、<p>、<pre>、<ol>、 <ul>、<li>、<dl> 、<dt>、<dd>、<figure> 、<figcaption>、<blockquote> 、<hr> 內(nèi)聯(lián)文本語義:<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)識:<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> 過時(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>
<html> HTML文檔的根
元數(shù)據(jù)（Metadata）含有頁面的相關(guān)信息，包括樣式、腳本及數(shù)據(jù)，能幫助一些軟件 (如搜索引擎， 瀏覽器等等）更好地運(yùn)用和渲染頁面。對于樣式和腳本的元數(shù)據(jù)，可以直接在網(wǎng)頁里定義，也可以鏈接到包含相關(guān)信息的外部文件。
<link> 鏈接<meta> 元數(shù)據(jù)信息，(<base>, <link>, <script>, <style> 或 <title>不能表示的元數(shù)據(jù)信息) <style> 樣式信息 <style> 文檔標(biāo)題
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進(jìn)行組織劃分。使用包括頁眉(header)、頁腳(footer)、導(dǎo)航(nav)和標(biāo)題(h2~h7)等分區(qū)元素，來為頁面內(nèi)容創(chuàng)建明確的大綱，以便區(qū)分各個章節(jié)的內(nèi)容。
<header> 表示一組引導(dǎo)性的幫助 <nav> 導(dǎo)航 <section> 表示文檔中的一個區(qū)域（或節(jié)），通過是否含一個標(biāo)題作為子節(jié)點(diǎn)來辨識<section> <aside> 表示與其余頁面無關(guān)的內(nèi)容部分 <footer> 表示最近一個章節(jié)內(nèi)容或者根節(jié)點(diǎn)元素的頁腳<h2>~<h7> 標(biāo)題 <article> 表示文檔、頁面、應(yīng)用或網(wǎng)站中的獨(dú)立結(jié)構(gòu) <address> 地址信息 <hgroup> 代表一個段的標(biāo)題
使用 HTML 文本內(nèi)容元素來組織在開標(biāo)簽 和閉標(biāo)簽 里的塊或章節(jié)的內(nèi)容。這些元素能標(biāo)識內(nèi)容的宗旨或結(jié)構(gòu)，而這對于 accessibility 和 SEO 很重要。
<main> 文檔<body>或應(yīng)用的主體部分 <div> 文檔分區(qū)元素， 通用型流內(nèi)容容器 <p> 段落 <pre> 預(yù)定義格式文本 <ol> 有序列表 <ul> 無序列表 <li> 列表?xiàng)l目元素 <dl> 描述列表元素 <dt>術(shù)語定義元素 <dd> 描述元素，描述列表 (<dl>) 的子元素，<dd>與 <dt> 一起用。 <figure> 代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說明(caption) <figcaption> 配合使用<figcaption>圖片說明/標(biāo)題，于描述其父節(jié)點(diǎn) <figure> 元素里的其他數(shù)據(jù) <blockquote> HTML 塊級引用元素<hr>表示段落級元素之間的主題轉(zhuǎn)換，視覺上看是水平線
使用 HTML 內(nèi)聯(lián)文本語義(Inline text semantics)定義語句，結(jié)構(gòu)，可以是一個詞，一段，或任意風(fēng)格的文字。
<kbd> 表示用戶輸入 <span> 通用行內(nèi)容器 <a> 超鏈接 <strong> 粗體顯示 <em> 標(biāo)記出需要用戶著重閱讀的內(nèi)容，可通過嵌套加深著重程度 <q> 短的引用文本 <br> 換行 <mark> 代表突出顯示的文字，可以用來顯示搜索引擎搜索后關(guān)鍵詞。 <code> 呈現(xiàn)一段計(jì)算機(jī)代碼 <abbr> 縮寫，并可選擇提供一個完整的描述 <b>提醒注意，樣式和粗體類似（不要用于顯示粗體，用css font-weight來創(chuàng)建粗體） <bdi> 雙向隔離元素 <bdo> 雙向覆蓋元素 <sub> 排低文本 <sup> 排高文本 <time> 時(shí)間 <i> 區(qū)分普通文本的一系列文本，內(nèi)容通常以斜體顯示 <u> 使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線 <cite> 表示一個作品的引用 <data> 將一個指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。但如果內(nèi)容是與 time 或者 date 相關(guān)的，一定要使用 <time>。 <dfn> 表示術(shù)語的一個定義 <kbd> 表示用戶輸入 <nobr> 阻止文本自動拆分成新行，不應(yīng)該使用，應(yīng)該使用css屬性 <s> 刪除線，提倡使用 <del> 和 <ins> 元素 <samp> 標(biāo)識計(jì)算機(jī)程序輸出 <tt> 電報(bào)文本元素 <var> 表示變量的名稱，或者由用戶提供的值 <wbr> 一個文本中的位置，其中瀏覽器可以選擇來換行<rp><rt><rtc><ruby>
HTML 支持各種多媒體資源，例如圖像，音頻和視頻。 <img> 圖片 <audio> 音頻內(nèi)容 <video> 視頻內(nèi)容 <track> 被當(dāng)作媒體元素— <audio> 和 <video>的子元素來使用。它允許指定計(jì)時(shí)字幕（或者基于事件的數(shù)據(jù)），例如自動處理字幕。 <map> 與 <area> 屬性一起使用來定義一個圖像映射(一個可點(diǎn)擊的鏈接區(qū)域). <area> 在圖片上定義一個熱點(diǎn)區(qū)域，可以關(guān)聯(lián)一個超鏈接。 <area>元素僅在<map>元素內(nèi)部使用。
除了常規(guī)的多媒體內(nèi)容，HTML 可以包括各種其他的內(nèi)容，即使它并不容易交互。
<iframe> 表示嵌套的瀏覽上下文，有效地將另一個HTML頁面嵌入到當(dāng)前頁面中。 <embed> 將外部內(nèi)容嵌入文檔中的指定位置 <object> 表示引入一個外部資源 <param> 定義了 <object>的參數(shù)<picture> 容器，用來為其內(nèi)部特定的 <img> 元素提供多樣的 <source> 元素。<source> 資源
為了創(chuàng)建動態(tài)內(nèi)容和 Web 應(yīng)用程序，HTML 支持使用腳本語言，最突出的就是 JavaScript。某些元素支持此功能。
<canvas> 通過腳本（通常是JavaScript）繪制圖形<noscript> 替代未執(zhí)行腳本<script> 用于嵌入或引用可執(zhí)行腳本
這些元素能標(biāo)示出某個文本被更改過的部分。
<del> 表示一些被從文檔中刪除的文字內(nèi)容<ins> 定義已經(jīng)被插入文檔中的文本
這里的元素用于創(chuàng)建和處理表格數(shù)據(jù)。元素在一個 元素中可以出現(xiàn)一個或者更多。
<table> 表格 <caption> 表格的標(biāo)題，通常作為 <table> 的第一個子元素出現(xiàn) <thead> 表格頁眉 <tbody> 表格主體 <tfoot> 表格頁腳<tr> 行<col> 列， 通常位于<colgroup>元素內(nèi) <colgroup> 表格列組 <th> 表頭<td> 表格單元
HTML 提供了許多可一起使用的元素，這些元素能用來創(chuàng)建一個用戶可以填寫并提交到網(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> 一個 <select> 元素中的一組選項(xiàng) <option> 用于定義在<select>, <optgroup> 或<datalist> 元素中包含的項(xiàng) <output> 表示計(jì)算或用戶操作的結(jié)果 <progress> 進(jìn)度條 <select> 選項(xiàng)菜單
HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對象的元素。
<details><summary> 用作 一個<details>元素的一個內(nèi)容的摘要，標(biāo)題或圖例。<dialog> 對話框<menu> 菜單
Web 組件是種近似 HTML（HTML-related） 的技術(shù)，這使得它能夠，從本質(zhì)上講，創(chuàng)建和使用自定義元素，就好像它是普通的 HTML。此外，你甚至可以創(chuàng)建自定義版本的標(biāo)準(zhǔn) HTML 元素。（注意：規(guī)范還沒有確定）
<slot> web組件技術(shù)的一部分，slot是web組件的一個占位符<template> 用于保存客戶端內(nèi)容的機(jī)制
<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
看完了這篇文章，相信你對html標(biāo)簽如何分類有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
