IT兄弟連 HTML5教程 HTML5的基本語法小結及習題

tml5你了解了多少？如果你還是入門階段的話，或者還是一知半解的話，那么我們專門為你們收集的html5常用的標簽大全對你就很有幫助了，你需要了解了html5有哪些標簽你才能夠更好的。駕馭html5這門火熱而又充滿神秘的語言技術。下面是一些常用的html5標簽。按字母順序排列的標簽列表

?4: 指示在 HTML 4.01 中定義了該元素

?5: 指示在 HTML 5 中定義了該元素

標簽描述 4 5

定義注釋。 4 5

<!DOCTYPE> 定義文檔類型。 4 5

<a> 定義超鏈接。 4 5

<abbr> 定義縮寫。 4 5

<acronym> HTML 5 中不支持。定義首字母縮寫。 4

<address> 定義地址元素。 4 5

<applet> HTML 5 中不支持。定義 applet。 4

<area> 定義圖像映射中的區域。 4 5

<article> 定義 article。 5

<time> 定義日期/時間。 5

<title> 定義文檔的標題。 4 5

<tr> 定義表格行。 4 5

<tt> HTML 5 中不支持。定義打字機文本。 4

<u> HTML 5 中不支持。定義下劃線文本。 4

<ul> 定義無序列表。 4 5

<var> 定義變量。 4 5

<video> 定義視頻。 5

<xmp> HTML 5 中不支持。定義預格式文本。 4

<aside> 定義頁面內容之外的內容。 5

<button> 定義按鈕。 4 5

<canvas> 定義圖形。 5

<caption> 定義表格標題。 4 5

<center> HTML 5 中不支持。定義居中的文本。 4

<cite> 定義引用。 4 5

<code> 定義計算機代碼文本。 4 5

<col> 定義表格列的屬性。 4 5

<colgroup> 定義表格列的分組。 4 5

<command> 定義命令按鈕。 5

<audio> 定義聲音內容。 5

<b> 定義粗體文本。 4 5

<base> 定義頁面中所有鏈接的基準 URL。 4 5

<basefont> HTML 5 中不支持。請使用 CSS 代替。 4

<bdo> 定義文本顯示的方向。 4 5

<big> HTML 5 中不支持。定義大號文本。 4

<blockquote> 定義長的引用。 4 5

<body> 定義 body 元素。 4 5

<br> 插入換行符。 4 5

<datalist> 定義下拉列表。 5

<dd> 定義定義的描述。 4 5

<form> 定義表單。 4 5

<frame> HTML 5 中不支持。定義子窗口（框架）。 4

<frameset> HTML 5 中不支持。定義框架的集。 4

<h1> to <h6> 定義標題 1 到標題 6。 4 5

<head> 定義關于文檔的信息。 4 5

<header> 定義 section 或 page 的頁眉。 5

<hgroup> 定義有關文檔中的 section 的信息。 5

<hr> 定義水平線。 4 5

<del> 定義刪除文本。 4 5

<details> 定義元素的細節。 5

<dfn> 定義定義項目。 4 5

<dir> HTML 5 中不支持。定義目錄列表。 4

<img> 定義圖像。 4 5

<input> 定義輸入域。 4 5

<ins> 定義插入文本。 4 5

<keygen> 定義生成密鑰。 5

<isindex> HTML 5 中不支持。定義單行的輸入域。 4

<kbd> 定義鍵盤文本。 4 5

<label> 定義表單控件的標注。 4 5

<legend> 定義 fieldset 中的標題。 4 5

<div> 定義文檔中的一個部分。 4 5

<dl> 定義定義列表。 4 5

<dt> 定義定義的項目。 4 5

<em> 定義強調文本。 4 5

<fieldset> 定義 fieldset。 4 5

<figcaption> 定義 figure 元素的標題。 5

<figure> 定義媒介內容的分組，以及它們的標題。 5

<font> HTML 5 中不支持。 4

<footer> 定義 section 或 page 的頁腳。 5

<html> 定義 html 文檔。 4 5

<i> 定義斜體文本。 4 5

<li> 定義列表的項目。 4 5

<map> 定義圖像映射。 4 5

<mark> 定義有記號的文本。 5

<menu> 定義菜單列表。 4 5

<meter> 定義預定義范圍內的度量。 5

<nav> 定義導航鏈接。 5

<noframes> HTML 5 中不支持。定義 noframe 部分。 4

<ol> 定義有序列表。 4 5

<optgroup> 定義選項組。 4 5

<option> 定義下拉列表中的選項。 4 5

