將 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 xmp1. 根元素
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)組織在開(kā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)換,視覺(jué)上看是水平線(xiàn)5. 內(nèi)聯(lián)文本語(yǔ)義
使用 HTML 內(nèi)聯(lián)文本語(yǔ)義(Inline text semantics)定義語(yǔ)句,結(jié)構(gòu),可以是一個(gè)詞,一段,或任意風(fēng)格的文字。
kbd 表示用戶(hù)輸入 span 通用行內(nèi)容器 a 超鏈接 strong 粗體顯示 em 標(biāo)記出需要用戶(hù)著重閱讀的內(nèi)容,可通過(guò)嵌套加深著重程度 q 短的引用文本 br 換行 mark 代表突出顯示的文字,可以用來(lái)顯示搜索引擎搜索后關(guān)鍵詞。 code 呈現(xiàn)一段計(jì)算機(jī)代碼 abbr 縮寫(xiě),并可選擇提供一個(gè)完整的描述 b 提醒注意,樣式和粗體類(lèi)似(不要用于顯示粗體,用css font-weight來(lái)創(chuàng)建粗體) bdi 雙向隔離元素 bdo 雙向覆蓋元素 sub 排低文本 sup 排高文本 time 時(shí)間 i 區(qū)分普通文本的一系列文本,內(nèi)容通常以斜體顯示 u 使文本在其內(nèi)容的基線(xiàn)下的一行呈現(xiàn)下劃線(xiàn) cite 表示一個(gè)作品的引用 data 將一個(gè)指定內(nèi)容和機(jī)器可讀的翻譯聯(lián)系在一起。但如果內(nèi)容是與 time 或者 date 相關(guān)的,一定要使用 time 。 dfn 表示術(shù)語(yǔ)的一個(gè)定義 kbd 表示用戶(hù)輸入 nobr 阻止文本自動(dòng)拆分成新行,不應(yīng)該使用,應(yīng)該使用css屬性 s 刪除線(xiàn),提倡使用 del 和 ins 元素 samp 標(biāo)識(shí)計(jì)算機(jī)程序輸出 tt 電報(bào)文本元素 var 表示變量的名稱(chēng),或者由用戶(hù)提供的值 wbr 一個(gè)文本中的位置,其中瀏覽器可以選擇來(lái)?yè)Q行 rp rt rtc ruby6. 圖片和多媒體
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è)用戶(hù)可以填寫(xiě)并提交到網(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ì)算或用戶(hù)操作的結(jié)果 progress 進(jìn)度條 select 選項(xiàng)菜單12. 交互元素
HTML 提供了一系列有助于創(chuàng)建交互式用戶(hù)界面對(duì)象的元素。
details summary 用作 一個(gè) details 元素的一個(gè)內(nèi)容的摘要,標(biāo)題或圖例。 dialog 對(duì)話(huà)框 menu 菜單13. Web 組件
Web 組件是種近似 HTML(HTML-related) 的技術(shù),這使得它能夠,從本質(zhì)上講,創(chuàng)建和使用自定義元素,就好像它是普通的 HTML。此外,你甚至可以創(chuàng)建自定義版本的標(biāo)準(zhǔn) HTML 元素。(注意:規(guī)范還沒(méi)有確定)
slot web組件技術(shù)的一部分,slot是web組件的一個(gè)占位符 template 用于保存客戶(hù)端內(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 xmp15. 參考鏈接
http://developer.mozilla.org/zh-CN/docs/Web/HTML/Element
php 在線(xiàn)手冊(cè) http://www.survivalescaperooms.com/course/27.html
以上就是html標(biāo)簽分類(lèi)的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注