整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML前端開發(fā)最終取決于掌握標(biāo)簽的多少
HTML大概有七八百個(gè)標(biāo)簽
樓主這里給大家總結(jié)了下HTML常用標(biāo)簽
標(biāo)簽描述
<!--...-->定義注釋。
<!DOCTYPE> 定義文檔類型,所有H5都是這玩意打頭。
<a>定義錨。
<abbr>定義縮寫。
<acronym>定義只取首字母的縮寫。
<address>定義文檔作者或擁有者的聯(lián)系信息。
<applet>不贊成使用。定義嵌入的 applet。
<area>定義圖像映射內(nèi)部的區(qū)域。
<article>定義文章。
<aside>定義頁(yè)面內(nèi)容之外的內(nèi)容。
<audio>定義聲音內(nèi)容。
<b>定義粗體字。
<base>定義頁(yè)面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。
<basefont>不贊成使用。定義頁(yè)面中文本的默認(rèn)字體、顏色或尺寸。
<bdi>定義文本的文本方向，使其脫離其周圍文本的方向設(shè)置。
<bdo>定義文字方向。
<big>定義大號(hào)文本。
<blockquote>定義長(zhǎng)的引用。
<body>定義文檔的主體。
<br>定義簡(jiǎn)單的折行。
<button>定義按鈕 (push button)。
<canvas>定義圖形。
<caption>定義表格標(biāo)題。
<center>不贊成使用。定義居中文本。
<cite>定義引用(citation)。
<code>定義計(jì)算機(jī)代碼文本。
<col>定義表格中一個(gè)或多個(gè)列的屬性值。
<colgroup>定義表格中供格式化的列組。
<command>定義命令按鈕。
<datalist>定義下拉列表。
<dd>定義定義列表中項(xiàng)目的描述。
<del>定義被刪除文本。
<details>定義元素的細(xì)節(jié)。
<dir>不贊成使用。定義目錄列表。
<div>定義文檔中的節(jié)。
<dfn>定義定義項(xiàng)目。
<dialog>定義對(duì)話框或窗口。
<dl>定義定義列表。
<dt>定義定義列表中的項(xiàng)目。
<em>定義強(qiáng)調(diào)文本。
<embed>定義外部交互內(nèi)容或插件。
<fieldset>定義圍繞表單中元素的邊框。
<figcaption>定義 figure 元素的標(biāo)題。
<figure>定義媒介內(nèi)容的分組，以及它們的標(biāo)題。
<font>不贊成使用。定義文字的字體、尺寸和顏色。
<footer>定義 section 或 page 的頁(yè)腳。
<form>定義供用戶輸入的 HTML 表單。
<frame>定義框架集的窗口或框架。
<frameset>定義框架集。
<h1> to <h6>定義 HTML 標(biāo)題。
<head>定義關(guān)于文檔的信息。
<header>定義 section 或 page 的頁(yè)眉。
<hr>定義水平線。
<html>定義 HTML 文檔。
<i>定義斜體字。
<iframe>定義內(nèi)聯(lián)框架。
<img>定義圖像。
<input>定義輸入控件。
<ins>定義被插入文本。
<isindex>不贊成使用。定義與文檔相關(guān)的可搜索索引。
<kbd>定義鍵盤文本。
<keygen>定義生成密鑰。
<label>定義 input 元素的標(biāo)注。
<legend>定義 fieldset 元素的標(biāo)題。
<li>定義列表的項(xiàng)目。
<link>定義文檔與外部資源的關(guān)系。
<map>定義圖像映射。
<mark>定義有記號(hào)的文本。
<menu>定義命令的列表或菜單。
<menuitem>定義用戶可以從彈出菜單調(diào)用的命令/菜單項(xiàng)目。
<meta>定義關(guān)于 HTML 文檔的元信息。
<meter>定義預(yù)定義范圍內(nèi)的度量。
<nav>定義導(dǎo)航鏈接。
<noframes>定義針對(duì)不支持框架的用戶的替代內(nèi)容。
<noscript>定義針對(duì)不支持客戶端腳本的用戶的替代內(nèi)容。
<object>定義內(nèi)嵌對(duì)象。
<ol>定義有序列表。
<optgroup>定義選擇列表中相關(guān)選項(xiàng)的組合。
<option>定義選擇列表中的選項(xiàng)。
<output>定義輸出的一些類型。
<p>定義段落。
<param>定義對(duì)象的參數(shù)。
<pre>定義預(yù)格式文本。
<progress>定義任何類型的任務(wù)的進(jìn)度。
<q>定義短的引用。
<rp>定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。
<rt>定義 ruby 注釋的解釋。
<ruby>定義 ruby 注釋。
<s>不贊成使用。定義加刪除線的文本。
<samp>定義計(jì)算機(jī)代碼樣本。
<script>定義客戶端腳本。
<section>定義 section。
<select>定義選擇列表（下拉列表）。
<small>定義小號(hào)文本。
<source>定義媒介源。
<span>定義文檔中的節(jié)。
<strike>不贊成使用。定義加刪除線文本。
<strong>定義強(qiáng)調(diào)文本。
<style>定義文檔的樣式信息。
<sub>定義下標(biāo)文本。
<summary>為 <details> 元素定義可見的標(biāo)題。
<sup>定義上標(biāo)文本。
<table>定義表格。
<tbody>定義表格中的主體內(nèi)容。
<td>定義表格中的單元。
<textarea>定義多行的文本輸入控件。
<tfoot>定義表格中的表注內(nèi)容（腳注）。
<th>定義表格中的表頭單元格。
<thead>定義表格中的表頭內(nèi)容。
<time>定義日期/時(shí)間。
<title>定義文檔的標(biāo)題。
<tr>定義表格中的行。
<track>定義用在媒體播放器中的文本軌道。
<tt>定義打字機(jī)文本。
<u>不贊成使用。定義下劃線文本。
<ul>定義無(wú)序列表。
<var>定義文本的變量部分。
<video>定義視頻。
<wbr>定義可能的換行符。
<xmp>不贊成使用。定義預(yù)格式文本。
標(biāo)簽描述
<!DOCTYPE> 定義文檔類型。
<html>定義 HTML 文檔。
<title>定義文檔的標(biāo)題。
<body>定義文檔的主體。
<h1> to <h6>定義 HTML 標(biāo)題。
<p>定義段落。
<br>定義簡(jiǎn)單的折行。
<hr>定義水平線。
<!--...-->定義注釋。
格式
標(biāo)簽描述
<acronym>定義只取首字母的縮寫。
<abbr>定義縮寫。
<address>定義文檔作者或擁有者的聯(lián)系信息。
<b>定義粗體文本。
<bdi>定義文本的文本方向，使其脫離其周圍文本的方向設(shè)置。
<bdo>定義文字方向。
<big>定義大號(hào)文本。
<blockquote>定義長(zhǎng)的引用。
<center>不贊成使用。定義居中文本。
<cite>定義引用(citation)。
<code>定義計(jì)算機(jī)代碼文本。
<del>定義被刪除文本。
<dfn>定義定義項(xiàng)目。
<em>定義強(qiáng)調(diào)文本。
<font>不贊成使用。定義文本的字體、尺寸和顏色
<i>定義斜體文本。
<ins>定義被插入文本。
<kbd>定義鍵盤文本。
<mark>定義有記號(hào)的文本。
<meter>定義預(yù)定義范圍內(nèi)的度量。
<pre>定義預(yù)格式文本。
<progress>定義任何類型的任務(wù)的進(jìn)度。
<q>定義短的引用。
<rp>定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。
<rt>定義 ruby 注釋的解釋。
<ruby>定義 ruby 注釋。
<s>不贊成使用。定義加刪除線的文本。
<samp>定義計(jì)算機(jī)代碼樣本。
<small>定義小號(hào)文本。
<strike>不贊成使用。定義加刪除線文本。
<strong>定義語(yǔ)氣更為強(qiáng)烈的強(qiáng)調(diào)文本。
<sup>定義上標(biāo)文本。
<sub>定義下標(biāo)文本。
<time>定義日期/時(shí)間。
<tt>定義打字機(jī)文本。
<u>不贊成使用。定義下劃線文本。
<var>定義文本的變量部分。
<wbr>定義可能的換行符。
表單
標(biāo)簽描述
<form>定義供用戶輸入的 HTML 表單。
<input>定義輸入控件。
<textarea>定義多行的文本輸入控件。
<button>定義按鈕。
<select>定義選擇列表（下拉列表）。
<optgroup>定義選擇列表中相關(guān)選項(xiàng)的組合。
<option>定義選擇列表中的選項(xiàng)。
<label>定義 input 元素的標(biāo)注。
<fieldset>定義圍繞表單中元素的邊框。
<legend>定義 fieldset 元素的標(biāo)題。
<isindex>不贊成使用。定義與文檔相關(guān)的可搜索索引。
<datalist>定義下拉列表。
<keygen>定義生成密鑰。
<output>定義輸出的一些類型。
框架
標(biāo)簽描述
<frame>定義框架集的窗口或框架。
<frameset>定義框架集。
<noframes>定義針對(duì)不支持框架的用戶的替代內(nèi)容。
<iframe>定義內(nèi)聯(lián)框架。
圖像
標(biāo)簽描述
<img>定義圖像。
<map>定義圖像映射。
<area>定義圖像地圖內(nèi)部的區(qū)域。
<canvas>定義圖形。
<figcaption>定義 figure 元素的標(biāo)題。
<figure>定義媒介內(nèi)容的分組，以及它們的標(biāo)題。
音頻/視頻
標(biāo)簽描述
<audio>定義聲音內(nèi)容。
<source>定義媒介源。
<track>定義用在媒體播放器中的文本軌道。
<video>定義視頻。
鏈接
標(biāo)簽描述
<a>定義錨。
<link>定義文檔與外部資源的關(guān)系。
<nav>定義導(dǎo)航鏈接。
列表
標(biāo)簽描述
<ul>定義無(wú)序列表。
<ol>定義有序列表。
<li>定義列表的項(xiàng)目。
<dir>不贊成使用。定義目錄列表。
<dl>定義定義列表。
<dt>定義定義列表中的項(xiàng)目。
<dd>定義定義列表中項(xiàng)目的描述。
<menu>定義命令的菜單/列表。
<menuitem>定義用戶可以從彈出菜單調(diào)用的命令/菜單項(xiàng)目。
<command>定義命令按鈕。
表格
標(biāo)簽描述
<table>定義表格
<caption>定義表格標(biāo)題。
<th>定義表格中的表頭單元格。
<tr>定義表格中的行。
<td>定義表格中的單元。
<thead>定義表格中的表頭內(nèi)容。
<tbody>定義表格中的主體內(nèi)容。
<tfoot>定義表格中的表注內(nèi)容（腳注）。
<col>定義表格中一個(gè)或多個(gè)列的屬性值。
<colgroup>定義表格中供格式化的列組。
樣式/節(jié)
標(biāo)簽描述
<style>定義文檔的樣式信息。
<div>定義文檔中的節(jié)。
<span>定義文檔中的節(jié)。
<header>定義 section 或 page 的頁(yè)眉。
<footer>定義 section 或 page 的頁(yè)腳。
<section>定義 section。
<article>定義文章。
<aside>定義頁(yè)面內(nèi)容之外的內(nèi)容。
<details>定義元素的細(xì)節(jié)。
<dialog>定義對(duì)話框或窗口。
<summary>為 <details> 元素定義可見的標(biāo)題。
元信息
標(biāo)簽描述
<head>定義關(guān)于文檔的信息。
<meta>定義關(guān)于 HTML 文檔的元信息。
<base>定義頁(yè)面中所有鏈接的默認(rèn)地址或默認(rèn)目標(biāo)。
<basefont>不贊成使用。定義頁(yè)面中文本的默認(rèn)字體、顏色或尺寸。
編程
標(biāo)簽描述
<script>定義客戶端腳本。
<noscript>定義針對(duì)不支持客戶端腳本的用戶的替代內(nèi)容。
<applet>不贊成使用。定義嵌入的 applet。
<embed>為外部應(yīng)用程序（非 HTML）定義容器。
<object>定義嵌入的對(duì)象。
<param>定義對(duì)象的參數(shù)。
屬性描述
accesskey規(guī)定激活元素的快捷鍵。
class規(guī)定元素的一個(gè)或多個(gè)類名（引用樣式表中的類）。
contenteditable規(guī)定元素內(nèi)容是否可編輯。
contextmenu規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。
data-*用于存儲(chǔ)頁(yè)面或應(yīng)用程序的私有定制數(shù)據(jù)。
dir規(guī)定元素中內(nèi)容的文本方向。
draggable規(guī)定元素是否可拖動(dòng)。
dropzone規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動(dòng)或鏈接。
hidden規(guī)定元素仍未或不再相關(guān)。
id規(guī)定元素的唯一 id。
lang規(guī)定元素內(nèi)容的語(yǔ)言。
spellcheck規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。
style規(guī)定元素的行內(nèi) CSS 樣式。
tabindex規(guī)定元素的 tab 鍵次序。
title規(guī)定有關(guān)元素的額外信息。
translate規(guī)定是否應(yīng)該翻譯元素內(nèi)容。
例
帶有兩個(gè)源文件的音頻播放器。瀏覽器需要選擇它所支持的源文件（如果都支持則任選一個(gè)）：
<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg"> 您的瀏覽器不支持 audio 元素。</audio>
瀏覽器支持
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 標(biāo)簽。
注釋：IE 8 或更早版本的 IE 瀏覽器都不支持 <source> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<source> 標(biāo)簽為媒體元素（比如 <video> 和 <audio>）定義媒體資源。
<source> 標(biāo)簽允許您規(guī)定兩個(gè)視頻/音頻文件共瀏覽器根據(jù)它對(duì)媒體類型或者編解碼器的支持進(jìn)行選擇。
HTML 4.01 與 HTML5之間的差異
<source> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
屬性
New：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| mediaNew | media_query | 規(guī)定媒體資源的類型，供瀏覽器決定是否下載。 |
| srcNew | URL | 規(guī)定媒體文件的 URL。 |
| typeNew | MIME_type | 規(guī)定媒體資源的 MIME 類型。 |
全局屬性
<source> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<source> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
TML5從入門到精通，兄弟連京修隨堂筆記（二）HTML的框架結(jié)構(gòu)，每日都有新內(nèi)容，訂閱走一波
HTML5的form標(biāo)簽
問(wèn)：網(wǎng)站怎樣與用戶進(jìn)行交互? 答案:使用HTML表單(form).
表單是可以把瀏覽者輸入的數(shù)據(jù)傳送到服務(wù)器端的程序(比如ASP,PHP)的HTML元素,服務(wù)器端程序可以處理表單傳過(guò)來(lái)的數(shù)據(jù),從而進(jìn)行一些動(dòng)作.比如,bbs,blog的登陸系統(tǒng),購(gòu)物車系統(tǒng)等.
form 標(biāo)簽 -- 代表HTML表單
form標(biāo)簽是成對(duì)出現(xiàn)的,以<form>開始,以</form>結(jié)束
常用屬性.
action -- 瀏覽者輸入的數(shù)據(jù)被傳送到的地方,如一個(gè)PHP頁(yè)面(dofm.php)
method -- 數(shù)據(jù)傳送的方法
get -- 此方式傳遞數(shù)據(jù)量少,但是傳遞的信息顯示在網(wǎng)址上。
post --此方式傳送信息多,而且不會(huì)把傳遞信息顯示在網(wǎng)址上
enctype -- 表示將數(shù)據(jù)發(fā)送到服務(wù)器時(shí)瀏覽器使用的編碼類型
application/x-www-form-urlencoded -- 窗體數(shù)據(jù)被編碼為名稱/值對(duì).這是標(biāo)準(zhǔn)的編碼格式.默認(rèn)的。
multipart/form-data -- 窗體數(shù)據(jù)被編碼為一條消息,頁(yè)上的每個(gè)控件對(duì)應(yīng)消息中的一個(gè)部分.
text/plain -- 以純文本形式進(jìn)行編碼,其中不含任何控件或格式字符
HTML5 input標(biāo)簽
input 標(biāo)簽 -- 代表HTML表單的單行輸入域
input標(biāo)簽是單獨(dú)出現(xiàn)的,<input />
屬性.
type -- 代表一個(gè)輸入域的顯示方式(分為輸入型,選擇型,點(diǎn)擊型)
name – 此表單項(xiàng)名稱
value -- 輸入域的值
size -- 輸入域的長(zhǎng)度
maxlength -- 輸入域最多可以輸入文字的長(zhǎng)度
checked -- 如果是選擇型的輸入域,代表已經(jīng)被選擇，值為checked
readonly -- 輸入域可以選擇,但是無(wú)法修改 ，值為readonly
disabled -- 輸入域無(wú)法獲得焦點(diǎn),無(wú)法選擇,以灰色顯示,在表單中不起任何作用。如：disabled="disabled"
accesskey -- 表單的快捷鍵訪問(wèn)方式，如值為h即按Alt+h快捷鍵。
tabindex -- 輸入域的"tab"鍵遍歷順序
src -- 當(dāng)使用圖片來(lái)表示按鈕時(shí),代表圖片的位置(URI)
alt -- 用來(lái)替換提交按鈕的圖片(當(dāng)在input的src屬性定義的圖片無(wú)法顯示時(shí))提示信息。
type屬性 -- 代表HTML表單,單行輸入域(框)的表現(xiàn)方式
type屬性取值:
text -- 文字輸入域(輸入型)
password -- 也是文字輸入域,但是輸入的文字以密碼符號(hào)'*'顯示(輸入型)
file -- 可以輸入一個(gè)文件路徑(輸入型)
checkbox -- 復(fù)選框.可以選擇零個(gè)或多個(gè)(選擇型)
radio -- 單選框.只可以選擇一個(gè)而且必須選擇一個(gè)(選擇型)
hidden -- 代表隱藏域,可以傳送一些隱藏的信息到服務(wù)器
button -- 按鈕(點(diǎn)擊型)
image -- 使用圖片來(lái)顯示按鈕,使用src屬性指定圖像的位置(就像img標(biāo)簽的src屬性)(點(diǎn)擊型)
submit -- 提交按鈕,表單填寫完畢可以提交,把信息傳送到服務(wù)器.可以使用value屬性來(lái)顯示按鈕上的文字(點(diǎn)擊型)
reset -- 重置按鈕,可以把表單中的信息清空(點(diǎn)擊型)
select 標(biāo)簽 -- 選擇列表標(biāo)簽
select標(biāo)簽是成對(duì)出現(xiàn)的,以<select>開始,以</select>結(jié)束
此標(biāo)簽中的每對(duì)option標(biāo)簽代表一個(gè)選擇項(xiàng)
屬性:
name – 表單項(xiàng)名稱
size -- 選擇域的高度
multiple -- 可以有多個(gè)選擇
disabled -- 以灰色顯示,在表單中不起任何作用
tabindex -- 使用"tab"鍵的遍歷順序
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
