章節(jié)目錄
- 什么是W3C
- 什么是MDN
- 什么是HTML
- HTML中的標(biāo)簽
1.什么是W3C
萬(wàn)維網(wǎng)聯(lián)盟創(chuàng)建于1994年，是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu)。到目前為止，W3C已發(fā)布了200多項(xiàng)影響深遠(yuǎn)的Web技術(shù)標(biāo)準(zhǔn)及實(shí)施指南。
2.什么是MDN
MDN Web Docs（舊稱Mozilla Developer Network、Mozilla Developer Center，簡(jiǎn)稱MDN）是一個(gè)匯集眾多Mozilla基金會(huì)產(chǎn)品和網(wǎng)絡(luò)技術(shù)開(kāi)發(fā)文檔的免費(fèi)網(wǎng)站。
https://developer.mozilla.org/zh-CN/
3.什么是HTML
超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。HTML是一種基礎(chǔ)技術(shù)，常與CSS、JavaScript一起被眾多網(wǎng)站用于設(shè)計(jì)令人賞心悅目的網(wǎng)頁(yè)、網(wǎng)頁(yè)應(yīng)用程序以及移動(dòng)應(yīng)用程序的用戶界面。
4.HTML中的標(biāo)簽
4.1 根元素
| Element | Description |
|---|---|
| <html> | 代表 HTML 或 XHTML 文檔的根。其他所有元素必須是這個(gè)元素的子節(jié)點(diǎn)。 |
4.2 文檔元數(shù)據(jù)
| Element | Description |
|---|---|
| <head> | 代表關(guān)于文檔元數(shù)據(jù)的一個(gè)集合，包括腳本或樣式表的鏈接或內(nèi)容。 |
| <title> | 定義文檔的標(biāo)題，將顯示在瀏覽器的標(biāo)題欄或標(biāo)簽頁(yè)上。該元素只能包含文本，包含的標(biāo)簽不會(huì)被解釋。 |
| <base> | 定義頁(yè)面上相對(duì) URL 的基準(zhǔn) URL。 |
| <link> | 用于鏈接外部的 CSS 到該文檔。 |
| <meta> | 定義其他 HTML 元素?zé)o法描述的元數(shù)據(jù)。 |
| <style> | 用于內(nèi)聯(lián) CSS。 |
4.3 腳本
| Element | Description |
|---|---|
| <script> | 定義一個(gè)內(nèi)聯(lián)腳本或鏈接到外部腳本。腳本語(yǔ)言是 JavaScript。 |
| <noscript> | 定義當(dāng)瀏覽器不支持腳本時(shí)顯示的替代文字。 |
| <template> | 這個(gè)元素在 HTML5 中加入 通過(guò) JavaScript 在運(yùn)行時(shí)實(shí)例化內(nèi)容的容器。 |
4.4 章節(jié)
| Element | Description |
|---|---|
| <body> | 代表 HTML 文檔的內(nèi)容。在文檔中只能有一個(gè) <body> 元素。 |
| <section> | 這個(gè)元素在 HTML5 中加入 定義文檔中的一個(gè)章節(jié)。 |
| <nav> | 這個(gè)元素在 HTML5 中加入 定義只包含導(dǎo)航鏈接的章節(jié)。 |
| <article> | 這個(gè)元素在 HTML5 中加入 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊。 |
| <aside> | 這個(gè)元素在 HTML5 中加入 定義和頁(yè)面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除，剩下的內(nèi)容仍然很合理。 |
| <h1>,<h2>,<h3>,<h4>,<h5>,<h6> | 標(biāo)題元素實(shí)現(xiàn)了六層文檔標(biāo)題，<h1> 是最大的標(biāo)題，<h6> 是最小的標(biāo)題。標(biāo)題元素簡(jiǎn)要地描述章節(jié)的主題。 |
| <header> | 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的頭部。它經(jīng)常包含 logo、頁(yè)面標(biāo)題和導(dǎo)航性的目錄。 |
| <footer> | 這個(gè)元素在 HTML5 中加入 定義頁(yè)面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。 |
| <address> | 定義包含聯(lián)系信息的一個(gè)章節(jié)。 |
| <main> | 這個(gè)元素在 HTML5 中加入 定義文檔中主要或重要的內(nèi)容。 |
4.5 組織內(nèi)容
| Element | Description |
|---|---|
| <p> | 定義一個(gè)段落。 |
<hr> |
代表章節(jié)、文章或其他長(zhǎng)內(nèi)容中段落之間的分隔符。 |
| <pre> | 代表其內(nèi)容已經(jīng)預(yù)先排版過(guò)，格式應(yīng)當(dāng)保留 。 |
| <blockquote> | 代表引用自其他來(lái)源的內(nèi)容。 |
| <ol> | 定義一個(gè)有序列表。 |
| <ul> | 定義一個(gè)無(wú)序列表。 |
| <li> | 定義列表中的一個(gè)列表項(xiàng)。 |
| <dl> | 定義一個(gè)定義列表（一系列術(shù)語(yǔ)和其定義）。 |
| <dt> | 代表一個(gè)由下一個(gè) <dd> 定義的術(shù)語(yǔ)。 |
| <dd> | 代表出現(xiàn)在它之前術(shù)語(yǔ)的定義。 |
| <figure> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)和文檔有關(guān)的圖例。 |
| <figcaption> | 這個(gè)元素在 HTML5 中加入 代表一個(gè)圖例的說(shuō)明。 |
| <div> | 代表一個(gè)通用的容器，沒(méi)有特殊含義。 |
4.6 文字形式
| Element | Description |
|---|---|
| <a> | 代表一個(gè)鏈接到其他資源的超鏈接 。 |
| <em> | 代表強(qiáng)調(diào) 文字。 |
| <strong> | 代表特別重要 文字。 |
| <small> | 代表注釋 ，如免責(zé)聲明、版權(quán)聲明等，對(duì)理解文檔不重要。 |
| <s> | 代表不準(zhǔn)確或不相關(guān) 的內(nèi)容。 |
| <cite> | 代表作品標(biāo)題 。 |
| <q> | 代表內(nèi)聯(lián)的引用 。 |
| <dfn> | 代表一個(gè)術(shù)語(yǔ)包含在其最近祖先內(nèi)容中的定義 。 |
| <abbr> | 代表省略 或縮寫 ，其完整內(nèi)容在 title 屬性中。 |
| <data> | 這個(gè)元素在 HTML5 中加入關(guān)聯(lián)一個(gè)內(nèi)容的機(jī)器可讀的等價(jià)形式 （該元素只在 WHATWG 版本的 HTML 標(biāo)準(zhǔn)中，不在 W3C 版本的 HTML5 標(biāo)準(zhǔn)中）。 |
| <time> | 這個(gè)元素在 HTML5 中加入代表日期 和時(shí)間 值；機(jī)器可讀的等價(jià)形式通過(guò) datetime 屬性指定。 |
| <code> | 代表計(jì)算機(jī)代碼 。 |
| <var> | 代表代碼中的變量 。 |
| <samp> | 代表程序或電腦的輸出 。 |
| <kbd> | 代表用戶輸入 ，一般從鍵盤輸出，但也可以代表其他輸入，如語(yǔ)音輸入。 |
<sub>,<sup> |
分別代表下標(biāo) 和上標(biāo) 。 |
| <i> | 代表一段不同性質(zhì) 的文字，如技術(shù)術(shù)語(yǔ)、外文短語(yǔ)等。 |
| <b> | 代表一段需要被關(guān)注 的文字。 |
| <u> | 代表一段需要下劃線呈現(xiàn)的文本注釋，如標(biāo)記出拼寫錯(cuò)誤的文字等。 |
| <mark> | 這個(gè)元素在 HTML5 中加入代表一段需要被高亮的引用 文字。 |
| <ruby> | 這個(gè)元素在 HTML5 中加入代表被ruby 注釋 標(biāo)記的文本，如中文漢字和它的拼音。 |
| <rt> | 這個(gè)元素在 HTML5 中加入代表ruby 注釋 ，如中文拼音。 |
| <rp> | 這個(gè)元素在 HTML5 中加入代表 ruby 注釋兩邊的額外插入文本 ，用于在不支持 ruby 注釋顯示的瀏覽器中提供友好的注釋顯示。 |
| <bdi> | 這個(gè)元素在 HTML5 中加入代表需要脫離 父元素文本方向的一段文本。它允許嵌入一段不同或未知文本方向格式的文本。 |
| <bdo> | 指定子元素的文本方向 ，顯式地覆蓋默認(rèn)的文本方向。 |
| <span> | 代表一段沒(méi)有特殊含義的文本，當(dāng)其他語(yǔ)義元素都不適合文本時(shí)候可以使用該元素。 |
<br> |
代表?yè)Q行 。 |
| <wbr> | 這個(gè)元素在 HTML5 中加入 代表建議換行 (Word Break Opportunity) ，當(dāng)文本太長(zhǎng)需要換行時(shí)將會(huì)在此處添加換行符。 |
4.7 編輯
| Element | Description |
|---|---|
| <ins> | 定義增加 到文檔的內(nèi)容。 |
| <del> | 定義從文檔移除 的內(nèi)容。 |
4.8 嵌入內(nèi)容
| Element | Description |
|---|---|
| <img> | 代表一張圖片 。 |
| <iframe> | 代表一個(gè)內(nèi)聯(lián)的框架 。 |
| <embed> | 這個(gè)元素在 HTML5 中加入代表一個(gè)嵌入 的外部資源，如應(yīng)用程序或交互內(nèi)容。 |
| <object> | 代表一個(gè)外部資源 ，如圖片、HTML 子文檔、插件等。 |
| <param> | 代表 <object> 元素所指定的插件的參數(shù) 。 |
| <video> | 這個(gè)元素在 HTML5 中加入代表一段視頻 及其視頻文件和字幕，并提供了播放視頻的用戶界面。 |
| <audio> | 這個(gè)元素在 HTML5 中加入代表一段聲音 ，或音頻流 。 |
| <source> | 這個(gè)元素在 HTML5 中加入為 <video> 或 <audio> 這類媒體元素指定媒體源 。 |
| <track> | 這個(gè)元素在 HTML5 中加入為 <video> 或 <audio> 這類媒體元素指定文本軌道（字幕） 。 |
| <canvas> | 這個(gè)元素在 HTML5 中加入代表位圖區(qū)域 ，可以通過(guò)腳本在它上面實(shí)時(shí)呈現(xiàn)圖形，如圖表、游戲繪圖等。 |
| <map> | 與 <area> 元素共同定義圖像映射 區(qū)域。 |
| <area> | 與 <map> 元素共同定義圖像映射 區(qū)域。 |
| <svg> | 這個(gè)元素在 HTML5 中加入 定義一個(gè)嵌入式矢量圖 。 |
| <math> | 這個(gè)元素在 HTML5 中加入定義一段數(shù)學(xué)公式 。 |
4.9 表格
| Element | Description |
|---|---|
| <table> | 定義多維數(shù)據(jù) 。 |
| <caption> | 代表表格的標(biāo)題 。 |
| <colgroup> | 代表表格中一組單列或多列 。 |
| <col> | 代表表格中的列 。 |
| <tbody> | 代表表格中一塊具體數(shù)據(jù) （表格主體）。 |
| <thead> | 代表表格中一塊列標(biāo)簽 （表頭）。 |
| <tfoot> | 代表表格中一塊列摘要 （表尾）。 |
| <tr> | 代表表格中的行 。 |
| <td> | 代表表格中的單元格 。 |
| <th> | 代表表格中的頭部單元格 。 |
4.10 表格
| Element | Description |
|---|---|
| <form> | 代表一個(gè)表單 ，由控件組成。 |
| <fieldset> | 代表控件組 。 |
| <legend> | 代表 <fieldset> 控件組的標(biāo)題 。 |
| <label> | 代表表單控件的標(biāo)題 。 |
| <input> | 代表允許用戶編輯數(shù)據(jù)的數(shù)據(jù)區(qū) （文本框、單選框、復(fù)選框等）。 |
| <button> | 代表按鈕 。 |
| <select> | 代表下拉框 。 |
| <datalist> | 這個(gè)元素在 HTML5 中加入代表提供給其他控件的一組預(yù)定義選項(xiàng) 。 |
| <optgroup> | 代表一個(gè)選項(xiàng)分組 。 |
| <option> | 代表一個(gè) <select> 元素或 <datalist> 元素中的一個(gè)選項(xiàng) |
| <textarea> | 代表多行文本框 。 |
| <keygen> | 這個(gè)元素在 HTML5 中加入代表一個(gè)密鑰對(duì)生成器 控件。 |
| <output> | 這個(gè)元素在 HTML5 中加入代表計(jì)算值 。 |
| <progress> | 這個(gè)元素在 HTML5 中加入代表進(jìn)度條 。 |
| <meter> | 這個(gè)元素在 HTML5 中加入代表滑動(dòng)條 。 |
4.11 交互元素
| Element | Description |
|---|---|
| <details> | 這個(gè)元素在 HTML5 中加入代表一個(gè)用戶可以(點(diǎn)擊)獲取額外信息或控件的小部件 。 |
| <summary> | 這個(gè)元素在 HTML5 中加入代表 <details> 元素的綜述 或標(biāo)題 。 |
| <menuitem> | 這個(gè)元素在 HTML5 中加入代表一個(gè)用戶可以點(diǎn)擊的菜單項(xiàng)。 |
| <menu> | 這個(gè)元素在 HTML5 中加入代表菜單。 |
參考鏈接
https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list
