HTML語法 - HTML5語法

HTML5 是用於取代1999年所製定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標準版本，現在仍處於發展階段，但大部分瀏覽器已經支持某些 HTML5 技術。 HTML5 有兩大特點：首先，強化了 Web 網頁的表現性能。其次，追加了本地資料庫等 Web 應用的功能。廣義論及 HTML5 時，實際指的是包括 HTML、CSS 和 JavaScript 在內的一套技術組合。

2011年5月，工作小組將HTML5推進至「最終徵求」（Last Call）階段，邀請W3C社群內外人士以確認本規範的技術可靠性。W3C開發了一套綜合性測試套件來實現完整規範的廣泛互動操作性，完整規範的目標日期為2014年。2011年1月，WHATWG將其「HTML5」活動標準重新命名為「HTML」。W3C仍然繼續其發布HTML5的專案。2014年10月28日，HTML5作為穩定W3C推薦標準發布，這意味著HTML5的標準化已經完成。

HTML標記包含標籤（及其屬性）、基於字元的資料類型、字元參照和實體參照等幾個關鍵部分。HTML標籤是最常見的，通常成對出現。這些成對出現的標籤中，第一個標籤是開始標籤，第二個標籤是結束標籤。兩個標籤之間為元素的內容，有些標籤沒有內容，為空元素。

HTML文件由巢狀的HTML元素構成。它們用HTML標籤表示，包含於尖括弧中，在一般情況下，一個元素由一對標籤表示：「開始標籤」與「結束標籤」。元素如果含有文字內容，就被放置在這些標籤之間。在開始與結束標籤之間也可以封裝另外的標籤，包括標籤與文字的混合。這些巢狀元素是父元素的子元素。開始標籤也可包含標籤屬性。這些屬性有諸如標識文件區段、將樣式資訊繫結到文件演示和為一些如img等的標籤嵌入圖像、參照圖像來源等作用。一些元素如換行符br，不允許嵌入任何內容，無論是文字或其他標籤。這些元素只需一個單一的空標籤（類似於一個開始標籤），無需結束標籤。許多標籤是可選的，尤其是那些很常用的段落元素p的閉合端標籤。HTML瀏覽器或其他媒介可以從上下文識別出元素的閉合端以及由HTML標準所定義的結構規則。這些規則非常複雜，不是大多數HTML編碼人員可以完全理解的。

按類別排序的HTML標籤

= New in HTML5.

基本HTML語法

Tag	Description
<!DOCTYPE>	文件類型
<html>	HTML 文件
<head>	HTML 文件檔頭
<title>	HTML 文件之標題
<body>	本文內容
<h1> to <h6>	標題字 1 至 6 級
<p>	段落
<br>	換行
<hr>	橫線
<!--...-->	註解

格式化

Tag	Description
<acronym>	HTML5 不支援. 使用 <abbr> 代替. 定義首字母縮寫
<abbr>	定義縮寫或首字母縮略詞
<address>	住址元件
<b>	粗體字
<bdi>	定義範圍內文字的方向
<bdo>	改變文字顯示方向
<big>	HTML5 不支援. 使用 CSS 語法代替. 大字體
<blockquote>	長段區塊文字
<center>	HTML5 不支援. 使用 CSS 語法代替. 將物件置中
<cite>	使用引文
<code>	電腦程式內文
<del>	刪除的文字
<dfn>	表示術語的定義實例
<em>	斜體字
<font>	HTML5 不支援. 使用 CSS 語法代替. 設定字體大小、字型、顏色
<i>	斜體字
<ins>	定義已插入到文檔中的文字
<kbd>	定義鍵盤輸入文字
<mark>	定義標記區的文字
<meter>	產生設定的範圍比例圖示
<pre>	文字預設式樣
<progress>	表現目前工作進度
<q>	內文短引用語
<rp>	定義在不支持ruby註釋的瀏覽器中顯示的內容
<rt>	定義與顯示東亞文字裡的聲調或注音解釋
<ruby>	定義ruby註釋 (對於東亞文字)
<s>	文字刪除線
<samp>	電腦程式樣本
<small>	文字縮小
<strike>	HTML5 不支援. 使用<del> 或 <s> 代替. 文字刪除線
<strong>	文字加粗
<sub>	下標字
<sup>	上標字
<time>	定義日期與時間
<tt>	HTML5 不支援. 使用 CSS 語法代替. 電報字格式
<u>	文字下加底線
<var>	變數或使用者定義的文字
<wbr>	定義連續字母中可分行處

表單和輸入

Tag	Description
<form>	產生輸入表單
<input>	輸入欄
<textarea>	多行文字的區域
<button>	按鍵
<select>	下拉列表
<optgroup>	在下拉列表中定義一組相關選項
<option>	定義下拉列表的參數
<label>	表單控制標籤
<fieldset>	設定表單元件組
<legend>	定義 <fieldset> 元素的標題
<datalist>	輸入欄的預定義選項列表
<keygen>	標籤定義生成密鑰
<output>	定義計算結果

框架

Tag	Description
<frame>	HTML5 不支援. 框架
<frameset>	HTML5 不支援. 框架組
<noframes>	HTML5 不支援. 不使用框架
<iframe>	插入行內框架

圖片

Tag	Description
<img>	插入圖片
<map>	影像地圖
<area>	定義影像地圖中的區域
<canvas>	配合 JavaScript 繪製圖案
<figcaption>	定義 <figure> 元素的標題
<figure>	定義圖片、影像媒體等
<picture>	定義多個圖像資源的容器

音頻視頻

Tag	Description
<audio>	使用音訊
<source>	定義媒體來源
<track>	定義 <video> 與 <audio> 之文字內容
<video>	使用視訊

鏈接

Tag	Description
<a>	超連結 / 錨點
<link>	連結外部資源
<nav>	定義導覽列鏈結

清單

Tag	Description
<ul>	無序清單
<ol>	有序清單
<li>	條列項目
<dir>	HTML5 不支援. 使用<ul> 代替. 定義目錄列表
<dl>	定義描述列表
<dt>	在描述列表中定義術語/名稱
<dd>	在描述列表中定義術語/名稱的描述
<menu>	定義命令列表
<menuitem>	定義用戶可以通過彈出選單調用的命令項

表格

Tag	Description
<table>	插入表格
<caption>	表格標題
<th>	表格之標題儲存格
<tr>	表格的列
<td>	表格之儲存格
<thead>	表格之標題
<tbody>	表格內文
<tfoot>	表格註解
<col>	表格內之「欄」屬性
<colgroup>	群組之表格的「欄」

風格和語義

Tag	Description
<style>	使用樣式
<div>	文件內區段
<span>	設定行內式樣
<header>	定義標題區
<footer>	定義結尾區
<main>	指定文件的主要內容
<section>	定義文件裡的區塊
<article>	定義文章
<aside>	定義側欄
<details>	定義互動面板的內容細節
<dialog>	定義對話框或窗口
<summary>	定義互動面板的標籤
<data>	鏈接給定的內容與其機器可讀的翻譯

Meta 信息

Tag	Description
<meta>	網頁文件資訊
<base>	文件內 ULR 之預設位置
<basefont>	HTML5 不支援. 使用 CSS 語法代替. 基本字型式樣

程序設計

Tag	Description
<script>	使用語法 (e.g. JavaScript)
<noscript>	為不支持客戶端腳本語法的用戶定義備用內容
<applet>	HTML5 不支援. 使用<embed> 或 <object> 代替. 插入 JAVA 元件
<embed>	定義外部（非HTML）應用程序的容器 (嵌入元素)
<object>	嵌入（多媒體）物件
<param>	定義物件的參數