html標簽分類
發(fā)表時間:2023-09-11 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]將 HTML 元素按功能進行分組。先簡單會匯總下,熟悉的放前面。根元素:<html> 文檔元數(shù)據(jù):<link>、<meta>、<style>、<style>
內(nèi)容分區(qū):<header>、<nav>、 <se...
將 HTML 元素按功能進行分組。先簡單會匯總下,熟悉的放前面。
根元素:<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)文本語義:<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>
編輯標識:<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>
過時的和棄用的元素:<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)含有頁面的相關(guān)信息,包括樣式、腳本及數(shù)據(jù),能幫助一些軟件 (如搜索引擎, 瀏覽器等等)更好地運用和渲染頁面。對于樣式和腳本的元數(shù)據(jù),可以直接在網(wǎng)頁里定義,也可以鏈接到包含相關(guān)信息的外部文件。
<link> 鏈接<meta> 元數(shù)據(jù)信息,(<base>, <link>, <script>, <style> 或 <title>不能表示的元數(shù)據(jù)信息)
<style> 樣式信息
<style> 文檔標題
3. 內(nèi)容分區(qū)
內(nèi)容分區(qū)元素允許你將文檔內(nèi)容從邏輯上進行組織劃分。使用包括頁眉(header)、頁腳(footer)、導航(nav)和標題(h1~h6)等分區(qū)元素,來為頁面內(nèi)容創(chuàng)建明確的大綱,以便區(qū)分各個章節(jié)的內(nèi)容。
<header> 表示一組引導性的幫助
<nav> 導航
<section> 表示文檔中的一個區(qū)域(或節(jié)),通過是否含一個標題作為子節(jié)點來辨識<section>
<aside> 表示與其余頁面無關(guān)的內(nèi)容部分
<footer> 表示最近一個章節(jié)內(nèi)容或者根節(jié)點元素的頁腳<h1>~<h6> 標題
<article> 表示文檔、頁面、應用或網(wǎng)站中的獨立結(jié)構(gòu)
<address> 地址信息
<hgroup> 代表一個段的標題
4. 文本內(nèi)容
使用 HTML 文本內(nèi)容元素來組織在開標簽 和閉標簽 里的塊或章節(jié)的內(nèi)容。這些元素能標識內(nèi)容的宗旨或結(jié)構(gòu),而這對于 accessibility 和 SEO 很重要。
<main> 文檔<body>或應用的主體部分
<div> 文檔分區(qū)元素, 通用型流內(nèi)容容器
<p> 段落
<pre> 預定義格式文本
<ol> 有序列表
<ul> 無序列表
<li> 列表條目元素
<dl> 描述列表元素
<dt>術(shù)語定義元素
<dd> 描述元素,描述列表 (<dl>) 的子元素,<dd>與 <dt> 一起用。
<figure> 代表一段獨立的內(nèi)容, 經(jīng)常與說明(caption)
<figcaption> 配合使用<figcaption>圖片說明/標題,于描述其父節(jié)點
<figure> 元素里的其他數(shù)據(jù)
<blockquote> HTML 塊級引用元素<hr>表示段落級元素之間的主題轉(zhuǎn)換,視覺上看是水平線
5. 內(nèi)聯(lián)文本語義
使用 HTML 內(nèi)聯(lián)文本語義(Inline text semantics)定義語句,結(jié)構(gòu),可以是一個詞,一段,或任意風格的文字。
<kbd> 表示用戶輸入
<span> 通用行內(nèi)容器
<a> 超鏈接
<strong> 粗體顯示
<em> 標記出需要用戶著重閱讀的內(nèi)容,可通過嵌套加深著重程度
<q> 短的引用文本
<br> 換行
<mark> 代表突出顯示的文字,可以用來顯示搜索引擎搜索后關(guān)鍵詞。
<code> 呈現(xiàn)一段計算機代碼
<abbr> 縮寫,并可選擇提供一個完整的描述
<b>提醒注意,樣式和粗體類似(不要用于顯示粗體,用css font-weight來創(chuàng)建粗體)
<bdi> 雙向隔離元素
<bdo> 雙向覆蓋元素
<sub> 排低文本
<sup> 排高文本
<time> 時間
<i> 區(qū)分普通文本的一系列文本,內(nèi)容通常以斜體顯示
<u> 使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線
<cite> 表示一個作品的引用
<data> 將一個指定內(nèi)容和機器可讀的翻譯聯(lián)系在一起。但如果內(nèi)容是與 time 或者 date 相關(guān)的,一定要使用 <time>。
<dfn> 表示術(shù)語的一個定義
<kbd> 表示用戶輸入
<nobr> 阻止文本自動拆分成新行,不應該使用,應該使用css屬性
<s> 刪除線,提倡使用 <del> 和 <ins> 元素
<samp> 標識計算機程序輸出
<tt> 電報文本元素
<var> 表示變量的名稱,或者由用戶提供的值
<wbr> 一個文本中的位置,其中瀏覽器可以選擇來換行<rp><rt><rtc><ruby>
6. 圖片和多媒體
HTML 支持各種多媒體資源,例如圖像,音頻和視頻。
<img> 圖片
<audio> 音頻內(nèi)容
<video> 視頻內(nèi)容
<track> 被當作媒體元素—
<audio> 和 <video>的子元素來使用。它允許指定計時字幕(或者基于事件的數(shù)據(jù)),例如自動處理字幕。
<map> 與 <area> 屬性一起使用來定義一個圖像映射(一個可點擊的鏈接區(qū)域).
<area> 在圖片上定義一個熱點區(qū)域,可以關(guān)聯(lián)一個超鏈接。
<area>元素僅在<map>元素內(nèi)部使用。
7. 內(nèi)嵌內(nèi)容
除了常規(guī)的多媒體內(nèi)容,HTML 可以包括各種其他的內(nèi)容,即使它并不容易交互。
<iframe> 表示嵌套的瀏覽上下文,有效地將另一個HTML頁面嵌入到當前頁面中。
<embed> 將外部內(nèi)容嵌入文檔中的指定位置
<object> 表示引入一個外部資源
<param> 定義了 <object>的參數(shù)<picture> 容器,用來為其內(nèi)部特定的 <img> 元素提供多樣的 <source> 元素。<source> 資源
8. 腳本
為了創(chuàng)建動態(tài)內(nèi)容和 Web 應用程序,HTML 支持使用腳本語言,最突出的就是 JavaScript。某些元素支持此功能。
<canvas> 通過腳本(通常是JavaScript)繪制圖形<noscript> 替代未執(zhí)行腳本<script> 用于嵌入或引用可執(zhí)行腳本
9. 編輯標識
這些元素能標示出某個文本被更改過的部分。
<del> 表示一些被從文檔中刪除的文字內(nèi)容<ins> 定義已經(jīng)被插入文檔中的文本
10. 表格內(nèi)容
這里的元素用于創(chuàng)建和處理表格數(shù)據(jù)。元素在一個 元素中可以出現(xiàn)一個或者更多。
<table> 表格
<caption> 表格的標題,通常作為 <table> 的第一個子元素出現(xiàn)
<thead> 表格頁眉
<tbody> 表格主體
<tfoot> 表格頁腳<tr> 行<col> 列, 通常位于<colgroup>元素內(nèi)
<colgroup> 表格列組
<th> 表頭<td> 表格單元
11. 表單
HTML 提供了許多可一起使用的元素,這些元素能用來創(chuàng)建一個用戶可以填寫并提交到網(wǎng)站或應用程序的表單。
<form> 表單
<input> 輸入域
<textarea> 多行文本域
<label> 標題
<button> 按鈕
<datalist> 包含了一組<option>元素,這些元素表示其它表單控件可選值<fieldset> 一組相關(guān)的表單元素,并使用外框包含起<legend> 表示它的父元素<fieldset>的內(nèi)容的標題
<meter> 顯示已知范圍的標量值或者分數(shù)值
<optgroup> 一個 <select> 元素中的一組選項
<option> 用于定義在<select>, <optgroup> 或<datalist> 元素中包含的項
<output> 表示計算或用戶操作的結(jié)果
<progress> 進度條
<select> 選項菜單
12. 交互元素
HTML 提供了一系列有助于創(chuàng)建交互式用戶界面對象的元素。
<details><summary> 用作 一個<details>元素的一個內(nèi)容的摘要,標題或圖例。<dialog> 對話框<menu> 菜單
13. Web 組件
Web 組件是種近似 HTML(HTML-related) 的技術(shù),這使得它能夠,從本質(zhì)上講,創(chuàng)建和使用自定義元素,就好像它是普通的 HTML。此外,你甚至可以創(chuàng)建自定義版本的標準 HTML 元素。(注意:規(guī)范還沒有確定)
<slot> web組件技術(shù)的一部分,slot是web組件的一個占位符<template> 用于保存客戶端內(nèi)容的機制
14. 過時的和棄用的元素
<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>
15. 參考鏈接
以上就是html標簽分類的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。