您好,登錄后才能下訂單哦!
HTML <!--...--> 注釋標簽
標簽定義及使用說明
所有主流瀏覽器都支持 <!--...--> 注釋標簽。
<!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。
您可使用注釋對您的代碼進行解釋,這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用。
您也可以在注釋內容存儲針對程序所定制的信息。在這種情況下,這些信息對用戶是不可見的,但是對程序來說是可用的。一個好的習慣是把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。
注釋:命令行最后的兩個正斜杠(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執行 --> 標簽。
除了在源文檔中有非常明顯的作用外,許多 Web 服務器也利用注釋來實現文檔服務端軟件特有的特性。這些服務器可以掃描文檔,從傳統的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據嵌在注釋中的命令采取相應的動
http://www.iis7.com/a/lm/gjcpmcx/
作。這些動作可能是簡單的包括其他文件中的文本(即所謂的服務器端包含,server-inside include),也可能是復雜地執行其他命令去動態生成文檔的內容。
HTML注釋的作用:
一套完整的代碼可以讓人眼花繚亂,當程序員想要對某些部分進行修改的時候,可能要花很多的時間去找出那部分的代碼。就像我們在文章中給重要的部分進行標記、做記號一樣,在代碼里可以使用到“注釋標簽”來對一些代碼進行注解。注釋標簽不會在可視化界面當中顯示,因為它只是程序員們用來標注說明的一個小玩意,用來對一些代碼程序進行解釋,也方便后來者能夠快速地接手并且理解其用處。
。。。。。。
HTML <!DOCTYPE> 聲明
所有主流瀏覽器都支持<!DOCTYPE> 聲明。
DOCTYPE 是 document type(文檔類型)的簡寫。
!DOCTYPE 是一個文檔類型標記,是一種標準通用標記語言的文檔類型聲明,在 web 設計中用來說明你用的 XHTML 或者 HTML 是什么版本。
標簽定義及使用說明:
<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于<html> 標簽之前。
<!DOCTYPE> 聲明不是一個 HTML 標簽;它是用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。
在 HTML 4.01 中, <!DOCTYPE> 聲明需引用 DTD (文檔類型聲明),因為 HTML 4.01 是基于 SGML (Standard Generalized Markup Language 標準通用標記語言)。DTD 指定了標記語言的規則,確保了瀏覽器能夠正確的渲染內容。
HTML5 不是基于 SGML,因此不要求引用 DTD。
提示:總是給您的 HTML 文檔添加<!DOCTYPE> 聲明,確保瀏覽器能夠預先知道文檔類型。
提示和注釋:
注釋: <!DOCTYPE> 標簽沒有結束標簽。
提示: <!DOCTYPE> 聲明不區分大小寫。
提示:使用 W3C 的驗證 檢查您是否編寫了一個帶有正確 DTD 的合法的 HTML / XHTML 文檔!
常見的 DOCTYPE 聲明:
HTML 5:
<!DOCTYPE html>
HTML 4.01 Strict:
這個 DTD 包含所有 HTML 元素和屬性,但不包括表象或過時的元素(如 font )。框架集是不允許的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional:
這個 DTD 包含所有 HTML 元素和屬性,包括表象或過時的元素(如 font )。框架集是不允許的。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset:
這個 DTD 與 HTML 4.01 Transitional 相同,但是允許使用框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict:
這個 DTD 包含所有 HTML 元素和屬性,但不包括表象或過時的元素(如 font )。框架集是不允許的。結構必須按標準格式的 XML 進行書寫。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional:
這個 DTD 包含所有 HTML 元素和屬性,包括表象或過時的元素(如 font )。框架集是不允許的。結構必須按標準格式的 XML 進行書寫。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
這個 DTD 與 XHTML 1.0 Transitional 相同,但是允許使用框架集內容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1:
這個 DTD 與 XHTML 1.0 Strict 相同,但是允許您添加模塊(例如為東亞語言提供 ruby 支持)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
。。。。。。
HTML <a> 標簽
所有主流瀏覽器都支持 <a> 標簽。
<a> 標簽用于定義超鏈接,作用是從一個頁面鏈接到另一個頁面。
<a> 標簽最重要的屬性是 href 屬性,用于創建指向另外一個文檔的鏈接(或超鏈接)。
標簽定義及使用說明:
<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 的屬性。
。。。。。。
HTML <abbr> 標簽
所有主流瀏覽器都支持 <abbr> 標簽。
注釋:IE 6 或更早版本的 IE 瀏覽器不支持 <abbr> 標簽。
<abbr> 標簽表示一個縮寫形式。
<abbr> 標簽最初是在 HTML 4.0 中引入的,表示它所包含的文本是一個更長的單詞或短語的縮寫形式。
標簽定義及使用說明:
<abbr> 標簽用來表示一個縮寫詞或者首字母縮略詞,如"WWW"或者"NATO"。
通過對縮寫詞語進行標記,您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。
提示和注釋:
提示:在某些瀏覽器中,當您把鼠標移至帶有 <abbr> 標簽的縮寫詞/首字母縮略詞上時, <abbr> 標簽的 title 屬性可被用來展示縮寫詞/首字母縮略詞的完整版本。
全局屬性:<abbr> 標簽支持 HTML 的全局屬性。
事件屬性:<abbr> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <acronym> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <acronym> 。
注釋:IE 5.5 或更早版本的 IE 瀏覽器不支持 <acronym> 標簽。
<acronym> 標簽允許明確地聲明一個字符序列,它們構成一個單詞的首字母縮寫或簡略語。
<acronym> 標簽已從 HTML5 中移除,不應再被使用,Web 開發者應使用 <abbr> 標簽。
標簽定義及使用說明:
HTML5 不支持 <acronym> 標簽。請使用 <abbr> 標簽代替它。
<acronym> 標簽定義首字母縮略詞。
如果首字母縮略詞是一個單詞,則可以被讀出來,例如 NATO, NASA, ASAP, GUI。
通過對只取首字母縮略詞進行標記,您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。
提示和注釋:
提示:在某些瀏覽器中,當您把鼠標移至帶有 <acronym> 標簽的首字母縮略詞上時, <acronym>標簽的 title 屬性可被用來展示首字母縮略詞的完整版本。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <acronym> 標簽,HTML 4.01 支持 <acronym> 標簽。
。。。。。。
HTML <address> 標簽
所有主流瀏覽器都支持 <address> 標簽。
使用 <address> 標簽來定義地址、簽名或者文檔的作者身份,如下示例(使用該標簽的文本顯示為斜體)
標簽定義及使用說明:
標簽定義文檔作者/所有者的聯系信息。
如果 <address> 元素位于 <body> 元素內部,則它表示該文檔作者/所有者的聯系信息。
如果 <address> 元素位于 <article> 元素內部,則它表示該文章作者/所有者的聯系信息。
<address> 元素的文本通常呈現為斜體。大多數瀏覽器會在該元素的前后添加換行。
提示和注釋:
提示:不應該使用 <address> 標簽來描述郵政地址,除非這些信息是聯系信息的組成部分。
提示: <address> 元素通常被包含在 <footer> 元素的其他信息中。
HTML 4.01 與 HTML5之間的差異:
HTML 4.01 不支持 <article> 標簽,因此在 HTML 4.01 中 <address> 標簽總是定義文檔的作者/所有者的聯系信息。
全局屬性:<address>標簽支持 HTML 的全局屬性。
事件屬性:<address>標簽支持 HTML 的事件屬性。
。。。。。。
HTML <applet> 標簽 - HTML5 不支持
注釋:某些瀏覽器中依然存在對 <applet> 但是需要額外的插件和安裝過程才能起作用。
使用 <applet> 標簽時,常用的三個屬性是:code 屬性、width 屬性以及 height 屬性。
code 屬性的值一定是您存放 applet 類的路徑。
width 屬性表示您的 applet 在瀏覽器中占用的寬度。
height 屬性表示您的 applet 在瀏覽器中占用的高度。
標簽定義及使用說明:
HTML5 不支持 <applet> 標簽。請使用 <object> 標簽代替它。
在 HTML 4.01 中,<applet> 元素 已廢棄。
<applet> 標簽定義嵌入的 applet。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <applet> 標簽,HTML 4.01 已廢棄 <applet> 標簽。
事件屬性:在 HTML 4.01 中,<applet> 標簽不支持任何事件屬性。
。。。。。。
HTML <area> 標簽
所有主流瀏覽器都支持 <area> 標簽。
<area> 標簽可以在圖像上劃分區域,這些區域是可以點擊的,并且對應不同的操作。
標簽定義及使用說明:
<area> 標簽定義圖像映射內部的區域(圖像映射指的是帶有可點擊區域的圖像)。
<area> 元素始終嵌套在 標簽內部。
注釋:<img> 標簽中的 usemap 屬性與 <map> 元素中的 name 相關聯,以創建圖像與映射之間的關系。
HTML 4.01 與 HTML5之間的差異:
HTML5 提供了一些新屬性,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中, <area> 標簽沒有結束標簽。
在 XHTML 中, <area> 標簽必須正確地關閉。
全局屬性:<area> 標簽支持 HTML 的全局屬性。
事件屬性:<area> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <article> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <article> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <article> 標簽。
<article> 標簽是 HTML5 新增標簽。
<article> 標簽表示頁面中與上下文不相關的獨立的內容部分
標簽定義及使用說明:
<article> 標簽定義獨立的內容。
<article> 標簽定義的內容本身必須是有意義的且必須是獨立于文檔的其余部分。
<article> 標簽可以嵌套使用,內外層內容相關聯。
<article> 標簽主要是布局文章、內容方面的內容。
<article> 的潛在來源:
論壇帖子
博客文章
新聞故事
評論
HTML 4.01 與 HTML5之間的差異:
<article> 標簽是 HTML5 的新標簽。
全局屬性:<article> 標簽支持 HTML 的全局屬性。
事件屬性:<article> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <aside> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <aside> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <aside> 標簽。
<aside> 標簽為語義化標簽。
標簽定義及使用說明:
<aside> 標簽定義 <article> 標簽外的內容。
<aside> 標簽在 article 元素之外使用作為頁面或站點全局的附屬信息部分。
<aside>的內容應該與附近的內容相關。
HTML 4.01 與 HTML5之間的差異:
<aside> 標簽是 HTML5 的新標簽。
提示和注釋:
提示:<aside> 的的內容可用作文章的側欄。
全局屬性:<aside> 標簽支持 HTML 的全局屬性。
事件屬性:<aside> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <audio> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <audio> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <audio> 標簽。
<audio> 標簽是 HTML5 提供的用來播放音頻文件的。
標簽定義及使用說明:
<audio> 標簽定義聲音,比如音樂或其他音頻流。
目前,<audio> 元素支持的3種文件格式:MP3、Wav、Ogg。
HTML 4.01 與 HTML5之間的差異:
<audio> 標簽是 HTML5 的新標簽。
提示和注釋:
提示:可以在 <audio> 和 </audio> 之間放置文本內容,這些文本信息將會被顯示在那些不支持 <audio> 標簽的瀏覽器中。
全局屬性:<audio> 標簽支持 HTML 的全局屬性。
事件屬性:<audio> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <b> 標簽
所有主流瀏覽器都支持 <b> 標簽。
這 <b> 元素以粗體標記要強調的文本。對于所有瀏覽器來說,這意味著要把這段文字以加粗(粗體)樣式方式顯示。
標簽定義及使用說明:
<b> 標簽定義粗體的文本。
提示和注釋:
注釋:根據 HTML 5 的規范, <b> 標簽應該做為最后的選擇,只有在沒有其他標記比較合適時才使用它。HTML 5 規范聲明:標題應該用標簽<h2> - <h7>
表示,被強調的文本應該用 <em> 標簽表示,重要的文本應該用 <strong> 標簽表示,被標記的或者高亮顯示的文本應該用 <mark> 標簽表示。
提示:您也可以使用 CSS 的 "font-weight" 屬性設置粗體文本。
全局屬性:<b> 標簽支持 HTML 的全局屬性。
事件屬性:<b> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML 標簽
所有主流瀏覽器都支持 <base> 標簽。
<base> 標簽是 HTML 語言中的基準網址標記,是一個單標簽。
<base> 標簽位于網頁頭部文件的 <head> 標簽內,一個頁面最多只能使用一個 base 元素,用來提供一個指定的默認目標。
標簽定義及使用說明:
<base> 標簽為頁面上的所有的相對鏈接規定默認 URL 或默認目標。
在一個文檔中,最多能使用一個 <base> 元素。 <base> 標簽必須位于 <head> 元素內部。
提示和注釋:
提示:請把 <base> 標簽排在 <head> 元素中第一個元素的位置,這樣 head 區域中其他元素就可以使用 <base> 元素中的信息了。
注釋:如果使用了 <base> 標簽,則必須具備 href 屬性或者 target 屬性或者兩個屬性都具備。
HTML 與 XHTML 之間的差異:
在 HTML 中,<base> 標簽沒有結束標簽。
在 XHTML 中,<base> 標簽必須被正確地關閉。
全局屬性:<base> 標簽支持 HTML 的全局屬性。
事件屬性:<base> 標簽不支持任何的事件屬性。
。。。。。。
HTML <basefont> 標簽 - HTML5 不支持
只有 IE 9 和更早版本的 IE 瀏覽器支持 <basefont> 標簽。應該避免使用該標簽。
<basefont> 標簽可以為文檔中的所有文本定義默認字體顏色、字體大小和字體系列。
標簽定義及使用說明:
HTML5 不支持 <basefont> 標簽。請用 CSS 代替。
在 HTML 4.01 中,<basefont> 元素 已廢棄。
<basefont> 標簽定義文檔中所有文本的默認顏色、大小和字體。
提示和注釋:
提示:使用 CSS 為文檔中的文本規定默認顏色、大小和字體。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <basefont> 標簽,HTML 4.01 已廢棄 <basefont> 標簽。
事件屬性:在 HTML 4.01 中,<basefont> 標簽不支持任何事件屬性。
。。。。。。
HTML <bdi> 標簽
目前只有 Firefox 和 Chrome 瀏覽器支持 <bdi> 標簽。
<bdi> 元素是指雙向隔離元素。
<bdi> 標簽的開始標簽和結束標簽都不能省略。
標簽定義及使用說明:
bdi 指的是 bidi 隔離(Bi-directional Isolation)。
<bdi> 標簽允許您設置一段文本,使其脫離其父元素的文本方向設置。
在發布用戶評論或其他您無法完全控制的內容時,該標簽很有用。
提示:盡管同樣的顯示效果可以通過使用 CSS 規則:unicode-bidi 隔離文本格式化元素,但語義信息只能通過 <bdi> 元素傳遞。
HTML 4.01 與 HTML5之間的差異:
<bdi> 標簽是 HTML5 的新標簽。
全局屬性:<bdi> 標簽支持 HTML 的全局屬性。
事件屬性:<bdi> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <bdo> 標簽
所有主流瀏覽器都支持 <bdo> 標簽。
<bdo> 標簽定義頁面中文本排序的顯示方向,用于想要改變排序的文本。
標簽定義及使用說明:
bdo 指的是 bidi 覆蓋(Bi-Directional Override)。
<bdo> 標簽用來覆蓋默認的文本方向。
<bdo> 標簽必須配合 dir 屬性使用。
<bdo> 標簽有 ltr 和 rtl 兩個屬性值,分別表示:從左到右顯示文本和從右到左顯示文本。
全局屬性:<bdo> 標簽支持 HTML 的全局屬性。
事件屬性:<bdo> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <big> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <big> 標簽。
<big> 標簽中的顯示文本要以比當前字體稍大的字體顯示。
標簽定義及使用說明:
HTML5 不支持 <big> 標簽。請用 CSS 代替。
<big> 標簽用來制作更大的文本。
提示和注釋:
提示:在文檔中使用 CSS 來規定文本大小。
提示:如果文字已經是最大號字體(直到上限 7 號文本),這個 <big> 標簽將不起任何作用。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <big> 標簽,HTML 4.01 支持 <big> 標簽。
。。。。。。
HTML <blockquote> 標簽
所有主流瀏覽器都支持 <blockquote> 標簽。
<blockquote> 標簽同樣是對文本進行引用,不同的是該標簽引用的是長文本。
<blockquote> 標簽內的內容會自動有縮進。
標簽定義及使用說明:
<blockquote> 標簽定義摘自另一個源的塊引用。
瀏覽器通常會對 <blockquote> 元素進行縮進。
提示和注釋:
提示:如果標記是不需要段落分隔的短引用,請使用<q>。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<blockquote> 標簽定義一段長引用。
在 HTML5 中,<blockquote> 標簽定義摘自另一個源的塊引用。
HTML 與 XHTML 之間的差異:
注釋:如需把頁面作為 XHTML 進行驗證,那么 <blockquote> 元素必須包含塊級元素,比如:
<blockquote>
<p>Here is a long quotation here is a long quotation.</p>
</blockquote>
全局屬性:<blockquote> 標簽支持 HTML 的全局屬性。
事件屬性:<blockquote> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <body> 標簽
所有主流瀏覽器都支持 <body> 標簽。
<body> 標簽表示 HTML 網頁的主體部分,該標簽內的內容使用戶可以看到的。
一個 HTML 文件只能存在一個 <body> 標簽。
標簽定義及使用說明:
<body> 標簽定義文檔的主體。
<body> 元素包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等)。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,刪除了所有 body 元素的"呈現屬性"。
在 HTML 4.01 中,所有 body 元素的"呈現屬性" 已廢棄。
全局屬性:<body> 標簽支持 HTML 的全局屬性。
事件屬性:<body> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <br> 標簽
所有主流瀏覽器都支持 <br> 標簽。
<br> 標簽是空標簽,可插入一個簡單的換行符。
標簽定義及使用說明:
<br> 標簽插入一個簡單的換行符。
<br> 標簽是一個空標簽,意味著它沒有結束標簽。
<br> 標簽只是簡單地開始新的一行,而當瀏覽器遇到 <p> 標簽時,通常會在相鄰的段落之間插入一些垂直的間距。
提示和注釋:
提示:在寫地址信息或者寫詩詞時 <br> 標簽非常有用。
注釋: 請使用 <br> 標簽來輸入空行,而不是分割段落。
HTML 與 XHTML 之間的差異:
在 HTML 中,<br> 標簽沒有結束標簽。
在 XHTML 中,<br> 標簽必須被正確地關閉,比如這樣:<br/> 。
全局屬性:<br> 標簽支持 HTML 的全局屬性。
事件屬性:<br> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <button> 標簽
所有主流瀏覽器都支持 <button> 標簽。
<button> 標簽用來設置 HTML 中的按鈕。
標簽定義及使用說明:
<button> 標簽定義一個按鈕。
在 <button> 元素內部,您可以放置內容,比如文本或圖像。這是該元素與使用 <input> 元素創建的按鈕之間的不同之處。
提示:請始終為 <button> 元素規定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的默認值。
提示和注釋:
提示:與 <input type="button"> 相比,<button> 標簽提供了更為強大的功能和更豐富的內容。
注釋:如果在 HTML 表單中使用 <button> 元素,不同的瀏覽器可能會提交不同的按鈕值。IE 瀏覽器將提交 <button> 標簽之間的文本,而其他瀏覽器將提交 value 屬性的內容。請使用 <input> 在 HTML 表單中創建按鈕。
HTML 4.01 與 HTML5之間的差異:
HTML5 中的新屬性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
全局屬性:<button> 標簽支持 HTML 的全局屬性。
事件屬性:<button> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <canvas> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <canvas> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <canvas> 標簽。
提示:我們可以在<canvas> 標簽的開始標簽和結束標簽之間可以放置一段文本,當瀏覽器不支持<canvas> 標簽時,這段文本將顯示在<canvas> 標簽所在的位置上,使用者就會明白<canvas> 標簽不適用于此瀏覽器。
<canvas> 標簽是 HTML5 中新定義的標簽,它是一個畫布標簽,只是作為一個圖形容器,必須使用腳本來繪制圖形。
標簽定義及使用說明:
<canvas> 標簽通過腳本(通常是 JavaScript)來繪制圖形(比如圖表和其他圖像)。
<canvas> 標簽只是圖形容器,您必須使用腳本來繪制圖形。
HTML 4.01 與 HTML5之間的差異:
<canvas> 標簽是 HTML5 中的新標簽。
提示和注釋:
注釋:<canvas> 元素中的任何文本將會被顯示在不支持 <canvas> 的瀏覽器中。
提示:如想了解 canvas 對象的所有屬性和方法,必須學會JavaScript。
全局屬性:<canvas> 標簽支持 HTML 的全局屬性。
事件屬性:<canvas> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <caption> 標簽
所有主流瀏覽器都支持 <caption> 標簽。
<caption> 標簽表示 HTML 表格的標題,對表格的簡單描述。
標簽定義及使用說明:
<caption> 標簽定義表格的標題。
<caption> 標簽必須直接放置到 <table> 標簽之后。
您只能對每個表格定義一個標題。
提示:通常這個標題會被居中于表格之上。然而,CSS 屬性 "text-align" 和 "caption-side" 能用來設置標題的對齊方式和顯示位置。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 align 屬性。
HTML 4.01 已廢棄 align 屬性。請使用 CSS 樣式取而代之。
全局屬性:<caption> 標簽支持 HTML 的全局屬性。
事件屬性:<caption> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <center> 標簽 - HTML 5 不支持
所有主流瀏覽器都支持 <center> 標簽。
<center> 標簽控制文本的居中顯示,不能在 HTML5 中使用。
標簽定義及使用說明:
HTML5 不支持 <center> 標簽。請用 CSS 代替。
在 HTML 4.01 中,<center> 元素已廢棄。
<center> 對其所包括的文本進行水平居中。
提示和注釋:
提示:請使用 CSS 樣式來居中文本!
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <center> 標簽。請用 CSS 代替。
。。。。。。
HTML <cite> 標簽
所有主流瀏覽器都支持 <cite> 標簽。
<cite> 標簽表示它所包含的文本對某個參考文獻的引用,比如書籍或者雜志的標題。
<cite> 標簽中的文本將會以斜體顯示。
標簽定義及使用說明:
<cite> 標簽定義作品(比如書籍、歌曲、電影、電視節目、繪畫、雕塑等等)的標題。
注釋:人名不屬于作品的標題。
提示:<cite> 標簽還有一個不為人知的功能:使用該標簽,您或其他人可以從文檔中自動摘錄參考書目。例如:瀏覽器能夠自動整理引用表格,并把它們作為腳注或者獨立的文檔來顯示。也就是說,文檔的內容可以通過瀏覽器以不同的方式展示給用戶。
HTML 4.01 與 HTML5之間的差異:
在 HTML5 中, <cite> 標簽定義作品的標題。
在 HTML 4.01 中, <cite> 標簽定義一個引用。
全局屬性:<cite> 標簽支持 HTML 的全局屬性。
事件屬性:<cite> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <code>標簽
所有主流瀏覽器都支持 <code> 標簽。
<code> 標簽的功能有:將文本變成等寬字體以及提示這段文本是源程序代碼。
標簽定義及使用說明:
<code> 標簽是一個短語標簽,用來定義計算機代碼文本。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,建議您使用 CSS ,這樣可能會取得更豐富的效果。
全局屬性:<code> 標簽支持 HTML 的全局屬性。
事件屬性:<code> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <col> 標簽
所有主流瀏覽器都支持 <col> 標簽。
<col> 標簽用于為表格中的一列或多列設置屬性值。
<col> 標簽只能在 <table> 元素或 <colgroup> 元素內部使用。
標簽定義及使用說明:
<col> 標簽規定了 <colgroup> 元素內部的每一列的列屬性。
通過使用 <col> 標簽,可以向整個列應用樣式,而不需要重復為每個單元格或每一行設置樣式。
注釋:col 元素是僅包含屬性的空元素。如需創建列,您就必須在 tr 元素內部規定 td 元素。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不再支持 HTML 4.01 中的大部分屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中,<col> 標簽沒有結束標簽。
在 XHTML 中,<col> 標簽必須被正確的關閉。
全局屬性:<col> 標簽支持 HTML 的全局屬性。
事件屬性:<col> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <colgroup> 標簽
所有主流瀏覽器都支持 <colgroup> 標簽。
<colgroup> 標簽用于表示 HTML 的表格列組,定義了表中的一組列表。
標簽定義及使用說明:
<colgroup> 標簽用于對表格中的列進行組合,以便對其進行格式化。
通過使用 <colgroup> 標簽,可以向整個列應用樣式,而不需要重復為每個單元格或每一行設置樣式。
注釋:只能在 <table> 元素之內,在任何一個 <caption> 元素之后,在任何一個 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 標簽。
提示:如果想對 <colgroup> 中的某列定義不同的屬性,請在 <colgroup> 標簽內使用 <col> 標簽。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不再支持 HTML 4.01 中的大部分屬性。
全局屬性:<colgroup> 標簽支持 HTML 的全局屬性。
事件屬性:<colgroup> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <command> 標簽
目前,主流瀏覽器都不支持 <command> 標簽。
注釋:只有 IE 9 支持 <command> 標簽,其他之前版本或者之后版本的 IE 瀏覽器不支持 <command> 標簽。
<command> 標簽的作用是定義 HTML 的命令按鈕。
標簽定義及使用說明:
<command> 標簽可以定義用戶可能調用的命令(比如單選按鈕、復選框或按鈕)。
當使用 <menu> 元素時,command 元素將作為菜單或者工具欄的一部分顯示出來。但是,用 command 規定鍵盤快捷鍵時,command元素能被放置在頁面的任何位置,但元素不可見。
HTML 4.01 與 HTML5之間的差異:
<command> 標簽是 HTML 5 中的新標簽。
全局屬性:<command> 標簽支持 HTML 的全局屬性。
事件屬性:<command> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <datalist> 標簽
IE 10、Firefox、Opera 和 Chrome 支持 <datalist> 標簽。
注釋:IE 9 和更早版本的 IE 瀏覽器 以及 Safari 不支持 <datalist> 標簽。
<datalist> 標簽需要與 <input> 標簽配合使用,用來表示可選的列表。
標簽定義及使用說明:
<datalist> 標簽規定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表,里邊的選項是預先定義好的,將作為用戶的輸入數據。
請使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
提示:不能控制 datalist 的位置,并且不能將其與服務器的數據進行綁定。
HTML 4.01 與 HTML5之間的差異:
<datalist> 標簽是 HTML5 中的新標簽。
全局屬性:<datalist> 標簽支持 HTML 的全局屬性。
事件屬性:<datalist> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dd> 標簽
所有主流瀏覽器都支持 <dd> 標簽。
<dd> 元素是 HTML 描述元素,作為描述列表(<dl> 元素)的子元素出現,必須后跟一個 <dt> 元素。
標簽定義及使用說明:
<dd> 標簽被用來對一個描述列表中的項目/名字進行描述。
<dd> 標簽與 <dl> (定義一個描述列表)和 <dt> (定義項目/名字)一起使用。
在 <dd> 標簽內,您能放置段落、換行、圖片、鏈接、列表等等。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<dd> 標簽被用來描述一個定義列表中的條目。
在 HTML5 中,<dd> 標簽被用來描述一個描述列表的項目/名字。
全局屬性:<dd> 標簽支持 HTML 的全局屬性。
事件屬性:<dd> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <del> 標簽
所有主流瀏覽器都支持 <del> 標簽。
<del> 標簽表示已經從文檔中刪除的文本,通常呈現帶刪除線的文本。
標簽定義及使用說明:
<del> 標簽定義文檔中已刪除的文本。
提示和注釋:
提示:您也可以看看 <ins> 標簽如何標記先插入的文本。
提示:<del> 和 <ins> 一起使用,描述文檔中的更新和修正。瀏覽器通常會在已刪除文本上添加一條刪除線,在新插入文本下添加一條下劃線。
全局屬性:<del> 標簽支持 HTML 的全局屬性。
事件屬性:<del> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <details> 標簽
目前,只有 Chrome 和 Safari 6 支持 <details> 標簽。
<details> 標簽用于創建一個可展開折疊的元件,用戶可以從中檢索其他附加的信息。
標簽定義及使用說明:
<details> 標簽規定了用戶可見的或者隱藏的需求的補充細節。
<details> 標簽用來供用戶開啟關閉的交互式控件。任何形式的內容都能被放在 <details> 標簽里邊。
<details> 元素的內容對用戶是不可見的,除非設置了 open 屬性。
HTML 4.01 與 HTML5之間的差異:
<details> 標簽是 HTML5 中的新標簽。
提示和注釋:
提示:與 <summary> 標簽配合使用可以為 details 定義標題。標題是可見的,用戶點擊標題時,會顯示出 details。
全局屬性:<details> 標簽支持 HTML 的全局屬性。
事件屬性:<details> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dfn> 標簽
所有主流瀏覽器都支持 <dfn> 標簽。
<dfn> 標簽可標記那些對特殊術語或短語的定義。
<dfn> 元素是一個內嵌元素。
標簽定義及使用說明:
<dfn> 標簽是一個短語標簽,用來定義特殊術語或短語。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,我們建議您使用 CSS ,這樣可能會取得更豐富的效果。
所有短語標簽:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義特殊術語或短語。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
全局屬性:<dfn> 標簽支持 HTML 的全局屬性。
事件屬性:<dfn> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dialog> 標簽
目前,只有 Chrome 和 Safari 6 支持 <dialog> 標簽。
如果您需要在 HTML 中實現對話框,那么可以使用 <dialog> 標簽。
<dialog> 標簽用于表示一個對話框或其他交互式組件
標簽定義及使用說明:
<dialog> 標簽定義一個對話框、確認框或窗口。
HTML 4.01 與 HTML5之間的差異:
<dialog> 標簽是 HTML5 中的新標簽。
全局屬性:<dialog> 標簽支持 HTML 的全局屬性。
事件屬性:<dialog> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dir> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <dir> 標簽。
<dir> 標簽表示一個目錄,即文件名的集合。該標簽的功能已經過時了,雖然部分瀏覽器仍然支持它的使用,但是不建議您使用它。
標簽定義及使用說明:
HTML5 不支持 <dir> 標簽。請用 CSS 代替。
在 HTML 4.01 中,<dir> 元素已廢棄。
<dir> 標簽被用來定義目錄列表。
提示和注釋:
提示:請使用 CSS 來為列表添加樣式!在我們的 CSS 教程中,您可以找到更多有關為列表添加樣式的細節。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <dir> 標簽,HTML 4.01 已廢棄 <dir> 標簽。
。。。。。。
HTML <div> 標簽
所有主流瀏覽器都支持 <div> 標簽。
<div> 標簽本身并不代表任何東西,使用它可以標記區域,例如樣式化 (使用 class 或 id 屬性)、用不同的語言 (使用 lang 屬性) 標記 HTML 文檔的某個部分,等等。
標簽定義及使用說明:
<div> 標簽定義 HTML 文檔中的一個分隔區塊或者一個區域部分。
<div>標簽常用于組合塊級元素,以便通過 CSS 來對這些元素進行格式化。
可以對同一個 <div> 標簽同時應用 class 或 id 屬性,但通常情況下我們偏向于只使用其中一種。
為了避免麻煩,您可以不必為每一個 <div> 標簽都加上 class 或 id 屬性。
提示和注釋:
提示:<div> 元素經常與 CSS 一起使用,用來布局網頁。
注釋:默認情況下,瀏覽器通常會在 <div> 元素前后放置一個換行符。然而,您可以通過使用 CSS 改變這種情況。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不支持 align 屬性。
在 HTML 4.01 中,align 屬性已廢棄。
全局屬性:<div> 標簽支持 HTML 的全局屬性。
事件屬性:<div> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dl> 標簽
所有主流瀏覽器都支持 <dl> 標簽。
<dl> 標簽代表一個描述列表。該標簽的常用用途是實現詞匯表或顯示元數據(鍵值對列表)。
標簽定義及使用說明:
<dl> 標簽定義一個描述列表。
<dl> 標簽與 <dt> (定義項目/名字)和 <dd> (描述每一個項目/名字)一起使用。
<dl> 標簽必須有開始標簽和結束標簽。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<dl> 標簽定義一個定義列表。
在 HTML5 中,<dl> 標簽定義一個描述列表。
全局屬性:<dl> 標簽支持 HTML 的全局屬性。
事件屬性:<dl> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <dt> 標簽
所有主流瀏覽器都支持 <dt> 標簽。
<dt> 標簽只能夠作為 <dl> 標簽的一個子元素出現,常常后跟一個 <dd> 標簽。
標簽定義及使用說明:
<dt> 標簽定義一個描述列表的項目/名字。
<dt> 標簽與 <dl> (定義一個描述列表)和 <dd> (描述每一個項目/名字)一起使用。
一行中的多個 <dt> 標簽表示由緊鄰的下一個 <dd> 元素定義的多個術語。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<dt> 標簽定義一個定義列表的條目。
在 HTML5 中,<dt> 標簽定義一個描述列表的項目/名字。
全局屬性:<dt> 標簽支持HTML 的全局屬性。
事件屬性:<dt> 標簽支持HTML 的事件屬性。
。。。。。。
HTML <em> 標簽
所有主流瀏覽器都支持 <em> 標簽。
<em> 標簽用于標記重點強調的文本,您可以對該標簽進行嵌套,每個嵌套級別表示更大程度的強調。
標簽定義及使用說明:
<em> 標簽是一個短語標簽,用來呈現為被強調的文本。
<em> 標簽中的文本以斜體顯示,但最后不要僅僅為了斜體效果而使用 <em> 標簽。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,我們建議您使用 CSS ,這樣可能會取得更豐富的效果。
所有短語標簽:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
全局屬性:<em> 標簽支持 HTML 的全局屬性。
事件屬性:<em> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <embed> 標簽
所有主流瀏覽器都支持 <embed> 標簽。
<embed> 標簽用來定義在頁面中嵌入的內容,比如插件。
標簽定義及使用說明:
<embed> 標簽定義了一個容器,用來嵌入外部應用或者互動程序(插件)。
HTML 4.01 與 HTML5之間的差異:
<embed> 標簽是 HTML 5 中的新標簽。
全局屬性:<embed> 標簽支持 HTML 的全局屬性。
事件屬性:<embed> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <fieldset> 標簽
所有主流瀏覽器都支持 <fieldset> 標簽。
<fieldset> 標簽內的一組表單元素會在 WEB 瀏覽器中以特殊的方式顯示,比如不同樣式的邊界、3D效果等。
標簽定義及使用說明:
<fieldset> 標簽可以將表單內的相關元素分組。
<fieldset> 標簽會在相關表單元素周圍繪制邊框。
提示和注釋:
提示:<legend> 標簽為 <fieldset> 元素定義標題。
提示:<legend> 必須是 <fieldset> 元素的一個子元素
HTML 4.01 與 HTML5之間的差異:
HTML5 中新增了一些 <fieldset> 的新屬性:disabled、form、name,HTML 4.01 中不支持這些屬性。
全局屬性:<fieldset> 標簽支持 HTML 的全局屬性。
事件屬性:<fieldset> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <figcaption> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figcaption> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <figcaption> 標簽。
HTML5 中的新標簽。
<figcaption> 標簽用于表示與圖形或圖例有關聯的標題,通常用來定義 <figure> 元素的標題
標簽定義及使用說明:
<figcaption> 標簽為 <figure> 元素定義標題。
<figcaption> 元素應該被置于 <figure> 元素的第一個或最后一個子元素的位置。
HTML 4.01 與 HTML5之間的差異:
<figcaption> 標簽是 HTML5 中的新標簽。
全局屬性:<figcaption> 標簽支持 HTML 的全局屬性。
事件屬性:<figcaption> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <figure> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <figure> 標簽。
<figure> 標簽可以用來表示自包含的內容,并且一般作為單個單元引用。
標簽定義及使用說明:
<figure> 標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。
<figure> 元素的內容應該與主內容相關,同時元素的位置相對于主內容是獨立的。如果被刪除,則不應對文檔流產生影響。
<figure> 元素可以與標題相關聯,通過在其中插入 <figcaption> 元素(作為第一個或最后一個子項)。
HTML 4.01 與 HTML5之間的差異:
<figure> 標簽是 HTML 5 中的新標簽。
提示和注釋:
提示:<figcaption> 元素被用來為 <figure> 元素定義標題。
全局屬性:<figure> 標簽支持 HTML 的全局屬性。
事件屬性:<figure> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <font> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <font> 標簽。
<font> 標簽的使用示例如下所示,該標簽已經過時,因此我們不建議您使用該標簽。
標簽定義及使用說明:
HTML5 不支持 <font> 標簽。請用 CSS 代替。
在 HTML 4.01 中,<font> 元素已廢棄。
<font> 標簽規定文本的字體、字體尺寸、字體顏色。
提示和注釋:
提示:請使用 CSS 來定義文本的字體、尺寸、顏色。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <font> 標簽,HTML 4.01 已廢棄 <center> 標簽。
事件屬性:在 HTML 4.01 中,<font> 標簽不支持任何的事件屬性。
。。。。。。
HTML <footer> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <footer> 標簽。
<footer> 標簽一般用于網頁的底部布局,表示頁腳,包含與文檔相關的信息。
標簽定義及使用說明:
<footer> 標簽定義文檔或者文檔的一部分區域的頁腳。
<footer> 元素應該包含它所包含的元素的信息。
在典型情況下,該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。
在一個文檔中,您可以定義多個 <footer> 元素。
HTML 4.01 與 HTML5之間的差異:
<footer> 標簽是 HTML 5 中的新標簽。
提示和注釋:
提示:假如您使用 <footer> 元素來插入聯系信息,應該在 <footer> 元素內使用 <address> 標簽。
全局屬性:<footer> 標簽支持 HTML 的全局屬性。
事件屬性:<footer> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <form> 標簽
所有主流瀏覽器都支持 <form> 標簽。
使用 <form> 標簽可以向服務器傳輸數據
標簽定義及使用說明:
<form> 標簽用于創建供用戶輸入的 HTML 表單。您可以在本站的編程實戰中簡單地添加一個表單。
<form> 元素包含一個或多個如下的表單元素:
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
HTML 4.01 與 HTML5之間的差異:
HTML5 新增了兩個新的屬性:autocomplete 和 novalidate,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已被廢棄。使用全局 id 屬性代替。
全局屬性:<form> 標簽支持 HTML 的全局屬性。
事件屬性:<form> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <frame> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <frame> 標簽。
值得一提的是HTML5不支持<frame> 標簽。
標簽定義及使用說明:
HTML5 不支持 <frame> 標簽。
<frame> 標簽定義 <frameset> 中的子窗口(框架)。
<frameset> 中的每個 <frame> 都可以設置不同的屬性,比如 border、scrolling, noresize 等等。
注釋:如果您希望驗證包含框架的頁面,請確保 <!DOCTYPE> 被設置為 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <frame> 標簽,HTML 4.01 支持 <frame> 標簽。
HTML 與 XHTML 之間的差異:
在 HTML 中,<frame> 標簽沒有結束標簽。在 XHTML 中,<frame> 標簽必須被正確地關閉。
事件屬性:根據 W3C 的標準,在 HTML 4.01 中,<frame> 標簽不支持任何的時間屬性,但是,所有的瀏覽器都支持 onload 事件。
。。。。。。
HTML <frameset> 標簽 - HTML5 不支持
雖然該標簽已經從 Web 標準中刪除,但是某些瀏覽器還是支持它。
標簽定義及使用說明:
HTML5 不支持 <frameset> 標簽。
<frameset> 標簽定義一個框架集。
<frameset> 元素被用來組織一個或者多個 <frame> 元素。每個 <frame> 有各自獨立的文檔。
<frameset> 元素規定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。
注釋:如果您希望驗證包含框架的頁面,請確保 <!DOCTYPE> 被設置為 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。
事件屬性:在 HTML 4.01 中,<frameset> 標簽支持如下事件屬性,
屬性 值 描述
onload script 當文檔被載入時執行腳本
onunload script 當文檔被卸下時執行腳本
。。。。。。
HTML <head> 標簽
所有主流瀏覽器都支持 <head> 標簽。
<head> 標簽包含關于 HTML 文檔的一般信息(元數據),這些數據可以是:標題、指向腳本和樣式表的鏈接。
標簽定義及使用說明:
<head> 元素是所有頭部元素的容器。
<head> 元素必須包含文檔的標題(title),可以包含腳本、樣式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素內部:
<title> (在頭部中,這個元素是必需的)
<style>
<base>
<link>
<meta>
<script>
<noscript>
HTML 4.01 與 HTML5之間的差異:
HTML5 不再支持 profile 屬性。
全局屬性:<head> 標簽支持 HTML 的全局屬性。
。。。。。。
HTML <header> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標簽。
<header> 標簽表示介紹性的內容,可以讓您了解頁面涉及的內容,具有導航性。
<header> 標簽可能包含標題元素或者其他元素
標簽定義及使用說明:
<header> 標簽定義文檔或者文檔的一部分區域的頁眉。
<header> 元素應該作為介紹內容或者導航鏈接欄的容器。
在一個文檔中,您可以定義多個 <header> 元素。
注釋:<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
HTML 4.01 與 HTML5之間的差異:
<header> 標簽是 HTML 5 中的新標簽。
全局屬性:<header> 標簽支持 HTML 的全局屬性。
事件屬性:<header> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <hgroup> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <hgroup> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <hgroup> 標簽。
<hgroup> 標簽表示文檔部分的多級標題,用于對網頁或區段(section)的標題進行組合。
標簽定義及使用說明:
<hgroup> 標簽被用來對標題元素進行分組。
當標題有多個層級(副標題)時,<hgroup> 元素被用來對一系列 <h2> - <h7> 元素進行分組。
HTML 4.01 與 HTML5之間的差異:
<hgroup> 標簽是 HTML 5 中的新標簽。
全局屬性:<hgroup> 標簽支持 HTML 的全局屬性。
事件屬性:<hgroup> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <h2> - <h7> 標簽
所有主流瀏覽器都支持 <h2> - <h7> 標簽。
<h2> - <h7> 標簽用來定義 HTML 標題,表示了 HTML 網頁中六個級別的標題。
標簽定義及使用說明:
<h2> - <h7> 標簽被用來定義 HTML 標題。
<h2> 定義重要等級最高的標題。<h7> 定義重要等級最低的標題。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<h2> - <h7> 的 "align" 屬性已被廢棄。在 HTML 5 中,<h2> - <h7> 元素的 "align" 屬性不被支持。請使用 CSS 來排列元素。
全局屬性:<h2> - <h7> 標簽支持 HTML 的全局屬性。
事件屬性:<h2> - <h7> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <hr> 標簽
所有主流瀏覽器都支持<hr> 標簽。
<hr> 標簽表示段落級元素之間的主題劃分。
標簽定義及使用說明:
<hr>標簽定義HTML頁面中的主題變化(比如話題的轉移),并顯示為一條水平線。
元素被用來分隔HTML頁面中的內容(或者定義一個變化)。
HTML 4.01與HTML5之間的差異:
在HTML5中,<hr> 定義內容中的主題變化,并顯示為一條水平線。
在HTML 4.01中,<hr> 標簽僅僅顯示為一條水平線。
在HTML 4.01中,的所有布局屬性都已廢棄。在HTML5中不再支持這些屬性。請使用CSS來為<HR> 元素定義樣式。
HTML與XHTML之間的差異:
在HTML中,<hr> 標簽沒有結束標簽。
在XHTML中,<hr> 標簽必須被正確地關閉,比如<hr /> 。
全局屬性:<hr>標簽支持HTML的全局屬性。
事件屬性:<hr>標簽支持HTML的事件屬性。
。。。。。。
HTML <i> 標簽
所有主流瀏覽器都支持 <i> 標簽。
<i> 標簽中的文本顯示為斜體,代表一定范圍的文本具有特別的語義。
標簽定義及使用說明:
<i> 定義與文本中其余部分不同的部分,并把這部分文本呈現為斜體文本。
<i> 標簽被用來表示科技術語、其他語種的成語俗語、想法、宇宙飛船的名字等等。
在沒有其他適當語義的元素可以使用時,請使用 <i> 元素。其他語義的元素如下:
<em> (被強調的文本)
<strong> (重要的文本)
<mark> (被標記的/高亮顯示的文本)
<cite> (作品的標題)
<dfn> (一個定義項目)
提示:<i> 標簽一定要和結束標簽 </i> 一起使用。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<i> 標簽呈現斜體的文本。然而,在 HTML5 中沒有必要這么做,可以使用樣式表來格式化 <i> 元素中的文本。
全局屬性:<i> 標簽支持 HTML 的全局屬性。
事件屬性:<i> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <iframe> 標簽
所有主流瀏覽器都支持 <iframe> 標簽。
<iframe> 標簽會創建包含另外一個文檔的內聯框架,有效地將另一個 HTML 頁面嵌入到當前頁中。
標簽定義及使用說明:
<iframe> 標簽規定一個內聯框架。
一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。
提示和注釋:
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之間,這樣就可以應對不支持 <iframe> 的瀏覽器。
提示:使用 CSS 為 <iframe> (包括滾動條)定義樣式。
提示:<iframe> 標簽主要用于那些多個網頁的共有部分,如導航欄、廣告欄等。
HTML 4.01 與 HTML5之間的差異:
HTML5 新增了一些新的屬性,同時去掉了 HTML 4.01 中的一些屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已被廢棄,并將被去掉。請使用 id 屬性代替。
全局屬性:<iframe> 標簽支持 HTML 的全局屬性。
事件屬性:<iframe> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <img> 標簽
所有主流瀏覽器都支持 <img> 標簽。
<img> 標簽用于展示 HTML 頁面中的圖像,使得頁面能夠“圖文并茂”。
標簽定義及使用說明:
<img> 標簽定義 HTML 頁面中的圖像。
<img> 標簽有兩個必需的屬性:src 和 alt。
注釋:從技術上講,圖像并不會插入 HTML 頁面中,而是鏈接到 HTML 頁面上。<img> 標簽的作用是為被引用的圖像創建占位符。
提示:通過在 <a> 標簽中嵌套 <img> 標簽,給圖像添加到另一個文檔的鏈接。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不支持以下屬性:align、border、hspace、longdesc、vspace。
在 HTML 4.01 中,以下屬性:align、border、hspace、vspace 已廢棄。
HTML 與 XHTML 之間的差異:
在 HTML 中,<img> 標簽沒有結束標簽。
在 XHTML 中,<img> 標簽必須被正確地關閉。
全局屬性:<img> 標簽支持 HTML 的全局屬性。
事件屬性:<img> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <input> 標簽
目前大多數瀏覽器支持 <input>標簽。
<input> 標簽用于創建交互式控件,這類控件是基于 web 表單的,它可以接收用戶的數據、信息。
標簽定義及使用說明:
<input> 標簽規定了用戶可以在其中輸入數據的輸入字段。
<input> 元素在 <form> 元素中使用,用來聲明允許用戶輸入數據的 input 控件。
輸入字段可通過多種方式改變,取決于 type 屬性。它可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
提示和注釋:
注意:<input> 元素是空的,它只包含標簽屬性。
提示:你可以使用 <label> 元素來定義 <input> 元素的標注。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中, "align" 數據已經不再使用。HTML5 中不支持該屬性。 可以使用CSS來定義 <input> 元素的對齊方式。
在 HTML5中, <input> 添加了幾個屬性,并且添加了對應的值。
HTML 與 XHTML 之間的差異:
在 HTML 中,<input> 標簽沒有結束標簽。
在 XHTML 中,<input> 標簽必須被正確地關閉。
全局屬性:<input> 標簽支持全局屬性。
事件屬性:<input> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <ins> 標簽
所有主流瀏覽器都支持 <ins> 標簽。
<ins> 標簽表示范圍內的文本已經被添加到文檔中(通常是文檔中更新和修正的部分)。
標簽定義及使用說明:
<ins> 標簽定義已經被插入文檔中的文本。
提示和注釋:
提示:您也可以看看標記已刪除文本的 <del> 標簽。
提示:<del> 和 <ins> 一起使用,描述文檔中的更新和修正。瀏覽器通常會在已刪除文本上添加一條刪除線,在新插入文本下添加一條下劃線。
提示:<del> 和 <ins> 不能同時既是塊級元素又是內聯元素。
全局屬性:<ins> 標簽支持 HTML 的全局屬性。
事件屬性:<ins> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <kbd> 標簽
目前大多數瀏覽器支持 <kbd> 標簽。
<kbd> 標簽表示用戶從鍵盤上輸入的文本
標簽定義及使用說明:
<kbd> 標簽定義鍵盤文本。
<kbd> 標簽為內嵌元素。
提示: <kbd> 標簽已廢棄,不推薦使用,但是可以通過CSS實現豐富的效果。
所有標簽短語:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
全局屬性:<kbd> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<kbd> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <keygen> 標簽
Firefox、Opera、Chrome 和 Safari 6 都支持 <keygen> 標簽。
<keygen> 標簽已經從 Web 標準中刪除。
標簽定義及使用說明:
<keygen> 標簽規定用于表單的密鑰對生成器字段。
當提交表單時,私鑰存儲在本地,公鑰發送到服務器。
HTML 4.01 與 HTML5之間的差異:
<keygen> 元素是 HTML5 新標簽。
全局屬性:<keygen> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性
事件屬性:<keygen> 標簽支持所有 HTML事件屬性
。。。。。。
HTML <label> 標簽
目前大多數瀏覽器支持 <label> 標簽。
<label> 標簽是一種常見的表單控件,觸發對應表單控件功能,讓用戶在使用表單的時候能夠有更好的體驗。
標簽定義及使用說明:
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋:
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異:
"form" 屬性是 HTML5 的新屬性。
全局屬性:<label> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<label> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <legend> 標簽
目前大多數瀏覽器支持 <legend> 標簽。
在 HTML 中我們可以對表單的信息進行分組歸類,而<legend> 標簽就可以用來組合表單的相關元素,表示了其父級 <fieldset> 內容的標題。
標簽定義及使用說明:
The <legend> 元素為 <fieldset>元素定義標題。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01中 "align" 屬性已被廢棄, HTML5不支持該屬性。不建議使用。 請使用 CSS 來設置 <legend> 元素的對齊方式。
全局屬性:<legend> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<legend> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <li> 標簽
目前多數主流瀏覽器支持 <li> 標簽。
您將了解到<li> 標簽相關的內容。一起來看看HTML <li> 標簽。
標簽定義及使用說明:
<li> 標簽定義列表項目。
<li> 標簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異:
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋:
提示:請使用 CSS 來定義列表和列表項目的類型。
全局屬性:<li> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性:<li> 標簽支持所有 HTML 事件屬性。
。。。。。。
HTML<link>標簽
所有主流瀏覽器都支持 <link> 標簽。
<link> 標簽經常用于鏈接 CSS 樣式表。
標簽定義及使用說明:
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表。
注意: link 元素是空元素,它僅包含屬性。
注意: 此元素只能存在于 head 部分,不過它可出現任何次數。
注意:根據 W3C 標準,<link .... ... />構成完整的一個 link 標簽。
HTML 4.01 與 HTML5之間的差異:
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中, <link> 標簽沒有結束標簽。
在 XHTML 中, <link> 標簽必須被正確地關閉。
全局屬性:<link> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性:<link> 標簽支持所有 HTML 事件屬性。
。。。。。。
HTML <map>標簽
目前大多數瀏覽器支持 <map> 標簽。
<map> 標簽可以和 <area> 元素一起使用,以此來達到定義圖像映射(可點擊的鏈接區域)的目標。
標簽定義及使用說明:
<map> 標簽用于客戶端圖像映射。圖像映射指帶有可點擊區域的一幅圖像。
<map> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決于瀏覽器),所以我們應同時向 <map> 添加 id 和 name 屬性。
area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
提示:要完成圖像映射要用到三種標簽:<img> 標簽、<map>標簽、<area>標簽。
HTML 4.01 與 HTML5之間的差異:
注意:在 HTML5 中, 如果 id 屬性在 <map> 標簽中指定, 則你必須同樣指定 name 屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已經廢棄,使用 id 屬性替換它。
全局屬性:<map> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<map> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML5 <mark> 標簽
Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 標簽。
注意:Internet Explorer 8 及更早版本不支持 <mark> 標簽。
如果您需要突出顯示 HTML 文檔中某一部分的文本,則您可以使用該 <mark> 標簽
標簽定義及使用說明:
<mark> 標簽定義帶有記號的文本。
請在需要突出顯示文本時使用 <mark> 標簽。
提示: 雖然使用 <strong> 標簽、<em> 標簽同樣能達到這樣的效果,但是它們的作用是強調文本,并非僅僅是高亮顯示文本,因此不推薦使用。
HTML 4.01 與 HTML5之間的差異:
<mark> 是 HTML5 新標簽。
全局屬性:<mark> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<mark> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <menu> 標簽
目前主流瀏覽器并不支持 <menu> 標簽。
<menu> 標簽定義了菜單列表,它實現的顯示效果和無序列表是相同的
標簽定義及使用說明:
<menu> 標簽定義了一個命令列表或菜單。 <menu> 標簽通常用于文本菜單,工具條和命令列表選項。
提示和注釋:
提示:使用 CSS 來定義菜單列表樣式。
HTML 4.01 與 HTML5之間的差異:
HTML 4.01的 <menu> 元素已廢棄。
HTML5 中 <menu> 元素已被重新定義。
全局屬性:<menu> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<menu> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <meta> 標簽
所有主流瀏覽器都支持 <meta> 標簽。
<meta> 標簽是 HTML 語言頭部的一個輔助性標簽,提供有關頁面的元信息(比如:針對搜索引擎和更新頻度的描述和關鍵詞、定義頁面使用的語言),使用好 <meta> 標簽對 HTML 很有益。
標簽定義及使用說明:
元數據(Metadata)是數據的數據信息。
<meta> 標簽提供了 HTML 文檔的元數據。元數據不會顯示在客戶端,但是會被瀏覽器解析。
META元素通常用于指定網頁的描述,關鍵詞,文件的最后修改時間,作者及其他元數據。
元數據可以被使用瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 Web 服務調用。
注意:<meta> 標簽中的元數據無法使用其他的元相關標簽表示,例如:<base>、<link>,<script>、<style>或<title>。
提示和注釋:
注意:<meta> 標簽通常位于 <head>區域內。
注意: 元數據通常以 名稱/值 對出現。
注意: 如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 scheme 屬性。
在 HTML5 中,有一個新的 charset 屬性,它使字符集的定義更加容易:
HTML 4.01:<meta http-equiv="content-type" content="text/html; charset=UTF-8">
HTML5:<meta charset="UTF-8">
HTML 與 XHTML 之間的差異:
在 HTML 中 <meta> 標簽沒有結束標簽。
在 XHTML 中 <meta> 標簽必須包含結束標簽。
事件屬性:<meta> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <meter> 標簽
Firefox、Opera、Chrome 和 Safari 6 支持 <meter> 標簽。
在 HTML 中給定一個具體的范圍(包括最大值與最小值),然后使用 <meter> 標簽來顯示該給定范圍內的數據。
標簽定義及使用說明:
<meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。
比如:磁盤使用情況,查詢結果的相關性等。
注意: <meter> 不能作為一個進度條來使用, 進度條 <progress> 標簽。
HTML 4.01 與 HTML5 之間的差異:
<meter> 是 HTML5 的新標簽。
全局屬性:<meter> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<meter> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <nav> 標簽
目前大多數瀏覽器支持 <nav> 標簽。
注意:Internet Explorer 8 以及更早的版本不支持 <nav> 標簽。
<nav> 標簽表示一個頁面中的某個部分,目的是提供導航鏈接,常見的導航欄的示例是菜單、目錄和索引。
標簽定義及使用說明:
<nav> 標簽定義導航鏈接的部分。
并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標注一個導航鏈接的區域。
在不同設備上(手機或者PC)可以制定導航鏈接是否顯示,以適應不同屏幕的需求。
HTML 4.01 與 HTML5中的差異:
<nav> 是 HTML5 的新標簽。
全局屬性:<nav> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<nav> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <noframes> 標簽HTML5不支持該標簽
目前大多數瀏覽器支持 <noframes> 標簽。
<noframes> 標簽用于支持不支持 <frame> 元素的瀏覽器。
標簽定義及使用說明:
HTML5 不支持 <noframes> 標簽。
<noframes> 元素可為那些不支持框架的瀏覽器顯示文本。noframes 元素位于 frameset 元素內部。
<noframes> 元素插入在 <frameset> 元素中使用。
注意: 如果您希望驗證包含框架的頁面,請確保 DTD 被設置為 "Frameset DTD"。
注意:如果您希望<frameset> 元素中添加 <noframes> 標簽,就必須把其中的文本包裝在 <body></body> 標簽中!
HTML 4.01 與 HTML5 的差異:
HTML5不支持 <noframes> 標簽,HTML 4.01 支持該標簽。
HTML 與 XHTML 的差異:
重要: 在 XHTML Frameset DTD,位于 <noframes> 元素中的文本信息必須有關閉標簽。
。。。。。。
HTML <noscript> 標簽
目前大多數瀏覽器支持 <p> 標簽。
<noscript> 標簽在不支持 JavaScript 的瀏覽器中顯示替代的內容,它可以包含任何 HTML 元素。
標簽定義及使用說明:
noscript 元素用來定義在腳本未被執行時的替代內容(文本)。
此標簽可被用于可識別 <noscript> 標簽但無法支持其中的腳本的瀏覽器。
提示和注釋:
提示:如果瀏覽器支持腳本,那么它不會顯示出 noscript 元素中的文本。
注釋:無法識別 <script> 標簽的瀏覽器會把標簽的內容顯示到頁面上。為了避免瀏覽器這樣做,您應當在注釋標簽中隱藏腳本。老式的(無法識別 <script> 標簽的)瀏覽器會忽略注釋,這樣就不會把標簽的內容寫到頁面上,而新式的瀏覽器則懂得執行這些腳本,即使它們被包圍在注釋標簽中!
在HTML 4.01 與 HTML5 之間的差異:
在 HTML 4.01 中,<noscript> 標簽只允許插入到 <body> 元素中。
在 HTML5 中,<noscript> 標簽可以插入到 <head> 和 <body> 區域中。
在HTML 與 XHTML 之間的差異:
XHTML 不支持 <noscript> 標簽。
全局屬性:<noscript> 標簽支持全局屬性。
。。。。。。
HTML <object> 標簽
目前大多數瀏覽器支持 <object> 標簽。
<object> 標簽可以表示一個外部資源,可以將其視為一個映像、一個嵌套的瀏覽上下文,或者一個由插件處理的資源。
標簽定義及使用說明:
定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素允許您規定插入 HTML 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。
<object> 標簽用于包含對象,比如圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash。
object 的初衷是取代 img 和 applet 元素。不過由于漏洞以及缺乏瀏覽器支持,這一點并未實現。
瀏覽器的對象支持有賴于對象類型。不幸的是,主流瀏覽器都使用不同的代碼來加載相同的對象類型。
而幸運的是,object 對象提供了解決方案。如果未顯示 object 元素,就會執行位于 <object> 和 </object> 之間的代碼。通過這種方式,我們能夠嵌套多個 object 元素(每個對應一個瀏覽器)。
提示與注釋:
提示:<param> 標簽定義用于對象的 run-time 設置。
提示:不要對圖像使用 <object> 標簽,請使用 <img> 標簽代替。
HTML 4.01 與 HTML5中的差異:
一些 HTML 4.01 屬性在 HTML5 中不被支持。
"form" 是 HTML5 定義的新屬性。
在 HTML5 中,objects 可以在form表單中提交。
在 HTML5 中,objects 不再出現在 <head> 元素區域內。
全局屬性:<object> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<object> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <ol> 標簽
目前大多數瀏覽器支持 <ol> 標簽。
<ol> 標簽在 HTML 中表示有序列表,是 ordered lists 的縮寫。您可以自定義有序列表的初始序號。
標簽定義及使用說明:
<ol> 標簽定義了一個有序列表. 列表排序以數字來顯示。
使用<li> 標簽來定義列表選項。
提示和注釋:
提示: 如果需要無序列表,請使用 <ul> 標簽。
提示:使用 CSS 來定義列表樣式。
HTML 4.01 與 HTML5中的差異:
在 HTML 4.01 中"start" 和 "type" 屬性已經廢棄,HTML5不支持該屬性。
"reversed" 屬性是 HTML5 中的新屬性。
在HTML 4.01中"compact" 屬性已經廢棄,在 HTML5中不支持該屬性。
全局屬性:<ol> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<ol> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <optgroup> 標簽
大多數主流瀏覽器支持 <optgroup>標簽。
<optgroup> 標簽用于對 <select> 元素所提供的選項進行分組。當您使用一個較長的選項列表時,對相關的選項進行組合會使處理更加容易。
標簽定義及使用說明:
<optgroup> 標簽經常用于把相關的選項組合在一起。
如果你有很多的選項組合, 你可以使用<optgroup> 標簽能夠很簡單的將相關選項組合在一起。
全局屬性:<optgroup> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<optgroup> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <option> 標簽
大多數主流瀏覽器支持 <option> 標簽。
<option> 標簽用于定義包含在<select>、<optgroup> 或 <datalist> 元素中的項。
<option> 標簽可以表示 HTML 文檔中彈出窗口中的菜單項和其他項目列表。
標簽定義及使用說明:
<option> 標簽定義下拉列表中的一個選項(一個條目)。
<option> 標簽中的內容作為 <select> 或者<datalist> 一個元素使用。
提示和注釋:
注釋:<option> 標簽可以在不帶有任何屬性的情況下使用,但是您通常需要使用 value 屬性,此屬性會指示出被送往服務器的內容。
注釋:請與 select 元素配合使用此標簽,否則這個標簽是沒有意義的。
提示:如果列表選項很多,可以使用 <optgroup> 標簽對相關選項進行組合。
全局屬性:<option> 標簽支持全局屬性。
。。。。。。
HTML <output> 標簽
Firefox、Opera、Chrome 和 Safari 瀏覽器都支持 <output> 標簽。
注意:Internet Explorer 瀏覽器不支持 <output> 標簽。
<output> 標簽顯示計算或用戶操作的結果,該標簽是 HTML5 中的新標簽。
標簽定義及使用說明:
<output> 標簽作為計算結果輸出顯示(比如執行腳本的輸出)。
在HTML 4.01 與 HTML5中的差異:
<output> 標簽是 HTML 5 中的新標簽。
全局屬性:<output> 標簽支持全局屬性。
事件屬性:<output> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <p> 標簽
目前大多數瀏覽器支持 <p> 標簽。
<p> 標簽表示文本的段落,段落通常在可視媒體中表示為文本塊,是塊級元素。
標簽定義及使用說明:
<p> 標簽定義段落。
<p> 元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規定。
注意:<p> 標簽與 <br> 標簽都有換行的意思,不同的是 <p> 標簽是大換行(分段),<br> 標簽是小換行。
在HTML 4.01 與 HTML5中的差異:
HTML 4.01中標簽的 align 屬性已經廢棄,HTML5不支持該屬性。
全局屬性:<p> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<p> 標簽支持所有 HTML事件屬性。
HTML <param> 標簽
<param> 標簽支持大部分主流瀏覽器。但是 <object> 定義的文件格式不是所有的瀏覽器都支持。
<param> 標簽為包含它的 <object> 標簽和 <applet> 標簽定義參數。
標簽定義及使用說明:
<param>元素允許您為插入 XHTML 文檔的對象規定 run-time 設置,也就是說,此標簽可為包含它的 <object> 或者 <applet> 標簽提供參數。
在HTML 4.01 與 HTML5 之間的差異:
HTML 4.01 屬性: "type" 和 "valuetype",在 HTML5 中不支持。
在HTML 和 XHTML之間的差異:
在 HTML 中,<param> 標簽沒有結束標簽。
在 XHTML 中,<param> 標簽必須被正確地關閉。
全局屬性:<param> 標簽支持全局屬性。
事件屬性:<param> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <pre> 標簽
目前大多數瀏覽器支持 <pre> 標簽。
<pre> 標簽可以保留您需要的文本格式,比如不會取消換行和空格,并且所示文本是等寬的。
標簽定義及使用說明:
<pre> 標簽可定義預格式化的文本。
被包圍在 <pre> 標簽 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
注意:<pre> 元素是塊級元素,但是只能包含文本或行內元素,任何塊級元素(常見為可以導致段落斷開的標簽:例如<title>、<p> 和<address> 標簽)都不能位于 <pre> 元素中。
提示和注釋:
提示:<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
提示:<pre> 標簽與 <code> 標簽結合起來使用,可以獲得更加精確的語義。
在HTML 4.01 與 HTML5中的差異:
在 HTML 4.01 中,"width" 屬性已廢棄,不可使用。 HTML5 不支持"width"屬性。
全局屬性:<pre> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性:<pre> 標簽支持所有 HTML事件屬性。
。。。。。。
HTML <html> 標簽
所有主流瀏覽器都支持 <html> 標簽。
<html> 標簽用于創建一個 HTML 文檔。
標簽定義及使用說明:
<html> 標簽告知瀏覽器這是一個 HTML 文檔。
<html> 標簽是 HTML 文檔中最外層的元素。
<html> 標簽是所有其他 HTML 元素(除了 <!DOCTYPE> 標簽)的容器。
HTML 4.01 與 HTML5之間的差異:
HTML5 中,增加了一個新屬性:manifest。
HTML 與 XHTML 之間的差異:
xmlns 屬性在 XHTML 中是必需的,但在 HTML中不是。
然而,即使 XHTML 文檔中的 沒有使用 xmlns 屬性,W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值,即使您沒有包含它,此值也會被添加到 標簽中。
全局屬性:<html> 標簽支持 HTML 的全局屬性。
。。。。。。
HTML <progress> 標簽
IE 10、Firefox、Opera、Chrome 和 Safari 6 支持 <progress> 標簽。
注釋:IE 9 或者更早版本的 IE 瀏覽器不支持 <progress> 標簽。
<progress> 標簽顯示某個任務完成的進度的指示器,一般用于表示進度條
標簽定義及使用說明:
<progress> 標簽定義運行中的任務進度(進程)。
HTML 4.01 與 HTML5之間的差異:
<progress> 標簽是 HTML5 中的新標簽。
提示和注釋:
提示:請將 <progress> 標簽與 JavaScript 一起使用來顯示任務的進度。
注釋:<progress> 標簽不適合用來表示度量衡(例如,磁盤空間使用情況或相關的查詢結果)。表示度量衡,請使用 <meter> 標簽代替。
全局屬性:<progress> 標簽支持 HTML 的全局屬性。
事件屬性:<progress> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <q> 標簽
所有主流瀏覽器都支持 <q> 標簽。
<q> 標簽用來表示包含的文本是一個短的引用,它是一個行內元素,在瀏覽器中顯示為使用引號包含的內容
標簽定義及使用說明:
<q> 標簽定義一個短的引用。
瀏覽器經常會在這種引用的周圍插入引號。
提示和注釋:
提示:<q> 標簽表示短的引用,而 <blockquote> 標簽表示引用一段長文本。
提示:請使用 <blockquote> 標簽來標記摘自另一個源的塊引用。
全局屬性:<q> 標簽支持 HTML 的全局屬性。
事件屬性:<q> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <rp> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rp> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <rp> 標簽。
<rp> 標簽需要在 <ruby> 標簽中使用,用于防止那些不支持 <ruby> 標簽的瀏覽器,主要用來放置括弧。
標簽定義及使用說明:
<rp> 標簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內容。
ruby 注釋是中文注音或字符。在東亞使用,顯示的是東亞字符的發音。
將 <rp> 標簽與 <ruby> 和 <rt> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
提示:支持 "ruby" 元素的瀏覽器不會顯示 "rp" 元素的內容。
HTML 4.01 與 HTML5之間的差異:
<rp> 標簽是 HTML5 中的新標簽。
全局屬性:<rp> 標簽支持 HTML 的全局屬性。
事件屬性:<rp> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <rt> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <rt> 標簽。
如果在 <ruby> 元素中需要多某些字符作出解釋或者標記其發音,那么請使用 <rt> 標簽來提供相關的信息。
<rt> 元素必須始終包含在 <ruby> 元素中。
標簽定義及使用說明:
<rt> 標簽定義字符(中文注音或字符)的解釋或發音。
將 <rt> 標簽與 <ruby> 和 <rp> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
HTML 4.01 與 HTML5之間的差異:
<rt> 標簽是 HTML5 中的新標簽。
全局屬性:<rt> 標簽支持 HTML 的全局屬性。
事件屬性:<rt> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <ruby> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <ruby> 標簽。
<ruby> 標簽是當作注釋標簽使用的,可以對文本進行注音或者字符
標簽定義及使用說明:
<ruby> 標簽定義 ruby 注釋(中文注音或字符)。
在東亞使用,顯示的是東亞字符的發音。
將 <ruby> 標簽與 <rt> 和 <rp> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
HTML 4.01 與 HTML5之間的差異:
<ruby> 標簽是 HTML5 中的新標簽。
全局屬性:
<ruby> 標簽支持 HTML 的全局屬性。
事件屬性:
<ruby> 標簽支持 HTML 的事件屬性。
擴展知識:
Ruby還是一種純粹的面向對象程序設計編程語言,它是開源的、通用的、解釋的編程語言、可以用來編寫通用網關接口(CGI)腳本、可以被嵌入到超文本標記語言(HTML)。
。。。。。。
HTML <s> 標簽
所有主流瀏覽器都支持 <s> 標簽。
<s> 標簽中的文本會以貫穿一條線呈現給用戶,表示該處的內容是不相關或不準確的,即,可以用作刪除線。
標簽定義及使用說明:
<s> 標簽對那些不正確、不準確或者沒有用的文本進行標識。
<s> 標簽不應該用來定義替換的或者刪除的文本。如果要定義替換的或者刪除的文本,請使用 <del>標簽。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<s> 元素已廢棄,用來給文本加刪除線。
HTML5 重定義了 <s> 元素,現在是被用來定義那些不正確的文本。
全局屬性:<s> 標簽支持 HTML 的全局屬性。
事件屬性:<s> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <samp> 標簽
所有主流瀏覽器都支持 <samp> 標簽。
<samp> 標簽用于標識計算機程序輸出,使用該標簽定義的文本會以特殊的樣式顯示,通常使用瀏覽器默認的 monotype 字體
標簽定義及使用說明:
<samp> 標簽是一個短語標簽,用來定義計算機程序的樣本文本。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,我們建議您使用 CSS ,這樣可能會取得更豐富的效果。
所有短語標簽:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
全局屬性:<samp> 標簽支持 HTML 的全局屬性。
事件屬性:<samp> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <script> 標簽
所有主流瀏覽器都支持 <script> 標簽。
<script> 標簽通常放置在一個 HTML 網頁的頭部標簽 <head> 標簽內,用于鏈接外部 JavaScript 文件的外部資源標簽。
標簽定義及使用說明:
<script> 標簽用于定義客戶端腳本,比如 JavaScript。
<script> 元素既可包含腳本語句,也可以通過 "src" 屬性指向外部腳本文件。
JavaScript 通常用于圖像操作、表單驗證以及動態內容更改。
提示和注釋:
注釋:如果使用 "src" 屬性,則 <script> 元素必須是空的。
注釋:假如 <script> 元素內部的代碼沒有位于某個函數中,那么這些代碼會在頁面被加載時被立即執行。<frameset> 標簽之后的腳本會被忽略。
提示:請參閱 <noscript> 元素,對于那些在瀏覽器中禁用腳本或者其瀏覽器不支持客戶端腳本的用戶來說,該元素非常有用。
注釋: 有多種執行外部腳本的方法:
如果 async="async":腳本相對于頁面的其余部分異步地執行(當頁面繼續進行解析時,腳本將被執行)
如果不使用 async 且 defer="defer":腳本將在頁面完成解析時執行
如果既不使用 async 也不使用 defer:在瀏覽器繼續解析頁面之前,立即讀取并執行腳本
HTML 4.01 與 HTML5之間的差異:
在 HTML 4 中,"type" 屬性是必需的,但在 HTML5 中是可選的。
"async" 屬性是 HTML5 中的新屬性。
HTML5 中不再支持 HTML 4.01 中的某些屬性:"xml:space"。
HTML 與 XHTML 之間的差異:
在 XHTML 中,腳本中的內容類型聲明為 #PCDATA(代替 CDATA),就是說會對實體進行解析。
這意味著,在 XHTML 中,應該編碼所有特殊的字符,或者把所有內容嵌套在 CDATA 部分中。
全局屬性:<script> 標簽支持 HTML 的全局屬性。
。。。。。。
HTML <section> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari <section> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <section> 標簽。
<section> 標簽表示文檔中的一個獨立部分,例如下面的示例,<section> 標簽定義了文檔的某個區域,用來解釋什么是 WWF:
標簽定義及使用說明:
<section> 標簽定義了文檔的某個區域。比如章節、頭部、底部或者文檔的其他區域。
HTML 4.01 與 HTML5之間的差異:
<section> 標簽是 HTML5 中的新標簽。
全局屬性:<section> 標簽支持 HTML 的全局屬性。
事件屬性:<section> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <select> 標簽定義及使用說明
所有主流瀏覽器都支持 <select> 標簽。
<select> 元素用來創建下拉列表。
<select> 元素中的 <option> 標簽定義了列表中的可用選項。
select 元素可創建單選或多選菜單。當提交表單時,瀏覽器會提交選定的項目,或者收集用逗號分隔的多個選項,將其合成一個單獨的參數列表,并且在將 <select> 表單數據提交給服務器時包括 name 屬性。
提示和注釋:
提示:<select> 元素是一種表單控件,可用于在表單中接受用戶輸入。
HTML 4.01 與 HTML5之間的差異:
HTML5 增加了一些新的屬性。
全局屬性:<select> 標簽支持 HTML 的全局屬性。
事件屬性:<select> 標簽支持 HTML 的事件屬性。
相關的使用技巧,自己去官網查詢。
。。。。。。
HTML <small> 標簽
所有主流瀏覽器都支持 <small> 標簽。
<small> 標簽可以使顯示在瀏覽器中的文本變為較小號的字體,在HTML5中該標簽被重新定義,可以用來表示邊注釋或需要遵循的規則。
標簽定義及使用說明:
<small> 標簽定義小型文本(和旁注)。
提示:<small> 標簽和對應的 <big> 標簽一樣,但作用不同,它是縮小字體而不是放大。
提示:<small> 標簽可以嵌套,從而連續地把文字縮小。每個 <small> 標簽都把文本的字體變小一號,直到達到下限的一號字。
注意:如果被<small> 標簽包圍的字體已經是字體模型所支持的最小字號,那么 <small> 標簽將不起任何作用。
全局屬性:<small> 標簽支持 HTML 的全局屬性。
事件屬性:<small> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <source> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器都不支持 <source> 標簽。
<source> 標簽可以為<picture>、<audio>或<video>元素指定一個或者多個的媒體資源。
標簽定義及使用說明:
<source> 標簽為媒體元素(比如 <video> 和 <audio>)定義媒體資源。
<source> 標簽允許您規定可替換的視頻/音頻文件共瀏覽器根據它對媒體類型或者編×××的支持進行選擇。
HTML 4.01 與 HTML5之間的差異:
<source> 標簽是 HTML5 中的新標簽。
全局屬性:<source> 標簽支持 HTML 的全局屬性。
事件屬性:<source> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <span> 標簽
所有主流瀏覽器都支持 <span> 標簽。
<span> 元素是無語義的行內元素,它可以對元素進行分組,使它們以不同的樣式顯示。
簽定義及使用說明:
<span> 用于對文檔中的行內元素進行組合。
<span> 標簽沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。如果不對 <span> 應用樣式,那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。
<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
提示:可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。
提示和注釋:
提示:被 <span> 元素包含的文本,您可以使用 CSS 對它定義樣式,或者使用 JavaScript 對它進行操作。
HTML 4.01 與 HTML5之間的差異:
NONE.
全局屬性:<span> 標簽支持 HTML 的全局屬性。
事件屬性:<span> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <strike> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <strike> 標簽。
<strike> 標簽用來給文本添加刪除線,如下面的例子所示,但是在 HTML5 中不支持使用該標簽。
標簽定義及使用說明:
HTML5 不支持 <strike> 標簽。請用 <del> 標簽代替。
在 HTML 4.01 中,<strike> 元素 已廢棄。
<strike> 定義加刪除線文本。
。。。。。。
HTML <strong> 標簽
所有主流瀏覽器都支持 <strong> 標簽。
<strong> 標簽用來強調某些文本的重要性,這意味著這些文本會以加粗的形式呈現在瀏覽器中。
標簽定義及使用說明:
<strong> 標簽是一個短語標簽,用來定義計算機程序的樣本重要的文本。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,我們建議您使用 CSS ,這樣可能會取得更豐富的效果。
所有短語標簽:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<strong> 標簽定義加粗的被強調的文本,在 HTML 5 中,<strong> 標簽定義重要的文本。
全局屬性:<strong> 標簽支持 HTML 的全局屬性。
事件屬性:<strong> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <style> 標簽
所有主流瀏覽器都支持 <style> 標簽。
<style> 標簽包含了 HTML 文檔的樣式詳細,在默認情況下,在該元素內寫入的樣式指令將被認為是CSS。
標簽定義及使用說明:
<style> 標簽定義 HTML 文檔的樣式信息。
在 <style> 元素中,您可以規定在瀏覽器中如何呈現 HTML 文檔。
每個 HTML 文檔能包含多個 <style> 標簽。
提示和注釋:
提示:如需鏈接外部樣式表,請使用 <link> 標簽。
提示:如需學習更多有關樣式表的知識,請閱讀我們的 CSS 教程。
注釋:如果沒有使用 "scoped" 屬性,則每一個 <style> 標簽必須位于 head 頭部區域。
HTML 4.01 與 HTML5之間的差異:
"scoped" 屬性是 HTML 5 中的新屬性,它允許我們為文檔的指定部分定義樣式,而不是整個文檔。
如果使用 "scoped" 屬性,那么所規定的樣式只能應用到 style 元素的父元素及其子元素。
全局屬性:<style> 標簽支持 HTML 的全局屬性。
事件屬性:<style> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <sub> 標簽
所有主流瀏覽器都支持 <sub> 標簽。
包含在 <sub> 標簽和其結束標簽 </sub> 中的內容會以正常內容的一半的高度顯示在下方,而且通常較小。
標簽定義及使用說明:
<sub>標簽定義下標文本。下標文本將會顯示在當前文本流中字符高度的一半為基準線的下方,但是與當前文本流中文字的字體和字號都是一樣的。下標文本能用來表示化學公式,比如 H2O。
提示:請使用 <sup> 標簽定義上標文本。
全局屬性:<sub> 標簽支持 HTML 的全局屬性。
事件屬性:<sub> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <summary> 標簽
目前,只有 Chrome 和 Safari 6 支持 <summary> 標簽。
<summary> 標簽元素作為一個<datails>元素的標題,該標題可以包含詳細的信息,但是默認情況下不顯示,需要單擊才能顯示詳細信息。
標簽定義及使用說明:
<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。
HTML 4.01 與 HTML5之間的差異:
<summary> 標簽是 HTML5 中的新標簽。
提示和注釋:
注釋:<summary> 元素應該是 <details> 元素的第一個子元素。
全局屬性:<summary> 標簽支持 HTML 的全局屬性。
事件屬性:<summary> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <sup> 標簽
所有主流瀏覽器都支持 <sup> 標簽。
<sup> 標簽與 <sub> 標簽顯示的大小相同,不同的是它顯示在正常字符一半基準線的上方。
標簽定義及使用說明:
<sup>標簽定義上標文本。上標文本將會顯示在當前文本流中字符高度的一半為基準線的上方,但是與當前文本流中文字的字體和字號都是一樣的。上標文本能用來添加腳注,比如 WWW[1]。
提示:請使用 <sub> 標簽定義下標文本。
提示:這個標簽在向文檔添加腳注以及表示方程式中的指數值時非常有用。
全局屬性:<sup> 標簽支持 HTML 的全局屬性。
事件屬性:<sup> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <table> 標簽
所有主流瀏覽器都支持 <table> 標簽。
<table> 標簽用來定義 HTML 表格。
標簽定義及使用說明:
<table> 標簽定義 HTML 表格。
一個 HTML 表格包括 <table> 元素,一個或多個 <tr>、<th> 以及 <td> 元素。
<tr> 元素定義表格行,<th> 元素定義表頭,<td> 元素定義表格單元。
更復雜的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
HTML 4.01 與 HTML5之間的差異:
在 HTML5 中,僅支持 "border" 屬性,并且只允許使用值 "1" 或 ""。
全局屬性:<table> 標簽支持 HTML 的全局屬性。
事件屬性:<table> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <tbody> 標簽
所有主流瀏覽器都支持 <tbody> 標簽。
<tbody> 標簽組合了一個或者多個 <tr> 元素作為 <table> 元素的主體內容。
標簽定義及使用說明:
<tbody> 標簽用于組合 HTML 表格的主體內容。
<tbody> 元素應該與 <thead> and<tfoot> 元素結合起來使用,用來規定表格的各個部分(主體、表頭、頁腳)。它們的出現次序是:thead、tfoot、tbody。
通過使用這些元素,使瀏覽器有能力支持獨立于表格表頭和表格頁腳的表格主體滾動。當包含多個頁面的長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。
<tbody> 標簽必須被用在以下情境中:作為 <table> 元素的子元素,出現在 <caption>、<colgroup> 和 <thead> 元素之后。
提示和注釋:
注釋:<tbody> 元素內部必須包含一個或者多個 <tr> 標簽。
提示:<thead>、<tbody> 和 <tfoot> 元素默認不會影響表格的布局。不過,您可以使用 CSS 來為這些元素定義樣式,從而改變表格的外觀。
提示:<thead> 元素用于對 HTML 表格中的表頭內容進行分組,而 <tfoot> 元素用于對 HTML 表格中的表注(頁腳)內容進行分組。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不再支持 HTML 4.01 中 <tbody> 標簽的任何屬性。
全局屬性:<tbody> 標簽支持 HTML 的全局屬性。
事件屬性:<tbody> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <td> 標簽
所有主流瀏覽器都支持 <td> 標簽。
<td> 標簽表示<table>標簽中的單元格。
標簽定義及使用說明:
<td> 標簽定義 HTML 表格中的標準單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創建)
標準單元格 - 包含數據(由 <td> 元素創建)
<th> 元素中的文本通常呈現為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋:
提示:如果需要將內容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異:
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
全局屬性:<td> 標簽支持 HTML 的全局屬性。
事件屬性:<td> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <textarea> 標簽
所有主流瀏覽器都支持 <textarea> 標簽。
<textarea> 標簽表示多行純文本編輯控件,用戶可在其文本區域中寫入文本。
標簽定義及使用說明:
<textarea> 標簽定義一個多行的文本輸入控件。
文本區域中可容納無限數量的文本,其中的文本的默認字體是等寬字體(通常是 Courier)。
可以通過 cols 和 rows 屬性來規定 textarea 的尺寸大小,不過更好的辦法是使用 CSS 的 height 和 width 屬性。
提示:可以通過 <textarea> 標簽的 wrap 屬性設置文本輸入區內的換行模式,請參考下面的屬性表格。
HTML 4.01 與 HTML5之間的差異:
HTML5 增加了一些新的屬性。
全局屬性:<textarea> 標簽支持 HTML 的全局屬性。
事件屬性:<textarea> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <tfoot> 標簽
所有主流瀏覽器都支持 <tfoot> 標簽。
<tfoot> 標簽表示HTML表格的頁腳,該標簽用于組合HTML表格中的表注內容。
標簽定義及使用說明:
<tfoot> 標簽用于組合 HTML 表格的頁腳內容。
<tfoot> 元素應該與 <thead> 和 <tbody> 元素結合起來使用,用來規定表格的各個部分(頁腳、表頭、主體)。
通過使用這些元素,使瀏覽器有能力支持獨立于表格表頭和表格頁腳的表格主體滾動。當包含多個頁面的長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。
<tfoot> 標簽必須被用在以下情境中:作為 <table> 元素的子元素,出現在 <caption>、<colgroup> 和 <thead> 元素之后,<tbody> 和 <tr> 元素之前。
提示和注釋:
注釋:<tfoot> 元素內部必須包含一個或者多個 <tr> 標簽。
提示:<thead>、<tbody> 和 <tfoot> 元素默認不會影響表格的布局。不過,您可以使用 CSS 來為這些元素定義樣式,從而改變表格的外觀。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不再支持 HTML 4.01 中 <tfoot> 標簽的任何屬性。
全局屬性:<tfoot> 標簽支持 HTML 的全局屬性。
事件屬性:<tfoot> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <th> 標簽
所有主流瀏覽器都支持 <th> 標簽。
<th> 標簽表示HTML表格的表頭部分,該標簽中的內容會以粗體顯示。
標簽定義及使用說明:
<th> 標簽定義 HTML 表格中的表頭單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創建)
標準單元格 - 包含數據(由 <td> 元素創建)
<th> 元素中的文本通常呈現為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋:
提示:如果需要將內容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異:
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
全局屬性:<th> 標簽支持 HTML 的全局屬性。
事件屬性:<th> 標簽支持所有 HTML 的事件屬性。
。。。。。。
HTML <thead> 標簽
所有主流瀏覽器都支持 <thead> 標簽。
<thead> 標簽定義了一組HTML表格的頭。
標簽定義及使用說明:
<thead> 標簽用于組合 HTML 表格的表頭內容。
<thead> 元素應該與 <tbody> 和 <tfoot> 元素結合起來使用,用來規定表格的各個部分(表頭、主體、頁腳)。
通過使用這些元素,使瀏覽器有能力支持獨立于表格表頭和表格頁腳的表格主體滾動。當包含多個頁面的長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。
<thead> 標簽必須被用在以下情境中:作為 <table> 元素的子元素,出現在 <caption>、<colgroup> 元素之后,<tbody>、<tfoot> 和 <tr> 元素之前。
提示和注釋:
注釋:<thead> 元素內部必須包含一個或者多個 <tr> 標簽。
提示:<thead>、<tbody> 和 <tfoot> 元素默認不會影響表格的布局。不過,您可以使用 CSS 來為這些元素定義樣式,從而改變表格的外觀。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不再支持 HTML 4.01 中 <thead> 標簽的任何屬性。
全局屬性:<thead> 標簽支持 HTML 的全局屬性。
事件屬性:<thead> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <time> 標簽
<time> 標簽用來表示HTML網頁中出現的日期和時間,目的是讓搜索引擎等其它程序更容易的提取這些信息。
標簽定義及使用說明:
<time> 標簽定義公歷的時間(24 小時制)或日期,時間和時區偏移是可選的。
該元素能夠以機器可讀的方式對日期和時間進行編碼,這樣,舉例說,用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結果。
提示:<time> 標簽不會在任何瀏覽器中呈現任何特殊效果,只是用來給機器識別的。
注意:Internet Explorer 8 及更早版本不支持 time 標簽。
HTML 4.01 與 HTML5之間的差異:
<time> 標簽是 HTML5 中的新標簽。
time中的datetime 屬性,規定日期/時間。另一種方式,則是由元素的內容給定日期/時間。
全局屬性:<time> 標簽支持 HTML 的全局屬性。
事件屬性:<time> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <title> 標簽
所有主流瀏覽器都支持 <title> 標簽。
<title> 標簽定義HTML文檔的標題,通常體現了網頁的主題內容,瀏覽器會以特殊的方式來使用標題,并且通常它顯示在瀏覽器窗口的標題欄或狀態欄上。
標簽定義及使用說明:
<title> 標簽定義文檔的標題,在所有 HTML 文檔中是必需的。
<title>元素:
定義瀏覽器工具欄中的標題
提供頁面被添加到收藏夾時的標題
顯示在搜索引擎結果中的頁面標題
提示和注釋:
注釋:一個 HTML 文檔中不能有一個以上的 <title> 元素。
提示:如果您遺漏了 <title> 標簽,文檔作為 HTML 是無效的。
提示:當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時,<title> 標簽的內容將成為該文檔鏈接的默認名稱。
全局屬性:<title> 標簽支持 HTML 的全局屬性。
。。。。。。
HTML <tr> 標簽
所有主流瀏覽器都支持 <tr> 標簽。
<tr> 標簽定義HTML表格中的一行單元格,它應該是成對出現的。
標簽定義及使用說明:
<tr> 標簽定義 HTML 表格中的行。
一個 <tr> 元素包含一個或多個 <th> 或<td> 元素。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不支持 <tr> 標簽在 HTML 4.01 中的任何屬性。
全局屬性:<tr> 標簽支持 HTML 的全局屬性。
事件屬性:<tr> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <track> 標簽
IE 10、Opera 和 Chrome 瀏覽器支持 <track> 標簽。
<track> 標簽用作 <audio> 元素和 <video> 元素的子級,它允許您指定定時文本軌道(或基于時間的數據),采用 WebVTT 格式(.vtt 文件)。
簽定義及使用說明:
<track> 標簽為媒體元素(比如 <audio> and <video>)規定外部文本軌道。
這個元素用于規定字幕文件或其他包含文本的文件,當媒體播放時,這些文件是可見的。
提示:track 給媒體元素添加的數據的類型在 kind 屬性中設置,kind 屬性的取值請參考下面的可選屬性列表。
HTML 4.01 與 HTML5之間的差異:
<track> 標簽是 HTML5 中的新標簽。
全局屬性:<track> 標簽支持 HTML 的全局屬性。
事件屬性:<track> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <tt> 標簽 - HTML5 不支持
所有主流瀏覽器都支持 <tt> 標簽。
<tt> 標簽用來改變字體樣式,使標簽中的文本顯示為打字機文本。
標簽定義及使用說明:
HTML5 不支持 <tt> t標簽。請用 CSS 代替。
<tt> 標簽定義打字機文本。
提示和注釋:
提示:請使用 CSS 來規定文檔中的文本類型。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 <tt> 標簽。HTML 4.01 支持 <tt> 標簽。
。。。。。。
HTML <u> 標簽
所有主流瀏覽器都支持 <u> 標簽。
<u> 標簽可以用來對標簽內的文本實現下劃線樣式。
標簽定義及使用說明:
<u> 標簽定義與常規文本風格不同的文本,像拼寫錯誤的單詞或者漢語中的專有名詞。
提示和注釋:
提示:請盡量避免使用 <u> 為文本加下劃線,用戶會把它混淆為一個超鏈接。
注釋:HTML5 規范建議開發者盡量使用其他元素替代 <u> 元素。
HTML 4.01 與 HTML5之間的差異:
在 HTML 中,<u>元素 已廢棄(<u> 元素被用來定義下劃線)。
HTML5 中重新定義了 <u> 元素,它定義與常規文本風格不同的文本,像拼寫錯誤的單詞或者漢語中的專有名詞。
全局屬性:<u> 標簽支持 HTML 的全局屬性。
事件屬性:<u> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <ul> 標簽
所有主流瀏覽器都支持 <ul> 標簽。
<ul> 標簽表示HTML頁面中項目的無序列表,一般會以項目符號列表呈現。
標簽定義及使用說明:
<ul> 標簽定義無序列表。
將 <ul> 標簽與 <li> 標簽一起使用,創建無序列表。
提示和注釋:
提示:使用 CSS 為列表定義樣式。
提示:使用 <ol> 標簽創建有序列表。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,"compact" 和 "type" 屬性已廢棄。HTML5 則不支持著兩個屬性。
全局屬性:<ul>標簽支持HTML 的全局屬性。
事件屬性:<ul> 標簽支持HTML 的事件屬性。
。。。。。。
HTML <var> 標簽
所有主流瀏覽器都支持 <var> 標簽。
<var> 標簽表示數學表達式或編程上下文中的變量,<var> 標簽定義的內容會呈現為斜體。
標簽定義及使用說明:
<var> 標簽是一個短語標簽,用來定義變量。
提示:我們并不反對使用這個標簽,但是如果您只是為了達到某種視覺效果而使用這個標簽的話,我們建議您使用 CSS ,這樣可能會取得更豐富的效果。
所有短語標簽:
標簽 描述
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
全局屬性:<var> 標簽支持 HTML 的全局屬性。
事件屬性:<var> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <video> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <video> 標簽。
<video> 標簽可以將視頻內容嵌入到HTML文檔中。
標簽定義及使用說明:
<video> 標簽定義視頻,比如電影片段或其他視頻流。
目前,<video> 元素支持三種視頻格式:MP4、WebM、Ogg。
MP4 = MPEG 4文件使用 H264 視頻編×××和AAC音頻編×××。
WebM = WebM 文件使用 VP8 視頻編×××和 Vorbis 音頻編×××。
Ogg = Ogg 文件使用 Theora 視頻編×××和 Vorbis音頻編×××。
HTML 4.01 與 HTML5之間的差異:
<video> 標簽是 HTML5 的新標簽。
提示和注釋:
提示:可以在 <video> 和 </video> 標簽之間放置文本內容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。
全局屬性:<video> 標簽支持 HTML 的全局屬性。
事件屬性:<video> 標簽支持 HTML 的事件屬性。
。。。。。。
HTML <wbr> 標簽
所有主流瀏覽器都支持 <wbr> 標簽,除了 Internet Explorer。
<wbr> 標簽可以用來定義HTML文檔中需要進行換行的位置,與<br>標簽不同,如果瀏覽器窗口的寬度足夠,則不換行;反之,則在添加了 <wbr> 標簽的位置進行換行
標簽定義及使用說明:
<wbr> (Word Break Opportunity) 標簽規定在文本中的何處適合添加換行符。
提示:如果單詞太長,或者您擔心瀏覽器會在錯誤的位置換行,那么您可以使用 <wbr> 元素來添加 Word Break Opportunity(單詞換行時機)。
HTML 4.01 與 HTML5之間的差異:
<wbr> 標簽是 HTML5 中的新標簽。
全局屬性:<wbr> 標簽支持 HTML 的全局屬性。
事件屬性:<wbr> 標簽支持 HTML 的事件屬性。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。