<output> 定義輸出的一些類型。 5

<p> 定義段落。 4 5

<param> 為對象定義參數。 4 5

<pre> 定義預格式化文本。 4 5

<progress> 定義任何類型的任務的進度。 5

<q> 定義短的引用。 4 5

<rp> 定義若瀏覽器不支持 ruby 元素顯示的內容。 5

<rt> 定義 ruby 注釋的解釋。 5

<ruby> 定義 ruby 注釋。 5

<s> HTML 5 中不支持。定義加刪除線的文本。 4

<samp> 定義樣本計算機代碼。 4 5

<section> 定義 section。 5

<select> 定義可選列表。 4 5

<small> 定義小號文本。 4 5

<source> 定義媒介源。 5

<span> 定義文檔中的 section。 4 5

<strike> HTML 5 中不支持。定義加刪除線的文本。 4

<strong> 定義強調文本。 4 5

<sub> 定義下標文本。 4 5

<summary> 定義 details 元素的標題。 5

<sup> 定義上標文本。 4 5

<table> 定義表格。 4 5

<tbody> 定義表格的主體。 4 5

<td> 定義表格單元。 4 5

<textarea> 定義 textarea。 4 5

<tfoot> 定義表格的腳注。 4 5

<th> 定義表頭。 4 5

<thead> 定義表頭。 4 5

文/丁向明

做一個有博客的web前端自媒體人，專注web前端開發，關注用戶體驗，加我qq/微信交流：6135833

http://dingxiangming.com

覽器支持

所有主流瀏覽器都支持 <a> 標簽。

標簽定義及使用說明

<a> 標簽定義超鏈接，用于從一個頁面鏈接到另一個頁面。

<a> 元素最重要的屬性是 href 屬性，它指定鏈接的目標。

在所有瀏覽器中，鏈接的默認外觀如下：

未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的

提示和注釋

提示：如果沒有使用 href 屬性，則不能使用 hreflang、media、rel、target 以及 type 屬性。

提示：通常在當前瀏覽器窗口中顯示被鏈接頁面，除非規定了其他 target。

提示：請使用 CSS 來改變鏈接的樣式。

HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中，<a> 標簽既可以是超鏈接，也可以是錨。在 HTML5 中，<a> 標簽是超鏈接，但是假如沒有 href 屬性，它僅僅是超鏈接的一個占位符。

HTML5 有一些新的屬性，同時不再支持一些 HTML 4.01 的屬性。

屬性

New ：HTML5 中的新屬性。

屬性	值	描述
charset	char_encoding	HTML5 不支持。規定目標 URL 的字符編碼。
coords	coordinates	HTML5 不支持。規定鏈接的坐標。
downloadNew	filename	指定下載鏈接
href	URL	規定鏈接的目標 URL。
hreflang	language_code	規定目標 URL 的基準語言。僅在 href 屬性存在時使用。
mediaNew	media_query	規定目標 URL 的媒介類型。默認值：all。僅在 href 屬性存在時使用。
name	section_name	HTML5 不支持。規定錨的名稱。
rel	alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag	規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。
rev	text	HTML5 不支持。規定目標 URL 與當前文檔之間的關系。
shape	defaultrectcirclepoly	HTML5 不支持。規定鏈接的形狀。
target	_blank_parent_self_topframename	規定在何處打開目標 URL。僅在 href 屬性存在時使用。
typeNew	MIME_type	規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。注：MIME = Multipurpose Internet Mail Extensions。

全局屬性

<a> 標簽支持 HTML 的全局屬性。

事件屬性

<a> 標簽支持 HTML 的事件屬性。

創建超級鏈接

本例演示如何在 HTML 文檔中創建鏈接。

將圖像作為鏈接

本例演示如何使用圖像作為鏈接。

在新的瀏覽器窗口打開鏈接

本例演示如何在新窗口打開一個頁面，這樣的話訪問者就無需離開您的站點了。

創建電子郵件鏈接

本例演示如何鏈接到一個郵件。（本例在安裝郵件客戶端程序后才能工作。）

創建電子郵件鏈接 2

本例演示更加復雜的郵件鏈接。

使用錨跳轉到同一個頁面的不同位置

本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置（ HTML5 不支持 name 屬性）

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：SQL知識大全(五):SQL中的時間函數
下一篇：JavaScript 列表排序

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

IT兄弟連 HTML5教程 HTML5的基本語法 小結及習題

您的項目需求

IT兄弟連 HTML5教程 HTML5的基本語法小結及習題