導讀
*：不建議使用
可：瀏覽器支援
少：支援的瀏覽器不多
廢：不支援或已經不可以使用
5：HTML5的新標籤，可能有少數瀏覽器不支援
<<HTML 基本標籤>>
<!doctype html> HTML5 版本宣告
<html> HTML根標ㄌ籤
<head>網頁資訊
<body>網頁內容
<title>網頁名稱
<meta>訊息資料，KEY-VALUE
<link>連結外部資源
<style>網頁樣式
<base>URL連結的默認地址和默認目標
<script>腳本程式，JS
<noscript>當腳本程式不支援的替代文件
<a>超連結
<address>網頁作者資訊 (兩種用法)
NO-USE
<dialog>5*少 對話窗口
<menu>*少 右鍵選單
<menuitem>* 少 右鍵選單項目
<command>5* 廢 調用的命令
<bgsound>*廢 背景音樂，HTML5不支援
<nextid>*廢 ，HTML5不支援
<<文章HTML>>
文章結構
<h1>-<h6>標題
<hgroup>標題群html5已經刪除html5已經刪除
<p>段落
<address>文章作者資訊 (兩種用法)
定義
<dl>定義清單
<dt>定義的名詞
<dn>名詞敘述
清單
<ol>編號清單
<ul>項目清單
<dir>*可 目錄清單，HTML5不支援 用<ul><ol>替代
<li>清單內容
文字修飾
<br>換行
<hr>分隔線
<wbr>5段行位子
<b>粗體
<i>斜體
<u>底線
<ins> 插入
<del> 刪除，(正確的資訊)
<s> 不正確的資訊
<sup> 上標
<sub> 下標
<big>* 大一號字，HTML5不支援
<small>* 小一號字，<big>不被HTML5不支援
語意修飾
<em> 轉折字、強調字
<strong> 重要字
<abbr> 縮寫字
<dfn> 專有名詞
<cite> 資料名稱
<time> 時間
<mark>5 標記字句
<meter> 分數或百分比 量化值
程式碼
<pre>格式化文本，等寬字，多用途
<code> 程式碼
<kbd> 鍵盤鍵入值
<samp> 程式輸出值
<var> 變數值
<tt>* 可 等寬字，HTML5不支援用其他方式<code><kbd><samp><var>CSS替代
<listing>*廢 ，HTML5不支援用用<pre><code>替代
<plaintext>*廢 ，HTML5不支援
<xmp>*廢 ，HTML5不支援
引用
<blockquote> 長篇引用
<q> 文句引用
特殊文句
<bdo> 文句顯示方向
<bdi>*5 少 文句顯示方向不受父元素影響
<ruby>5 音節字
<rt>5 音節
<rp>5 不支援音節的替代字元
其他文章相關
<details>5*少 影藏細節資訊
<summary>5*少 影藏細節資訊的標題
<acronym>*可 <abbr>代替，HTML5不支援
<center>*可 CSS代替
<font>*可 CSS代替
<strike>*可 ，HTML5不支援用<del> <s>代替
<basefont>*廢 CSS代替
<blink>*廢 文字閃耀，HTML5不支援用 CSS代替
<marquee>*廢 跑馬燈，HTML5不支援用 CSS代替
<nobr>*廢 不預設換行，HTML5不支援用
<spacer>*廢 指定空白數，HTML5不支援用
<<圖片與表格>>
圖片
<figure>5 圖片組
<img>圖片
<figcaption>5圖片敘述
<area>圖片連結
<map>連結區域
表格
<table> 表格
<caption> 表格名稱
<colgroup> 欄群
<col> 欄，格式化用
<thead>表頭，存放欄位名稱
<tbody>表身，存放表格資料
<tfoot>表尾，存放表格附加資料
<tr>一筆/行資料，存放<th><td>
<th> 表頭單元格，存放欄位名稱
<td> 資料單元格，存放表格資料
<<框架與視窗>>
框架
<header>5 網頁首頭
<main>5 網頁主要內容
<footer>5 網頁尾腳
<nav>5 網頁主要選單
<article>5 獨立內容/文章
<aside>5 附加，(1)網頁附加資訊 (2)<article>附加資訊
<section>5 (1)版塊，網頁資訊 (2)章節<article>中的各章節
萬用框架
<div> 區塊框架
<span> 內文框架，用CSS修飾文字內容
視窗版塊
<iframe> 視窗，在頁面分割出獨立HTML視窗
<frame>* 可 視窗群，HTML5不支援 用<iframe>替代
<frameset>* 可 視窗，HTML5不支援 用<iframe>替代
<noframe>* 可 不提供視窗的替代文字，HTML5不支援 用<iframe>替代
<multicol >* 廢 分割欄數，HTML5不支援
<<表單>>
<form>表單
<lable>標籤
<input>輸入元件 button
checkbox file hidden image password radio text reset submit
<datalist>5 下拉式內容，配合<input>的list屬性使用
<textarea>多行輸入框
<button>按鈕，類似<input>的reset submit
<select> 下拉式選單
<optgroup> 選項群組
<option> 選項
<fieldset>群組框
<legend>群組名稱
<keygen> 表單加密方式
<output>5 資料輸出框，通常結合JS使用
<progress>5 進度條，通常結合JS使用
<isindex>*廢 查詢用表單，單行輸入ENTER後上傳，HTML5不支援
<<多媒體>>
<canvas>5 繪圖板
<svg>5 向量會圖版
<video>5 影片
<track>5 少 影片字幕
<source>5 資料來源
<audio>5 音樂
<emded>5嵌入 ，EX音樂 影片 Java-applets ActiveX PDF Flash
<object>嵌入 ，同<emded>，差異在瀏覽器相容性與屬性
<param>參數 ，提供<object><video><audio>使用
<applet>*少 嵌入Java-applets ，HTML5不支援用<emded><object>替代
<noembed>*廢 ，HTML5不支援
附錄
錯廢TAG參考資料：http://www.w3.org/TR/html5/obsolete.html#obsolete
沒有留言:
張貼留言