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