您好,登錄后才能下訂單哦!
HTML5 <!DOCTYPE> 標簽
所有主流瀏覽器都支持 <!DOCTYPE> 聲明。
<!DOCTYPE> 聲明非常重要,它是一種標準通用標記語言的文檔類型聲明,通過該標簽,瀏覽器能夠了解HTML5文檔正在使用的HTML規范,<!DOCTYPE> 聲明是HTML5文檔的起始點,也就是說它必須位于HTML5文檔的第一行!
標簽定義及使用說明:
<!DOCTYPE> 聲明位于文檔中的最前面的位置,處于 <html> 標簽之前。
<!DOCTYPE> 聲明不是一個 HTML 標簽;它是用來告知 Web 瀏覽器頁面使用了哪種 HTML 版本。
在 HTML 4.01 中,<!DOCTYPE>聲明需引用DTD(文檔類型聲明),因為HTML4.01是基于SGML(StandardGeneralizedMarkupLanguage標準通用標記語言)。DTD 指定了標記語言的規則,確保了瀏覽器能夠正確的渲染內容。
http://www.iis7.com/b/wzjk/
HTML5 不是基于 SGML,因此不要求引用 DTD。
提示:總是給您的 HTML 文檔添加 <!DOCTYPE> 聲明,確保瀏覽器能夠預先知道文檔類型。
HTML 4.01 與 HTML5之間的差異:
HTML 4.01 規定了三種不同的 <!DOCTYPE> 聲明,分別是:Strict、Transitional 和 Frameset。 HTML5 中僅規定了一種:<!DOCTYPE html>
提示和注釋:
注釋:<!DOCTYPE> 標簽沒有結束標簽。
提示:<!DOCTYPE> 聲明不區分大小寫。
提示:使用 W3C 的驗證 檢查您是否編寫了一個帶有正確 DTD 的合法的 HTML / XHTML 文檔!
。。。。。。
HTML5 <a> 標簽
所有主流瀏覽器都支持 <a> 標簽。
HTML5 <a> 標簽的主要作用是用于超鏈接,可以鏈接到其他頁面也可以鏈接到本地的其他文件,你可以通過下面的這個示例來認識 <a> 標簽。
鏈接到百度實例 :<a href="http://www.baidu.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 的屬性。
。。。。。。
HTML5 <area> 標簽
所有主流瀏覽器都支持 <area> 標簽。
HTML5 <area>標簽能夠在所需圖像中設置作用區域,使用者可以通過點擊該作用區域來跳轉到相應的頁面。
標簽定義及使用說明:
<area> 標簽定義圖像映射內部的區域(圖像映射指的是帶有可點擊區域的圖像)。
<area> 元素始終嵌套在 <map> 標簽內部。
注釋: <img> 標簽中的 usemap 屬性與 <map> 元素中的 name 相關聯,以創建圖像與映射之間的關系。
HTML 4.01 與 HTML5之間的差異:
HTML5 提供了一些新屬性,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中,<area> 標簽沒有結束標簽。
在 XHTML 中,<area> 標簽必須正確地關閉。
。。。。。。
HTML5 <abbr> 標簽
所有主流瀏覽器都支持 <abbr> 標簽。
注釋:IE 6 或更早版本的 IE 瀏覽器不支持 <abbr> 標簽。
標簽定義及使用說明:
<abbr> 標簽用來表示一個縮寫詞或者首字母縮略詞,如"WWW"或者"NATO"。
通過對縮寫詞語進行標記,您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。
提示和注釋:
提示:在某些瀏覽器中,當您把鼠標移至帶有 <abbr> 標簽的縮寫詞/首字母縮略詞上時,<abbr> 標簽的 title 屬性可被用來展示縮寫詞/首字母縮略詞的完整版本。
。。。。。。
HTML5 <applet> 標簽
某些瀏覽器中依然存在對 <applet> 標簽的一些支持,但是需要額外的插件和安裝過程才能起作用。
定義和用法:
<applet> 標簽用來定義嵌入的 applet,但是在HTML5中不再支持該標簽的使用!
HTML 4.01 與 HTML 5 之間的差異:
HTML 4.01 中不贊成使用 applet 元素。
HTML 5 中不支持 applet 元素。
提示和注釋:
提示:HTML 5 中不支持 applet 元素。請使用 <object> 代替。
提示:你可以在本站的“HTML <applet> 標簽”部分以獲得更多有關 <applet> 標簽的信息!
。。。。。。
HTML5 <article>標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <article> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <article> 標簽。
標簽定義及使用說明:
<article> 標簽定義獨立的內容。
<article> 標簽定義的內容本身必須是有意義的且必須是獨立于文檔的其余部分。
<article> 的潛在來源:
論壇帖子
博客文章
新聞故事
評論
。。。。。。
HTML5 <aside> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <aside> 標簽。
注釋: IE 8 或更早版本的 IE 瀏覽器不支持 <aside> 標簽。
HTML5 <aside>標簽用來表示跟當前頁面的內容沒有很相關的部分,通常用于顯示側邊欄或者補充的內容,例如:目錄、索引等。
標簽定義及使用說明:
<aside> 標簽定義 <article> 標簽外的內容。
aside 的內容應該與附近的內容相關。
HTML 4.01 與 HTML5之間的差異:
<aside> 標簽是 HTML5 的新標簽。
提示和注釋:
提示:<aside> 的的內容可用作文章的側欄。
注意: 不要將 <aside> 元素去標記括號內的文本,因為這種類型的文本(即括號內的文本)被認為是其內容流的一部分。
。。。。。。
HTML5 <address> 標簽
所有主流瀏覽器都支持 <address> 標簽。
通過HTML5 <address>標簽,你可以得到某個文檔中所屬作者或者所有者的相關的聯系信息。
標簽定義及使用說明:
<address> 標簽定義文檔作者/所有者的聯系信息。
如果 <address> 元素位于 <body> 元素內部,則它表示該文檔作者/所有者的聯系信息。
如果 <address> 元素位于 <article> 元素內部,則它表示該文章作者/所有者的聯系信息。
<address> 元素的文本通常呈現為斜體。大多數瀏覽器會在該元素的前后添加換行。
提示和注釋:
提示:不應該使用 <address> 標簽來描述郵政地址,除非這些信息是聯系信息的組成部分。
<address> 是用來存放地址信息的,它可以和<article>元素配對來提供文章作者的聯系信息。對它的使用需要注意以下幾點:
如果行文中出現了一些隨意的地址,你就不應該使用<address>元素,而應該使用普通的<p>元素就行了。
<address>元素里應該只存放地址信息,不要放置其它跟地址不相關的信息,比如出版時間,你應該把它放到<time>元素里。
一個好的習慣是,我們應該把<address>放到<footer>元素里。當然了,如果沒有<footer>元素也就不用參考這個規則了。
HTML 4.01 與 HTML5之間的差異:
HTML 4.01 不支持 <article> 標簽,因此在 HTML 4.01 中 <address> 標簽總是定義文檔的作者/所有者的聯系信息。
。。。。。。
HTML5 <acronym> 標簽 (已廢棄)
定義和用法:
HTML5<acronym>標簽用來定義首字母縮寫詞,比如"WWW"。通過對只取首字母縮寫進行標記,您就能夠為瀏覽器、拼寫檢查程序、翻譯系統以及搜索引擎分度器提供有用的信息。
HTML 4.01 與 HTML 5 之間的差異:
用法提示:該元素已從HTML5中移除,不應再被使用。Web開發者應使用 <abbr> 代替。
默認樣式:
盡管這個標簽的目的純粹是為了方便作者,它的默認樣式卻在各個瀏覽器中不盡相同:
一些瀏覽器, 像Internet Explorer, 賦予它和 <span> 元素相同的樣式。
Opera, Firefox, 和 一些其他的瀏覽器在元素內容下方添加了一條點狀的下劃線。
因此強烈建議Web作者們不要依賴默認的樣式.
提示和注釋:
注釋:在某些瀏覽器中,當您把鼠標移至縮略詞語上時,title 可被用來展示表達的完整版本。
。。。。。。
HTML5 <b> 標簽
所有主流瀏覽器都支持 <b> 標簽。
在HTML5中,你可以使用<b>標簽來對某些文本實現加粗的效果。
標簽定義及使用說明:
<b> 標簽定義粗體的文本。
提示和注釋:
注釋:根據 HTML 5 的規范,<b> 標簽應該做為最后的選擇,只有在沒有其他標記比較合適時才使用它。HTML 5 規范聲明:標題應該用 <h2> - <h7> 標簽表示,被強調的文本應該用 <em> 標簽表示,重要的文本應該用 <strong> 標簽表示,被標記的或者高亮顯示的文本應該用 <mark> 標簽表示。
提示:您也可以使用 CSS 的 "font-weight" 屬性設置粗體文本。
。。。。。。
HTML5 <basefont> 標簽 (已廢棄)
HTML標簽<basefont>用來設置文檔的默認字體大小。使用<font>可以相對于默認字體大小進行變化。
使用說明:
不要再使用這個標簽! 盡管在HTML 3.2中曾經(不嚴格地)標準化,但是它并不被主流的瀏覽器所支持。
而且,不同的瀏覽器、甚至同一瀏覽器的相鄰版本,都沒有使用相同的實現方式; 實際上,使用這個標簽總是導致不確定的結果。
HTML 4.01 與 HTML 5 之間的差異:
HTML 5 不支持 <basefont> 標簽。請用 CSS 代替。
。。。。。。
HTML5 <base> 標簽
所有主流瀏覽器都支持 <base> 標簽。
標簽定義及使用說明:
<base> 標簽為頁面上的所有的相對鏈接規定默認 URL 或默認目標。
在一個文檔中,最多能使用一個 <base> 元素。<base> 標簽必須位于 <head> 元素內部。
提示和注釋:
提示:請把 <base> 標簽排在 <head> 元素中第一個元素的位置,這樣 head 區域中其他元素就可以使用 <base> 元素中的信息了。
注釋:如果使用了 <base> 標簽,則必須具備 href 屬性或者 target 屬性或者兩個屬性都具備。
HTML 與 XHTML 之間的差異:
在 HTML 中,<base> 標簽沒有結束標簽。
在 XHTML 中,<base> 標簽必須被正確地關閉。
事件屬性:<base> 標簽不支持任何的事件屬性。
。。。。。。
HTML5 <blockquote> 標簽
所有主流瀏覽器都支持 <blockquote> 標簽。
HTML5 <blockquote>標簽用來引用大段的內容塊,處于該標簽內的文本會獨自分離出來,并且自動縮進。
標簽定義及使用說明:
<blockquote> 標簽定義摘自另一個源的塊引用。
瀏覽器通常會對 <blockquote> 元素進行縮進。
提示和注釋:
提示:如果標記是不需要段落分隔的短引用,請使用 <q>。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<blockquote> 標簽定義一段長引用。
在 HTML5 中,<blockquote> 標簽定義摘自另一個源的塊引用。
HTML 與 XHTML 之間的差異:
注釋:如需把頁面作為 XHTML 進行驗證,那么 <blockquote> 元素必須包含塊級元素。
。。。。。。
HTML5 <br />標簽
所有主流瀏覽器都支持 <br> 標簽。
HTML5 <br> 標簽用來對文檔中的文本進行換行的處理。
標簽定義及使用說明:
<br> 標簽插入一個簡單的換行符。
<br> 標簽是一個空標簽,意味著它沒有結束標簽。
提示:由于 <br /> 標簽是空標簽,因此,不允許有“<br>...</br>”這樣的寫法!
提示和注釋:
提示:在寫地址信息或者寫詩詞時 <br /> 標簽非常有用。
注釋: 請使用 <br /> 標簽來輸入空行,而不是分割段落。
HTML 與 XHTML 之間的差異:
在 HTML 中,<br> 標簽沒有結束標簽。
在 XHTML 中,<br> 標簽必須被正確地關閉,比如這樣:<br /> 。
。。。。。。
HTML5 <big> 標簽 (已廢棄)
定義和用法:
<big> 標簽制作更大的文本。但是在HTML5中該標簽不支持使用,你可以參考本站的“HTML <big>標簽”部分!
HTML 4.01 與 HTML 5 之間的差異:
HTML 5 不支持 <big> 標簽。請用 CSS 代替。
。。。。。。
HTML5 <button> 標簽
所有主流瀏覽器都支持 <button> 標簽。
HTML5 <button>標簽用來定義按鈕,該標簽內的內容即為你要使用的按鈕的內容。
標簽定義及使用說明:
<button> 標簽定義一個按鈕。
在 <button> 元素內部,您可以放置內容,比如文本或圖像。這是該元素與使用 <input> 元素創建的按鈕之間的不同之處。
提示:請始終為 <button> 元素規定 type 屬性。不同的瀏覽器對 <button> 元素的 type 屬性使用不同的默認值。
提示和注釋:
注釋:如果在 HTML 表單中使用 <button> 元素,不同的瀏覽器可能會提交不同的按鈕值。請使用 <input> 在 HTML 表單中創建按鈕。
HTML 4.01 與 HTML5之間的差異:
HTML5 中的新屬性:autofocus、form、formaction、formenctype、formmethod、formnovalidate 以及 formtarget。
注意: <button> 元素比 <input> 元素更易樣式化。你可以添加內聯HTML內容(如<em>,<strong> 甚至<img>),并使用 :after 和 :before 偽元素實現復雜的渲染,而 <input> 只有文本值屬性。
。。。。。。
HTML5 <bdo> 標簽
定義和用法:
<bdo> 標簽覆蓋默認的文本方向。bdo 指的是 bidi 覆蓋(Bi-Directional Override)。
HTML 4.01 與 HTML 5 之間的差異:
HTML4 的規范文檔中沒有描述該元素的事件,它們在 XHTML 中被添加。這應該是當時的疏忽。
。。。。。。
HTML5 <center> 標簽 (已廢棄)
定義和用法:
<center> 標簽對其包圍的文本進行水平居中處理。HTML5不支持使用<center>標簽。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中,不支持該標簽。請使用 CSS 代替。
提示和注釋:
提示:請使用 CSS 來居中文本。
。。。。。。
HTML5 <command> 標簽 (已廢棄)
目前,主流瀏覽器都不支持 <command> 標簽。
注釋:只有 IE 9 支持 <command> 標簽,其他之前版本或者之后版本的 IE 瀏覽器不支持 <command> 標簽。
HTML5 <command>標簽用于定義命令按鈕。
標簽定義及使用說明:
<command> 標簽可以定義用戶可能調用的命令(比如單選按鈕、復選框或按鈕)。
當使用<menu>元素時,command元素將作為菜單或者工具欄的一部分顯示出來。但是,用command規定鍵盤快捷鍵時,command元素能被放置在頁面的任何位置,但元素不可見。
HTML 4.01 與 HTML5之間的差異:
<command> 標簽是 HTML 5 中的新標簽。
。。。。。。
HTML5 <col> 標簽
所有主流瀏覽器都支持 <col> 標簽。
HTML5 <col> 標簽用于控制表格中的列,使你更加方便的為表格中的列應用樣式。
標簽定義及使用說明:
<col> 標簽規定了 <colgroup> 元素內部的每一列的列屬性。
通過使用 <col> 標簽,可以向整個列應用樣式,而不需要重復為每個單元格或每一行設置樣式。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不再支持 HTML 4.01 中的大部分屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中,<col> 標簽沒有結束標簽。
在 XHTML 中,<col> 標簽必須被正確的關閉。
。。。。。。
HTML5 <colgroup> 標簽
所有主流瀏覽器都支持 <colgroup> 標簽。
HTML5 <colgroup>標簽可以組合<col>標簽。
標簽定義及使用說明:
<colgroup> 標簽用于對表格中的列進行組合,以便對其進行格式化。
通過使用 <colgroup> 標簽,可以向整個列應用樣式,而不需要重復為每個單元格或每一行設置樣式。
注釋:只能在 <table> 元素之內,在任何一個 <caption> 元素之后,在任何一個 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 標簽。
提示:如果想對 <colgroup> 中的某列定義不同的屬性,請在 <colgroup> 標簽內使用 <col> 標簽。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不再支持 HTML 4.01 中的大部分屬性。
。。。。。。
HTML5 <caption> 標簽
所有主流瀏覽器都支持 <caption> 標簽。
HTML5 <caption>標簽用來為表格定義一個標題。
標簽定義及使用說明:
<caption> 標簽定義表格的標題。
<caption> 標簽必須直接放置到 <table> 標簽之后。
您只能對每個表格定義一個標題。
提示:通常這個標題會被居中于表格之上。然而,CSS 屬性 "text-align" 和 "caption-side" 能用來設置標題的對齊方式和顯示位置。
HTML 4.01 與 HTML5之間的差異:
HTML5 不支持 align 屬性。
HTML 4.01 已廢棄 align 屬性。
。。。。。。
HTML5 <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 標簽
<cite>) 表示一個作品的引用。
定義和用法:
以下元素都是短語元素。并不反對使用它們,但是通過使用樣式表,可能取得更豐富的效果。
<em> 呈現為被強調的文本。
<strong> 定義重要的文本。
<dfn> 定義一個定義項目。
<code> 定義計算機代碼文本。
<samp> 定義樣本文本。
<kbd> 定義鍵盤文本。它表示文本是從鍵盤上鍵入的。它經常用在與計算機相關的文檔或手冊中。
<var> 定義變量。您可以將此標簽與 <pre> 及 <code> 標簽配合使用。
<cite> 定義引用。可使用該標簽對參考文獻的引用進行定義,比如書籍或雜志的標題。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中,<strong> 定義語氣更重的強調文本,但是在 HTML 5 中,<strong> 定義重要的文本。
<em> 元素通常被用于指示一個隱式或顯式的對比。
<strong> 表示文本十分重要,一般用粗體顯示。
<dfn> 使用說明:
<dfn> 元素標記了被定義的術語;術語定義應當在 <p>, <section>或定義列表 (通常是<dt>, <dd> 對)中給出。
被定義術語的值由下列規則確定:如果 <dfn> 元素有一個 title 屬性,那么該術語的值就是該屬性的值。否則,如果它僅包含一個 <abbr> 元素,該元素擁有 title 屬性,那么該術語的值就是該屬性的值。否則,<dfn> 元素的文本內容就是該術語的值。
<code> 元素呈現一段計算機代碼. 默認情況下, 它以瀏覽器的默認等寬字體顯示。
<samp> 元素用于標識計算機程序輸出,通常使用瀏覽器缺省的 monotype 字體 。
<kbd> 用于表示用戶輸入,它將產生一個行內元素,以瀏覽器的默認monospace字體顯示。
<var> 標簽表示變量的名稱,或者由用戶提供的值。
。。。。。。
HTML5 <ul> 標簽
定義和用法:
<ul> 標簽定義無序列表。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中,ul 元素的 "compact" 和 "type" 屬性是不被贊成使用的。在 HTML 5 中,不再支持這兩個屬性。
提示和注釋:
提示:請使用 CSS 來定義列表的類型。
。。。。。。
HTML5 <dl> 標簽
所有主流瀏覽器都支持 <dl> 標簽。
帶有項目和描述的描述列表。
標簽定義及使用說明:
<dl> 標簽定義一個描述列表。
<dl> 標簽與 <dt> (定義項目/名字)和 <dd> (描述每一個項目/名字)一起使用。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<dl> 標簽定義一個定義列表。
在 HTML5 中,<dl> 標簽定義一個描述列表。
注意:請不要將該元素(也不要用 <ul> 元素)用來在頁面創建具有縮進效果的內容。雖然這樣的結果樣式看上去沒問題,但是,這是很糟糕的做法,并且語義也不清晰。
要改變描述列表中描述的縮進量,請使用 CSS margin 屬性。
。。。。。。
HTML5 <del> 標簽
所有主流瀏覽器都支持 <del> 標簽。
一段帶有已刪除部分和新插入部分的文本。
標簽定義及使用說明:
<del> 標簽定義文檔中已刪除的文本。
提示和注釋:
提示:<ins> 標簽的作用恰恰于此相反:表示文檔中添加的內容。
提示:<del> 和 <ins> 一起使用,描述文檔中的更新和修正。瀏覽器通常會在已刪除文本上添加一條刪除線,在新插入文本下添加一條下劃線。
。。。。。。
HTML5 <dd> 標簽
所有主流瀏覽器都支持 <dd> 標簽。
帶有項目和描述的描述列表。
標簽定義及使用說明:
<dd> 標簽被用來對一個描述列表中的項目/名字進行描述。
<dd> 標簽與 <dl> (定義一個描述列表)和 <dt> (定義項目/名字)一起使用。
在 <dd> 標簽內,您能放置段落、換行、圖片、鏈接、列表等等。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<dd> 標簽被用來描述一個定義列表中的條目。
在 HTML5 中,<dd> 標簽被用來描述一個描述列表的項目/名字。
屬性:nowrap,如果這個屬性的值為 yes,那么定義的描述文字將不會包裹。默認值為 no。
。。。。。。
HTML5 <details> 標簽
目前,只有 Chrome 和 Safari 6 支持 <details> 標簽。
標簽定義及使用說明:
<details> 標簽規定了用戶可見的或者隱藏的需求的補充細節。
<details> 標簽用來供用戶開啟關閉的交互式控件。任何形式的內容都能被放在 <details> 標簽里邊。
<details> 元素的內容對用戶是不可見的,除非設置了 open 屬性。
HTML 4.01 與 HTML5之間的差異:
<details> 標簽是 HTML5 中的新標簽。
提示和注釋:
提示:與 <summary> 標簽配合使用可以為 details 定義標題。標題是可見的,用戶點擊標題時,會顯示出 details。
。。。。。。
HTML5 <div> 標簽
所有主流瀏覽器都支持 <div> 標簽。
標簽定義及使用說明:
<div> 標簽定義 HTML 文檔中的一個分隔區塊或者一個區域部分。
<div>標簽常用于組合塊級元素,以便通過 CSS 來對這些元素進行格式化。
提示和注釋:
提示:<div> 元素經常與 CSS 一起使用,用來布局網頁。
注釋:默認情況下,瀏覽器通常會在 <div> 元素前后放置一個換行符。然而,您可以通過使用 CSS 改變這種情況。
HTML 4.01 與 HTML5之間的差異:
HTML5 中不支持 align 屬性。
在 HTML 4.01 中,align 屬性 已廢棄。
。。。。。。
HTML5 <dir> 標簽 (已廢棄)
定義和用法:
<dir> 標簽定義目錄列表。HTML5 不支持<dir>標簽的使用,請你參考“HTML <dir>標簽”部分獲得更多信息!
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中,不贊成使用 <dir> 標簽。使用 <ul> 來代替。
HTML 5 不支持 <dir> 標簽。請用 CSS 代替。
。。。。。。
HTML5 <embed> 標簽
注意: 大多數現代瀏覽器已經棄用并取消了對瀏覽器插件的支持,所以如果您希望您的網站可以在普通用戶的瀏覽器上運行,那么依靠 <embed> 通常是不明智的。
標簽定義及使用說明:
<embed> 標簽定義了一個容器,用來嵌入外部應用或者互動程序(插件)。
HTML 4.01 與 HTML5之間的差異:
<embed> 標簽是 HTML 5 中的新標簽。
。。。。。。
HTML5 <frameset> 標簽 (已廢棄)
定義和用法:
<frameset> 標簽定義框架集。它用于組織多個窗口(框架)。每個框架存在一個獨立的文檔。在最簡單的應用中,frameset 元素僅僅聲明框架集中存在的列或行的數目。
由于該標簽對網頁可用性的負面影響,在 HTML 5 中 <frameset> 標簽沒有得到支持。請參考“HTML <frameset>標簽”部分獲取相關信息!
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中不支持 <frameset> 標簽。
注意: 現在不鼓勵使用 frame,而是用<iframe>。現今的網站一般都不使用 frame。
。。。。。。
HTML5 <figcaption> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figcaption> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <figcaption> 標簽。
HTML5 <figcaption>標簽用來表示<figure>標簽的標題。
使用 <figure> 元素標記文檔中的一個圖像。<figure> 元素帶有一個標題。
標簽定義及使用說明:
<figcaption> 標簽為 <figure> 元素定義標題。
<figcaption> 元素應該被置于 <figure> 元素的第一個或最后一個子元素的位置。
HTML 4.01 與 HTML5之間的差異:
<figcaption> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <form> 標簽
所有主流瀏覽器都支持 <form> 標簽。
標簽定義及使用說明:
<form> 標簽用于創建供用戶輸入的 HTML 表單。
可以用 :valid 和:invalid CSS 偽類 來給一個元素指定樣式。
<form> 元素包含一個或多個如下的表單元素:
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
HTML 4.01 與 HTML5之間的差異:
HTML5 新增了兩個新的屬性:autocomplete 和 novalidate,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已被廢棄。使用全局 id 屬性代替。
。。。。。。
HTML5 <frame> 標簽 (已廢棄)
定義和用法:
<frame> 標簽定義子窗口(框架)。
由于該標簽對網頁可用性的負面影響,在 HTML 5 中 <frame> 標簽沒有得到支持。不過,你可以在本站的“HTML <frame>標簽”部分了解該標簽的使用方法!
屬性:
src:這個屬性指定了由幀展示的文檔。
name:這個屬性用于給幀添加標簽。如果沒有標簽,所有鏈接都會在它們所在的幀中打開。
noresize:這個屬性避免讓用戶改變幀的大小。
scrolling:這個屬性定義了滾動條的存在。如果不使用這個屬性,瀏覽器會按需放置滾動條。有兩個選擇:"yes"用于展示滾動條,即使是多余的;"no"用于不展示滾動條,即使它是必要的。
marginheight:這個屬性定義了幀之間的邊距有多高。
marginwidth:這個屬性定義了幀之間的邊距有多寬。
frameborder:這個屬性允許你為幀添加邊框。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中不支持 <frame> 標簽。
。。。。。。
HTML5 <figure> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <figure> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <figure> 標簽。
使用 <figure> 元素標記文檔中的一個圖像
標簽定義及使用說明:
<figure> 標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。
<figure> 元素的內容應該與主內容相關,同時元素的位置相對于主內容是獨立的。如果被刪除,則不應對文檔流產生影響。
HTML 4.01 與 HTML5之間的差異:
<figure> 標簽是 HTML 5 中的新標簽。
提示和注釋:
提示:<figcaption> 元素被用來為 <figure> 元素定義標題。
。。。。。。
HTML5 <footer> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <footer> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <footer> 標簽。
標簽定義及使用說明:
<footer> 標簽定義文檔或者文檔的一部分區域的頁腳。
<footer> 元素應該包含它所包含的元素的信息。
在典型情況下,該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。
在一個文檔中,您可以定義多個 <footer> 元素。
HTML 4.01 與 HTML5之間的差異:
<footer> 標簽是 HTML 5 中的新標簽。
提示和注釋:
提示:假如您使用 <footer> 元素來插入聯系信息,應該在 <footer> 元素內使用 <address> 標簽。
。。。。。。
HTML5 <fieldset> 標簽
所有主流瀏覽器都支持 <fieldset> 標簽。
HTML5 <fieldset>標簽用于對表單中的相關元素進行分組。
標簽定義及使用說明:
<fieldset> 標簽可以將表單內的相關元素分組。
<fieldset> 標簽會在相關表單元素周圍繪制邊框。
提示和注釋:
提示:<legend> 標簽為 <fieldset> 元素定義標題。
HTML 4.01 與 HTML5之間的差異:
HTML5 中新增了一些 <fieldset> 的新屬性:disabled、form、name,HTML 4.01 中不支持這些屬性。
。。。。。。
HTML5 <hgroup> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <hgroup> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <hgroup> 標簽。
HTML5 使用 <hgroup> 對標題進行組合。
標簽定義及使用說明:
<hgroup> 標簽被用來對標題元素進行分組。
當標題有多個層級(副標題)時,<hgroup> 元素被用來對一系列 <h2> - <h7> 元素進行分組。
HTML 4.01 與 HTML5之間的差異:
<hgroup> 標簽是 HTML 5 中的新標簽。
。。。。。。
HTML5 <hr> 標簽
所有主流瀏覽器都支持 <hr> 標簽。
標簽定義及使用說明:
<hr> 標簽定義 HTML 頁面中的主題變化(比如話題的轉移),并顯示為一條水平線。
<hr> 元素被用來分隔 HTML 頁面中的內容(或者定義一個變化)。
HTML 4.01 與 HTML5之間的差異:
在 HTML5 中,<hr> 定義內容中的主題變化,并顯示為一條水平線。
在 HTML 4.01 中,<hr> 標簽僅僅顯示為一條水平線。
在 HTML 4.01 中,所有的布局屬性都 已廢棄。在 HTML5 中不再支持這些屬性。請使用 CSS 來為 <hr> 元素定義樣式。
HTML 與 XHTML 之間的差異:
在 HTML 中,<hr> 標簽沒有結束標簽。
在 XHTML 中,<hr> 標簽必須被正確地關閉,比如 <hr />。
。。。。。。
HTML5 <h2> 至 <h7> 標簽
定義和用法:
HTML5 通過 <h2> - <h7> 標簽可定義標題。<h2> 定義最大的標題。<h7> 定義最小的標題。
由于h元素擁有確切的語義,因此請您慎重地選擇恰當的標簽層級來構建文檔的結構。因此,請不要利用標題標簽來改變同一行中的字體大小。相反,我們應當使用層疊樣式表定義來達到漂亮的顯示效果。
如果您希望了解更多有關 HTML 標簽選擇和使用的信息,請閱讀《Web 品質》。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中,h2 - h7 元素的 "align" 屬性不被贊成使用。
在 HTML 5 中,h2 - h7 元素的 "align" 屬性不被支持。
。。。。。。
HTML5 <header> 標簽
IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標簽。
HTML5 ,<header>標簽用來表示介紹性的內容,即,定義了文檔中的頁眉。
標簽定義及使用說明:
<header> 標簽定義文檔或者文檔的一部分區域的頁眉。
<header> 元素應該作為介紹內容或者導航鏈接欄的容器。
在一個文檔中,您可以定義多個 <header> 元素。
注釋:<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
HTML 4.01 與 HTML5之間的差異:
<header> 標簽是 HTML 5 中的新標簽。
。。。。。。
HTML5 <html> 標簽
定義和用法:
HTML5 <html> 標簽是所有其他 HTML 元素(除了 <!DOCTYPE> 標簽)的容器。
<html> 標簽告知瀏覽器這是一個 HTML 文檔。
html 元素是 HTML 文檔中最外層的元素。
html 元素也可稱為根元素。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中的 xmlns 屬性,在 XHTML 中是必須的。實際上它沒有任何效果,但是出于驗證的原因,在把 HTML 轉換為 XHTML 的過程中,是很有幫助的。在 HTML 5 中,沒有理由這么做,但是你仍然可以把 xmlns 屬性定義為 "http://www.w3.org/1999/xhtml"。
在 HTML 5 中,有一個新屬性:manifest。
提示和注釋:
注釋:如果您出于某種原因,希望定義 xmlns 屬性,唯一合法的值是 "http://www.w3.org/1999/xhtml"。
注意:作為HTML文檔的最外層元素,請正確書寫<html>標簽,并將其它HTML標簽正確的放置在<html>標簽中!
注意事項:盡管在 HTML 里它不是必需的,可以是隱含的,但是在 XHTML 里必須明確給出 <html> 元素的開標簽和閉標簽。
。。。。。。
HTML5 <head> 標簽
所有主流瀏覽器都支持 <head> 標簽。
HTML5 <head> 標簽表示文檔的頭部,其中包含了與該文檔有關的信息!
標簽定義及使用說明:
<head> 元素是所有頭部元素的容器。
<head> 元素必須包含文檔的標題(title),可以包含腳本、樣式、meta 信息 以及其他更多的信息。
以下列出的元素能被用在 <head> 元素內部:
<title> (在頭部中,這個元素是必需的)
<style>
<base>
<link>
<meta>
<script>
<noscript>
HTML 4.01 與 HTML5之間的差異:
HTML5 不再支持 profile 屬性。
附注:如果在文檔中忽略了 <head> 標簽,則大部分瀏覽器會自動創建一個 <head> 元素。當然,有一些不會。
下面這些瀏覽器經測試不會自動創建一個 head 元素:Android <=1.6, iPhone <=3.1.3, Nokia 90, Opera <=9.27, and Safari <=3.2.1。
。。。。。。
HTML5 <i> 標簽
所有主流瀏覽器都支持 <i> 標簽。
標簽定義及使用說明:
<i> 定義與文本中其余部分不同的部分,并把這部分文本呈現為斜體文本。
<i> 標簽被用來表示科技術語、其他語種的成語俗語、想法、宇宙飛船的名字等等。
在沒有其他適當語義的元素可以使用時,請使用 <i> 元素。其他語義的元素如下:
<em> (被強調的文本)
<strong> (重要的文本)
<mark> (被標記的/高亮顯示的文本)
<cite> (作品的標題)
<dfn> (一個定義項目)
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01 中,<i> 標簽呈現斜體的文本。然而,在 HTML5 中沒有必要這么做,可以使用樣式表來格式化 <i> 元素中的文本。
。。。。。。
HTML5 <iframe> 標簽
所有主流瀏覽器都支持 <iframe> 標簽。
標簽定義及使用說明:
<iframe> 標簽規定一個內聯框架。
一個內聯框架被用來在當前 HTML 文檔中嵌入另一個文檔。
提示和注釋:
提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之間,這樣就可以應對不支持 <iframe> 的瀏覽器。
提示:使用 CSS 為 <iframe> (包括滾動條)定義樣式。
HTML 4.01 與 HTML5之間的差異:
HTML5 新增了一些新的屬性,同時去掉了 HTML 4.01 中的一些屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已被廢棄,并將被去掉。請使用 id 屬性代替。
。。。。。。
HTML5 <input> 標簽
目前大多數瀏覽器支持 <input>標簽。
標簽定義及使用說明:
<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 /> 標簽必須被正確地關閉。
。。。。。。
HTML5 <img> 標簽
所有主流瀏覽器都支持 <img> 標簽。
HTML5 <img>標簽用于向網頁中添加相關圖片。
標簽定義及使用說明:
<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 /> 標簽必須被正確地關閉。
支持的圖像格式:
HTML 標準并沒有給出必須支持的圖像格式的列表,因此每個用戶代理支持一組不同的格式。 Gecko 支持:
JPEG
GIF
PNG
APNG
SVG
BMP
BMP ICO
PNG ICO
與 CSS 的交互。關于 CSS,<img> 是一個 替換元素。它沒有基線,這意味著當在一個行內格式的上下文中使用 vertical-align: baseline 時,圖像的底部將會與容器的基線對齊。
。。。。。。
HTML5 <ins> 標簽
所有主流瀏覽器都支持 <ins> 標簽。
標簽定義及使用說明:
<ins> 標簽定義已經被插入文檔中的文本。
提示和注釋:
提示:您也可以看看標記已刪除文本的 <del> 標簽。
提示:<del> 和 <ins> 一起使用,描述文檔中的更新和修正。瀏覽器通常會在已刪除文本上添加一條刪除線,在新插入文本下添加一條下劃線。
。。。。。。
HTML5 <keygen> 標簽 (已廢棄)
Firefox、Opera、Chrome 和 Safari 6 都支持 <keygen> 標簽。
<keygen> 標簽會生成一個公鑰和私鑰,私鑰會存放在用戶本地,而公鑰則會發送到服務器。該標簽在新的 Web 標準中已廢棄!
標簽定義及使用說明:
<keygen> 標簽規定用于表單的密鑰對生成器字段。
當提交表單時,私鑰存儲在本地,公鑰發送到服務器。
HTML 4.01 與 HTML5之間的差異:
<keygen> 元素是 HTML5 新標簽。
。。。。。。
HTML5 <link> 標簽
所有主流瀏覽器都支持 <link> 標簽。
HTML5 <link>標簽用于在文檔與將要使用的外部之間建立聯系,以為文檔獲取相應的資源。
標簽定義及使用說明:
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表。
注意: link 元素是空元素,它僅包含屬性。
注意: 此元素只能存在于 head 部分,不過它可出現任何次數。
HTML 4.01 與 HTML5之間的差異:
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異:
在 HTML 中,<link> 標簽沒有結束標簽。
在 XHTML 中,<link> 標簽必須被正確地關閉。
。。。。。。
HTML5 <li> 標簽
目前多數主流瀏覽器支持 <li>標簽。
HTML5 <li>標簽用于表示文檔中列表的項目,在下述例子中,我們分別在有序列表和無序列表中使用了<li>標簽。
HTML 兩個列表實例: 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) 。
標簽定義及使用說明:
<li> 標簽定義列表項目。
<li> 標簽可用在有序列表(<ol>)、無序列表(<ul>)和菜單列表(<menu>)中。
HTML 4.01 與 HTML5之間的差異:
"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。
提示和注釋:
提示:請使用 CSS 來定義列表和列表項目的類型。
。。。。。。。
HTML5 <legend> 標簽
目前大多數瀏覽器支持 <legend> 標簽。
HTML5 <legend>元素是<fieldset>元素的第一個子元素,定義了<fieldset>元素的標題。
標簽定義及使用說明:
<legend> 元素為 <fieldset>元素定義標題。
HTML 4.01 與 HTML5之間的差異:
在 HTML 4.01中 "align" 屬性已被廢棄, HTML5不支持該屬性。不建議使用。 請使用 CSS 來設置 <legend> 元素的對齊方式。
。。。。。。
HTML5 <label> 標簽
目前大多數瀏覽器支持 <label> 標簽。
HTML5 <label>標簽用于為 input 元素做出標記。
帶有兩個輸入字段和相關標記的簡單 HTML 表單
標簽定義及使用說明:
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋:
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異:
"form" 屬性是 HTML5 的新屬性。
。。。。。。
HTML5 <map> 標簽
目前大多數瀏覽器支持 <map>標簽。
HTML5 <map>標簽用來表示圖像映射,也就是指帶有可點擊區域的圖像映射。
標簽定義及使用說明:
<map> 標簽用于客戶端圖像映射。圖像映射指帶有可點擊區域的一幅圖像。
<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決于瀏覽器),所以我們應同時向 <map> 添加 id 和 name 屬性。
area 元素永遠嵌套在 map 元素內部。area 元素可定義圖像映射中的區域。
HTML 4.01 與 HTML5之間的差異:
注意:在 HTML5 中, 如果 id 屬性在<map> 標簽中指定, 則你必須同樣指定 name 屬性。
HTML 與 XHTML 之間的差異:
在 XHTML 中,name 屬性已經廢棄,使用 id 屬性替換它。
。。。。。。
HTML5 <meta> 標簽
所有主流瀏覽器都支持 <meta> 標簽。
描述 HTML 文檔的元數據:
<head>
<meta name="description" content="網頁描述">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="w3cschool">
<meta charset="UTF-8">
</head>
標簽定義及使用說明:
元數據(Metadata)是數據的數據信息。
<meta> 標簽提供了 HTML 文檔的元數據。元數據不會顯示在客戶端,當時會被瀏覽器解析。
META元素通常用于指定網頁的描述,關鍵詞,的文件的最后修改,作者,和其他元數據。
元數據可以被使用瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 Web 服務調用。
提示和注釋:
注意:<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> 標簽必須包含結束標簽。
實例:
實例 1 - 定義文檔關鍵詞,用于搜索引擎:<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
實例 2 - 定義web頁面描述:<meta name="description" content="Free Web tutorials on HTML and CSS">
實例 3 - 定義頁面作者:<meta name="author" content="Hege Refsnes">
實例 4 - 每30秒刷新頁面:<meta http-equiv="refresh" content="30">
。。。。。。
HTML5 <menu> 標簽
目前主流瀏覽器并不支持 <menu> 標簽。
注意:這個元素在HTML4中被棄用,但再HTML5.1(正在起草中)中被重新推薦使用。
HTML5 <menu>標簽用于定義菜單列表。
標簽定義及使用說明:
<menu> 標簽定義了一個命令列表或菜單。
<menu> 標簽通常用于文本菜單,工具條和命令列表選項。
提示和注釋:
提示:使用 CSS 來定義菜單列表樣式。
HTML 4.01 與 HTML5之間的差異:
HTML 4.01的 <menu> 元素已廢棄。
HTML5 中 <menu> 元素已被重新定義。
。。。。。。
HTML5 <meter> 標簽
Firefox、Opera、Chrome 和 Safari 6 支持 <meter> 標簽。
使用 meter 元素展示給定的數據范圍。
標簽定義及使用說明:
<meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。
比如:磁盤使用情況,查詢結果的相關性等。
注意: <meter> 不能作為一個進度條來使用, 進度條 <progress> 標簽。
HTML 4.01 與 HTML5 之間的差異:
<meter> 是 HTML5 的新標簽。
。。。。。。
HTML5 <mark> 標簽
Internet Explorer 9+、Firefox、Opera、Chrome 和 Safari 支持 <mark> 標簽。
注意:Internet Explorer 8 及更早版本不支持 <mark> 標簽。
部分文本高亮顯示。
標簽定義及使用說明:
<mark> 標簽定義帶有記號的文本。
請在需要突出顯示文本時使用 <mark> 標簽。
HTML 4.01 與 HTML5之間的差異:
<mark> 是 HTML5 新標簽。
。。。。。。
HTML5 <nav> 標簽
目前大多數瀏覽器支持 <nav> 標簽。
HTML5 <nav>標簽用于表示HTML頁面中的導航,可以是頁與頁之間導航,也可以是頁內的段與段之間導航。
標簽定義及使用說明:
<nav> 標簽定義導航鏈接的部分。
并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標注一個導航鏈接的區域。
在不同設備上(手機或者PC)可以制定導航鏈接是否顯示,以適應不同屏幕的需求。
HTML 4.01 與 HTML5中的差異:
<nav> 是 HTML5 的新標簽。
提示:由于<nav>標簽是HTML5中的新標簽,所以如果你使用的IE瀏覽器版本過低的話,相關的布局將會是無效的,并且CSS樣式也隨之失效!
。。。。。。
HTML5 <noscript> 標簽
目前大多數瀏覽器支持 <p> 標簽。
標簽定義及使用說明:
noscript 元素用來定義在腳本未被執行時的替代內容(文本)。
此標簽可被用于可識別 <noscript> 標簽但無法支持其中的腳本的瀏覽器。
提示和注釋:
提示:如果瀏覽器支持腳本,那么它不會顯示出 noscript 元素中的文本。
注釋:無法識別 <script> 標簽的瀏覽器會把標簽的內容顯示到頁面上。為了避免瀏覽器這樣做,您應當在注釋標簽中隱藏腳本。老式的(無法識別 <script> 標簽的)瀏覽器會忽略注釋,這樣就不會把標簽的內容寫到頁面上,而新式的瀏覽器則懂得執行這些腳本,即使它們被包圍在注釋標簽中!
在HTML 4.01 與 HTML5 之間的差異:
在 HTML 4.01 中,<noscript> 標簽只允許插入到 <body> 元素中。
在 HTML5 中,<noscript> 標簽可以插入到 <head> 和 <body> 區域中。
在HTML 與 XHTML 之間的差異:
XHTML 不支持 <noscript> 標簽。
。。。。。。
HTML5 <ol> 標簽
目前大多數瀏覽器支持 <ol> 標簽。
HTML5 <ol>標簽用于定義文檔中的有序列表。
標簽定義及使用說明:
<ol> 標簽定義了一個有序列表. 列表排序以數字來顯示。
使用<li> 標簽來定義列表選項。
提示和注釋:
提示: 如果需要無序列表,請使用 <ul> 標簽。
提示:使用 CSS 來定義列表樣式。
HTML 4.01 與 HTML5中的差異:
在 HTML 4.01 中"start" 和 "type" 屬性已經廢棄,HTML5不支持該屬性。
"reversed" 屬性是 HTML5 中的新屬性。
在HTML 4.01中"compact" 屬性已經廢棄,在 HTML5中不支持該屬性。
。。。。。。
HTML5 <object> 標簽
定義和用法:
HTML5 <object>標簽定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素運行您規定插入 HTML 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。
HTML 4.01 與 HTML 5 之間的差異:
不再支持 HTML 4.01 中的一些屬性。
在 HTML5 中,objects 可以在form表單中提交。
在 HTML5 中,objects 不再出現在 <head> 元素區域內。
提示和注釋:
注釋:object 元素可位于在 head 元素或 body 元素內部。<object> 與 </object> 之間的文本是替換文本,針對不支持此標簽的瀏覽器。<param> 標簽可定義用于對象的 run-time 設置。
提示:至于圖像,請使用 <img> 標簽代替 <object> 標簽。
提示:至少必須定義 "data" 和 "type" 屬性之一。
通過使用<object>標簽,你可以嵌入圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash 等。
。。。。。。
HTML5 <option> 標簽
定義和用法:
HTML5 <option> 標簽定義下拉列表中的一個選項。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中,<option> 標簽也用于新元素 <datalist> 中。
提示和注釋:
注釋:<option> 標簽能夠在不帶任何屬性的情況下使用,但是通常需要 value 屬性,該屬性定義了發送到服務器的數據。
注釋:請與 <select> 或 <datalist> 標簽結合使用。在其他地方,<option> 標簽是無意義的。
。。。。。。
HTML5 <output> 標簽
Firefox、Opera、Chrome 和 Safari 瀏覽器都支持 <output> 標簽。
注意:Internet Explorer 瀏覽器不支持 <output> 標簽。
HTML5 <output>標簽用來定義不同類型的輸出。
標簽定義及使用說明:
<output> 標簽作為計算結果輸出顯示(比如執行腳本的輸出)。
在HTML 4.01 與 HTML5中的差異:
<output> 標簽是 HTML 5 中的新標簽。
。。。。。。
HTML5 <optgroup> 標簽
大多數主流瀏覽器支持 <optgroup>標簽。
HTML5 <optgroup>標簽用來定義一個選項組,即,可以將文檔中的選項進行組合。
標簽定義及使用說明:
<optgroup> 標簽經常用于把相關的選項組合在一起。
如果你有很多的選項組合, 你可以使用<optgroup> 標簽能夠很簡單的將相關選項組合在一起。
。。。。。。
HTML5 <p> 標簽
目前大多數瀏覽器支持 <p>標簽。
HTML5 <p>標簽用于定義一個段落。
標簽定義及使用說明:
<p> 標簽定義段落。
<p>元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規定。
提示:在本站的HTML5編程實戰中,你可以練習使用<p>標簽!
在HTML 4.01 與 HTML5中的差異:
HTML 4.01中標簽的 align 屬性已經廢棄,HTML5不支持該屬性。
。。。。。。
HTML5 <pre> 標簽
目前大多數瀏覽器支持 <pre> 標簽。
HTML5 <pre>標簽可以對文檔中的文本進行預格式化。
標簽定義及使用說明:
<pre> 標簽可定義預格式化的文本。
被包圍在 <pre> 標簽 元素中的文本通常會保留空格和換行符。而文本也會呈現為等寬字體。
提示和注釋:
提示:<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。
在HTML 4.01 與 HTML5中的差異:
在 HTML 4.01 中,"width" 屬性已廢棄,不可使用。 HTML5 不支持"width"屬性。
。。。。。。
HTML5 <param> 標簽
<param> 標簽支持大部分主流瀏覽器。但是 <object> 定義的文件格式不是所有的瀏覽器都支持。
注意:Internet Explorer 8和早期版本,不支持 .wav 文件。嘗試將文件重命名為"horse.mp3"來檢驗該示例在 IE 版本中的使用。
HTML5 <param>標簽為<object>標簽提供嵌入內容的運行時參數的name與value對。
標簽定義及使用說明:
<param>元素允許您為插入 XHTML 文檔的對象規定 run-time 設置,也就是說,此標簽可為包含它的 <object> 或者 <applet> 標簽提供參數。
在HTML 4.01 與 HTML5 之間的差異:
HTML 4.01 屬性: "type" 和 "valuetype",在 HTML5 中不支持。
在HTML 與 XHTML之間的差異:
在 HTML 中,<param> 標簽沒有結束標簽。
在 XHTML 中,<param> 標簽必須被正確地關閉。
。。。。。。
HTML5 <progress> 標簽
IE 10,Firefox,Opera,Chrome和Safari 6支持<progress>標簽。
注釋: IE 9或者更早版本的IE瀏覽器不支持<progress>標簽。
HTML5 <progress>標簽用于定義文檔中的進度條。
標簽定義及使用說明:
<progress>標簽定義運行中的任務進度(progress)。
HTML 4.01與HTML5之間的差異:
<progress>標簽是HTML5中的新標簽。
提示和注釋:
提示:請將<progress>標簽與JavaScript的一起使用來顯示任務的進度。
注釋: <progress>標簽不適合用來表示度量衡(例如,磁盤空間使用情況或相關的查詢結果)表示度量衡,請使用。<meter>標簽代替。
。。。。。。
HTML5 <q> 標簽
所有主流瀏覽器都支持 <q> 標簽。
HTML5 <q>標簽用于定義一個短引用。
標簽定義及使用說明:
<q> 標簽定義一個短的引用。
瀏覽器經常會在這種引用的周圍插入引號。
提示和注釋:
提示:請使用 <blockquote> 來標記摘自另一個源的塊引用。
。。。。。。
HTML5 <rp> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rp> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <rp> 標簽。
HTML5 <rp> 標簽用于為那些不能通過瀏覽器顯示的<ruby>標簽的內容提供支持。
標簽定義及使用說明:
<rp> 標簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內容。
ruby 注釋是中文注音或字符。在東亞使用,顯示的是東亞字符的發音。
將 <rp> 標簽與 <ruby> 和 <rt> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
HTML 4.01 與 HTML5之間的差異:
<rp> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <rt> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <rt> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <rt> 標簽。
標簽定義及使用說明:
<rt> 標簽定義字符(中文注音或字符)的解釋或發音。
將 <rt> 標簽與 <ruby> 和 <rp> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
HTML 4.01 與 HTML5之間的差異:
<rt> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <ruby> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 支持 <ruby> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <ruby> 標簽。
HTML5 <ruby>標簽作為注釋標簽使用。
標簽定義及使用說明:
<ruby> 標簽定義 ruby 注釋(中文注音或字符)。
在東亞使用,顯示的是東亞字符的發音。
將 <ruby> 標簽與 <rt> 和 <rp> 標簽一起使用:
<ruby> 元素由一個或多個需要解釋/發音的字符和一個提供該信息的 <rt> 元素組成,還包括可選的 <rp> 元素,定義當瀏覽器不支持 "ruby" 元素時顯示的內容。
HTML 4.01 與 HTML5之間的差異:
<ruby> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <s> 標簽
定義和用法:
<s> 標簽定義加刪除線的文本。HTML 5 中不再支持這個標簽。請使用 CSS 代替。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中不贊成使用 <s> 標簽。
在 HTML 5 中不支持 <s> 標簽。
提示和注釋:
提示:請使用 <del> 標簽代替。
。。。。。。
HTML5 <sub> 和 <sup> 標簽
所有主流瀏覽器都支持 <sub> 標簽。
HTML5 <sub>和<sup>標簽分別為文檔中的內容定義下標和上標。
定義和用法:
<sub> 標簽可定義下標文本。<sup> 可定義上標文本。
<sub>和<sup>標簽在向文檔添加腳注以及表示方程式中的指數值時非常有用!
。。。。。。
HTML5 <span> 標簽
所有主流瀏覽器都支持 <span> 標簽。
HTML5 <span>標簽內的內容獨立于文檔,當對該標簽應用樣式時,包含在其中的內容會呈現出不同的視覺效果。
標簽定義及使用說明:
<span> 用于對文檔中的行內元素進行組合。
<span> 標簽沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。如果不對 <span> 應用樣式,那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。
<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
提示和注釋:
提示:被 <span> 元素包含的文本,您可以使用 CSS 對它定義樣式,或者使用 JavaScript 對它進行操作。
。。。。。。
HTML5 <small> 標簽
定義和用法:
<small> 標簽制作更小字號的文本。在HTML5中不再使用<small>標簽,請參考“HTML <small> 標簽”部分。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中不支持 <small> 標簽。
。。。。。。
HTML5 <style> 標簽
所有主流瀏覽器都支持 <style> 標簽。
HTML5 <style>標簽用于表示文檔所使用的樣式。
標簽定義及使用說明:
<style> 標簽定義 HTML 文檔的樣式信息。
在 <style> 元素中,您可以規定在瀏覽器中如何呈現 HTML 文檔。
每個 HTML 文檔能包含多個 <style> 標簽。
提示和注釋:
提示:如需鏈接外部樣式表,請使用 <link> 標簽。
提示:如需學習更多有關樣式表的知識,請閱讀我們的 CSS 教程。
注釋:如果沒有使用 "scoped" 屬性,則每一個 <style> 標簽必須位于 head 頭部區域。
HTML 4.01 與 HTML5之間的差異:
"scoped" 屬性是 HTML 5 中的新屬性,它允許我們為文檔的指定部分定義樣式,而不是整個文檔。
如果使用 "scoped" 屬性,那么所規定的樣式只能應用到 style 元素的父元素及其子元素。
。。。。。。
HTML5 <strike> 標簽
定義和用法:
HTML5 <strike> 標簽定義加刪除線的文本。HTML 5 中不再支持這個標簽。請使用 CSS 代替。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 4.01 中不贊成使用 <strike> 標簽。
在 HTML 5 中不支持 <strike> 標簽。
提示和注釋:
提示:請使用 <del> 標簽代替。
。。。。。。
HTML5 <select> 標簽
所有主流瀏覽器都支持 <select> 標簽。
HTML5 <select>標簽用于實現下拉列表。
標簽定義及使用說明:
<select> 元素用來創建下拉列表。
<select> 元素中的 <option> 標簽定義了列表中的可用選項。
提示和注釋:
提示:<select> 元素是一種表單控件,可用于在表單中接受用戶輸入。
HTML 4.01 與 HTML5之間的差異:
HTML5 增加了一些新的屬性。
。。。。。。
HTML5 <source> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器都不支持 <source> 標簽。
HTML5 <source>標簽用于為媒體元素定義媒體資源。
標簽定義及使用說明:
<source> 標簽為媒體元素(比如 <video> 和 <audio>)定義媒體資源。
<source> 標簽允許您規定兩個視頻/音頻文件共瀏覽器根據它對媒體類型或者編×××的支持進行選擇。
HTML 4.01 與 HTML5之間的差異:
<source> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <section> 標簽
IE 9+、Firefox、Opera、Chrome 和 Safari <section> 標簽。
注釋:IE 8 或更早版本的 IE 瀏覽器不支持 <section> 標簽。
HTML5 <section>標簽對文檔中的內容進行分塊或分段。
標簽定義及使用說明:
<section> 標簽定義了文檔的某個區域。比如章節、頭部、底部或者文檔的其他區域。
HTML 4.01 與 HTML5之間的差異:
<section> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <summary> 標簽
目前,只有 Chrome 和 Safari 6 支持 <summary> 標簽。
HTML5 <summary>標簽定義在<details>標簽中的內容的標題。
標簽定義及使用說明:
<summary> 標簽為 <details> 元素定義一個可見的標題。當用戶點擊標題時會顯示出詳細信息。
HTML 4.01 與 HTML5之間的差異:
<summary> 標簽是 HTML5 中的新標簽。
提示和注釋:
注釋:<summary> 元素應該是 <details> 元素的第一個子元素。
。。。。。。
HTML5 <td> 標簽
所有主流瀏覽器都支持 <td> 標簽。
HTML5 <td>標簽用于表示一個表格中的單元格。
標簽定義及使用說明:
<td> 標簽定義 HTML 表格中的標準單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創建)
標準單元格 - 包含數據(由 <td> 元素創建)
<th> 元素中的文本通常呈現為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋:
提示:如果需要將內容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異:
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
。。。。。。
HTML5 <th> 標簽
所有主流瀏覽器都支持 <th> 標簽。
HTML5 <th>標簽用于表示一個表格的表頭。
標簽定義及使用說明:
<th> 標簽定義 HTML 表格中的表頭單元格。
HTML 表格有兩種單元格類型:
表頭單元格 - 包含頭部信息(由 <th> 元素創建)
標準單元格 - 包含數據(由 <td> 元素創建)
<th> 元素中的文本通常呈現為粗體并且居中。
<td> 元素中的文本通常是普通的左對齊文本。
提示和注釋:
提示:如果需要將內容橫跨多個行或列,請使用 colspan 和 rowspan 屬性!
HTML 4.01 與 HTML5之間的差異:
HTML 5 中不再支持 HTML 4.01 中的某些屬性。
。。。。。。
HTML5 <tt> 標簽
定義和用法:
HTML5 <tt> 標簽定義打字機文本。HTML 5 中不再支持該標簽。請使用 CSS 代替。
HTML 4.01 與 HTML 5 之間的差異:
在 HTML 5 中不支持 <tt> 標簽。HTML 4.01 支持 <tt> 標簽。
提示和注釋:
提示:請使用 CSS 向元素添加樣式。
。。。。。。
HTML5 <tr> 標簽
所有主流瀏覽器都支持 <tr> 標簽。
HTML5 <tr>標簽用于表示一個表格中的行。
標簽定義及使用說明:
<tr> 標簽定義 HTML 表格中的行。
一個 <tr> 元素包含一個或多個 <th> 或 <td> 元素。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不支持 <tr> 標簽在 HTML 4.01 中的任何屬性。
。。。。。。
HTML5 <table> 標簽
所有主流瀏覽器都支持 <table> 標簽。
HTML5 <table>標簽用于定義文檔中的表格。
標簽定義及使用說明:
<table> 標簽定義 HTML 表格,一個 HTML 表格包括 <table> 元素,一個或多個 <tr>、<th> 以及 <td> 元素。
<tr> 元素定義表格行,<th> 元素定義表頭,<td> 元素定義表格單元。
更復雜的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
HTML 4.01 與 HTML5之間的差異:
在 HTML5 中,僅支持 "border" 屬性,并且只允許使用值 "1" 或 "0"。
。。。。。。
HTML5 <title> 標簽
所有主流瀏覽器都支持 <title> 標簽。
HTML5 <title>標簽用來定義標題,該標簽位于<head>標簽內。
標簽定義及使用說明:
<title> 標簽定義文檔的標題,在所有 HTML 文檔中是必需的。
<title>元素:
定義瀏覽器工具欄中的標題
提供頁面被添加到收藏夾時的標題
顯示在搜索引擎結果中的頁面標題
提示和注釋:
注釋:一個 HTML 文檔中不能有一個以上的 <title> 元素。
提示:如果您遺漏了 <title> 標簽,文檔作為 HTML 是無效的。
。。。。。。
HTML5 <tfoot> 標簽
所有主流瀏覽器都支持 <tfoot> 標簽。
HTML5 <tfoot>標簽用于表示一個表格中的頁腳。請在帶有 <thead>、<tfoot> 和 <tbody> 元素的 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> 標簽的任何屬性。
。。。。。。
HTML5 <thead> 標簽
所有主流瀏覽器都支持 <thead> 標簽。
HTML5 <thead>標簽用于將表格中的表頭組合起來。
標簽定義及使用說明:
<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> 標簽的任何屬性。
。。。。。。
HTML5 <time> 標簽
HTML5 <time>標簽用于標注日期、時間或日期與時間的組合(日期格式是YYYY-MM-DD)。
標簽定義及使用說明:
<time> 標簽定義公歷的時間(24 小時制)或日期,時間和時區偏移是可選的。
該元素能夠以機器可讀的方式對日期和時間進行編碼,這樣,舉例說,用戶代理能夠把生日提醒或排定的事件添加到用戶日程表中,搜索引擎也能夠生成更智能的搜索結果。
HTML 4.01 與 HTML5之間的差異:
<time> 標簽是 HTML5 中的新標簽。
。。。。。。
HTML5 <tbody> 標簽
所有主流瀏覽器都支持 <tbody> 標簽。
HTML5 <tbody>標簽用于組合表格中的主體內容。
標簽定義及使用說明:
<tbody> 標簽用于組合 HTML 表格的主體內容。
<tbody> 元素應該與 <thead> and <tfoot> 元素結合起來使用,用來規定表格的各個部分(主體、表頭、頁腳)。
通過使用這些元素,使瀏覽器有能力支持獨立于表格表頭和表格頁腳的表格主體滾動。當包含多個頁面的長的表格被打印時,表格的表頭和頁腳可被打印在包含表格數據的每張頁面上。
<tbody> 標簽必須被用在以下情境中:作為 <table> 元素的子元素,出現在 <caption>、<colgroup> 和 <thead> 元素之后。
提示和注釋:
注釋:<tbody> 元素內部必須包含一個或者多個 <tr> 標簽。
提示:<thead>、<tbody> 和 <tfoot> 元素默認不會影響表格的布局。不過,您可以使用 CSS 來為這些元素定義樣式,從而改變表格的外觀。
HTML 4.01 與 HTML5之間的差異:
在 HTML 5 中,不再支持 HTML 4.01 中 <tbody> 標簽的任何屬性。
。。。。。。
HTML5 <textarea> 標簽
所有主流瀏覽器都支持 <textarea> 標簽。
HTML5 <textarea>標簽用于創建一個可以輸入多行的文本框。
標簽定義及使用說明:
<textarea> 標簽定義一個多行的文本輸入控件。
文本區域中可容納無限數量的文本,其中的文本的默認字體是等寬字體(通常是 Courier)。
可以通過 cols 和 rows 屬性來規定 textarea 的尺寸大小,不過更好的辦法是使用 CSS 的 height 和 width 屬性。
HTML 4.01 與 HTML5之間的差異:
HTML5 增加了一些新的屬性。
HTML5 中的新屬性:
屬性 值 描述
autofocus autofocus 規定當頁面加載時,文本區域自動獲得焦點。
cols number 規定文本區域內可見的列數。
disabled disabled 規定禁用文本區域。
form form_id 定義文本區域所屬的一個或多個表單。
maxlength number 規定文本區域允許的最大字符數。
name text 規定文本區域的名稱。
placeholder text 規定一個簡短的提示,描述文本區域期望的輸入值。
readonly readonly 規定文本區域為只讀。
required required 規定文本區域是必需的/必填的。
rows number 規定文本區域內可見的行數。
wrap hard soft 規定當提交表單時,文本區域中的文本應該怎樣換行。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。