HTML5 常用語法一覽(列舉不支持的屬性)
HTML頭部標(biāo)記
| 標(biāo)記 | 描述 | HTML5標(biāo)準(zhǔn) |
| <base> | 定義頁面中所有鏈接的基準(zhǔn)URL | |
| <title> | 設(shè)定顯示在瀏覽器左上方的標(biāo)題內(nèi)容 | |
| <isindex> | 表明該文檔是一個(gè)可用于檢索的網(wǎng)關(guān)腳本 | 不支持 |
| <meta> | 文檔本身的元信息,例如查詢關(guān)鍵詞,有效期等 | |
| <style> | 設(shè)定CSS層疊樣式表內(nèi)容 | |
| <link> | 設(shè)定外部資源的鏈接 | |
| <script> | 頁面腳本內(nèi)容 |
元信息標(biāo)記<meta>屬性
| 標(biāo)記 | 描述 | 值 | HTML5標(biāo)準(zhǔn) |
| http-equiv |
生成一個(gè)HTTP標(biāo)準(zhǔn)域,把Content屬性關(guān)聯(lián)到HTTP頭部 |
content-type / expires / refresh / set-cookie |
|
| name |
把content屬性關(guān)聯(lián)到一個(gè)名稱 |
author / description / keywords / generator /revised /others |
|
| content | 定義與http-equiv 或 name屬性相關(guān)的元信息 關(guān)鍵字/值內(nèi)容 | ||
| charset | 文檔的字符編碼 | 新增屬性 |
注:HTML5中不支持scheme屬性,新增charset屬性,具體查看:HTML5 <meta>標(biāo)簽
HTML 主體標(biāo)記<body>屬性
| 屬性 | 描述 | HTML5標(biāo)準(zhǔn) |
| text | 設(shè)定頁面文字顏色 | 刪除 |
| bgcolor | 設(shè)定頁面背景顏色 | 刪除 |
| background | 設(shè)定頁面背景圖像 | 刪除 |
| bgproperties | 設(shè)定頁面的背景圖像為固定,不隨頁面的滾動(dòng)而滾動(dòng) | 刪除 |
| link | 設(shè)定頁面默認(rèn)的鏈接顏色 | 刪除 |
| alink | 設(shè)定鼠標(biāo)正在單擊時(shí)候的鏈接顏色 | 刪除 |
| vlink | 設(shè)定訪問過后的鏈接顏色 | 刪除 |
| topmargin | 設(shè)定頁面的上邊距 | 刪除 |
| leftmargin | 設(shè)定頁面的左邊距 | 刪除 |
注: 在 HTML 5 中,刪除了所有 <body> 的特殊屬性。具體查看:HTML5 <body>標(biāo)簽
特殊符號
| 特殊符號 | 符號碼 |
| " | " |
| & | & |
| < | < |
| > | > |
| © | © |
| ® | ® |
| ± | ± |
| × | × |
| § | § |
| ¢ | ¢ |
| ¥ | ¥ |
| · | · |
| € | |
| £ | £ |
| ™ | ™ |
標(biāo)題字標(biāo)記
| 標(biāo)記 | 描述 |
| <h1>.....</h1> | 一級標(biāo)題 |
| <h2>.....</h2> | 二級標(biāo)題 |
| <h3>.....</h3> | 三級標(biāo)題 |
| <h4>.....</h4> | 四級標(biāo)題 |
| <h5>.....</h5> | 五級標(biāo)題 |
| <h6>.....</h6> | 六級標(biāo)題 |
注: 具體查看 HTML5 <h1> 至 <h6> 標(biāo)簽
在 HTML 4.01 中,h1 - h6 元素的 "align" 屬性不被贊成使用。
在 HTML 5 中,h1 - h6 元素的 "align" 屬性不被支持。
文字的修飾標(biāo)記
| 標(biāo)記 | 描述 | HTML5標(biāo)準(zhǔn) |
| <b> | 粗體 | |
| <strong> | 粗體 | |
| <i> | 斜體 | |
| <em> | 斜體 | |
| <cite> | 斜體 | |
| <sup> | 上標(biāo) | |
| <sub> | 下標(biāo) | |
| <big> | 大字號 | 不支持 |
| <small> | 小字號 | 不支持 |
| <u> | 下劃線 | 不支持 |
| <s> | 刪除線 | 不支持 |
| <strike> | 刪除線 | 不支持 |
| <address> | 地址 | |
| <tt> | 打字機(jī)文字 | 不支持 |
| <blink> | 閃爍文字(只適用Netscape瀏覽器) | 不支持 |
| <code> | 等寬 | |
| <samp> | 等寬 | |
| <kbd> | 鍵盤輸入文字 | |
| <var> | 聲明變量 |
字體標(biāo)記<font>屬性
| 屬性 | 描述 | HTML5標(biāo)準(zhǔn) |
| face | 字體 | 不支持 |
| size | 字號 | 不支持 |
| color | 顏色 | 不支持 |
注:請查看 HTML 5 <font> 標(biāo)簽
在 HTML 4.01 中,不贊成使用該元素。
在 HTML 5 中,不支持該元素,但是允許由所見即所得的編輯器來插入該元素 。
在 HTML 5 中,僅支持 style 屬性。
列表標(biāo)記
| 標(biāo)記 | 描述 | HTML5標(biāo)準(zhǔn) |
| <ul> | 無序列表 | |
| <ol> | 有序列表 | |
| <dir> | 目錄列表 | 不支持 |
| <dl> | 定義列表 | |
| <menu> | 菜單列表 | 重新定義;使用用于排列表單控件 |
|
<dt>、<dd> |
定義列表的標(biāo)記 | |
| <li> | 列表項(xiàng)目的標(biāo)記 |
超鏈接標(biāo)記
| 屬性 | 描述 | HTML5標(biāo)準(zhǔn) |
| href | 指定鏈接地址 | |
| name | 給鏈接命名 | 命名一個(gè)錨,不支持,使用id代替 |
| title | 給鏈接提示文字 | |
| target | 指定鏈接的目標(biāo)窗口 |
鏈接目標(biāo)窗口屬性target
| 屬性值 | 描述 |
| _parent | 在上一級窗口中打開.一般使用框架頁會(huì)經(jīng)常使用 |
| _blank | 在新窗口中打開 |
| _self | 在同一個(gè)幀或窗口中打開,默認(rèn) |
| _top | 在瀏覽器的整個(gè)窗口中打開,忽略任何框架 |
圖片標(biāo)記<img>屬性
| 屬性 | 描述 | HTML5標(biāo)準(zhǔn) |
| src | 圖像的源文件 | |
| alt | 提示文字 | |
| width、height | 寬度、高度 | |
| border | 邊框 | 不支持 |
| vspace | 垂直間距 | 不支持 |
| hspace | 水平間距 | 不支持 |
| align | 排列 | 不支持 |
圖片排列align屬性值
| 屬性值 | 描述 | HTML5標(biāo)準(zhǔn) |
| top | 文字的中間線在圖片上方 | |
| middle | 文字的中間線在圖片中間 | |
| bottom | 文字的中間線在圖片底部 | |
| left | 圖片在文字的左側(cè) | |
| right | 圖片在文字的右側(cè) | |
| absbottom | 文字的底線在圖片底部 | |
| absmiddle | 文字的底線在圖片中間 | |
| baseline | 英文文字基準(zhǔn)線對齊 | |
| texttop | 英文文字上邊線對齊 |
注:請查看 HTML 5 <img> 標(biāo)簽
表格標(biāo)記
| 標(biāo)記 | 描述 |
| <table>...</table> | 表格標(biāo)記 |
| <tr>...</tr> | 行標(biāo)記 |
| <td>...</td> | 單元格標(biāo)記 |
注:在 HTML 5 中,
不支持 <table> 標(biāo)簽的任何屬性。
不支持 <tr> 標(biāo)簽的任何屬性。
僅支持<td><th>標(biāo)簽 "colspan" 和 "rowspan" 屬性。
表單標(biāo)記<form>屬性
注:
在 HTML 5 中有一個(gè)新屬性:replace。它定義表單被提交后所做的事情。
表單標(biāo)記<form>元素
| 標(biāo)記 | 描述 | HTML5標(biāo)準(zhǔn) |
| <input> | 表單輸入標(biāo)記 | type 屬性有很多新的值。 |
| <select> | 菜單和列表標(biāo)記 | 新的屬性 |
| <option> | 菜單和列表項(xiàng)目標(biāo)記 | 可用于新元素 <datalist>中 |
| <textarea> | 文字域標(biāo)記 | 新屬性 |
輸入標(biāo)記<input>標(biāo)記屬性Type的值
| <input Type="屬性值"/> | 描述 | HTML5標(biāo)準(zhǔn) |
| text | 文字域 | |
| password | 密碼域 | |
| file | 文件域 | |
| checkbox | 復(fù)選框 | |
| radio | 單選框 | |
| button | 普通按鈕 | |
| submit | 提交按鈕 | |
| reset | 重置按鈕 | |
| hidden | 隱藏域 | |
| image | 圖像域(圖像提交按鈕) |
框架標(biāo)記
| 框架標(biāo)記 | 描述 | HTML5標(biāo)準(zhǔn) |
| <frameset> | 框架集 | 不支持 |
| <frame> | 框架 | 不支持 |
| <iframe> | 內(nèi)聯(lián)框架 | 僅僅支持 src 屬性 |
| <noframe> | 無框架 | 不支持 |
注: 請查看 HTML 5 <frameset> 標(biāo)簽
由于該標(biāo)簽對網(wǎng)頁可用性的負(fù)面影響,在 HTML 5 中 <frameset> 標(biāo)簽沒有得到支持。
相關(guān)文章

HTML5實(shí)現(xiàn)的移動(dòng)端購物車自動(dòng)結(jié)算功能示例代碼
本文介紹HTML5實(shí)現(xiàn)移動(dòng)端購物車自動(dòng)結(jié)算,通過WebStorage、事件監(jiān)聽、DOM操作等技術(shù),確保實(shí)時(shí)更新與數(shù)據(jù)同步,優(yōu)化性能及無障礙性,提升用戶體驗(yàn),感興趣的朋友一起看看吧2025-06-18- 在HTML5中,<button>標(biāo)簽用于定義一個(gè)可點(diǎn)擊的按鈕,它是創(chuàng)建交互式網(wǎng)頁的重要元素之一,本文將深入解析HTML5中的<button>標(biāo)簽,詳細(xì)介紹其屬性、樣式以及實(shí)際2025-06-18
基于 HTML5 Canvas 實(shí)現(xiàn)圖片旋轉(zhuǎn)與下載功能(完整代碼展示)
本文將深入剖析一段基于 HTML5 Canvas 的代碼,該代碼實(shí)現(xiàn)了圖片的旋轉(zhuǎn)(90 度和 180 度)以及旋轉(zhuǎn)后圖片的下載功能,通過對代碼的解讀,我們可以學(xué)習(xí)到如何利用 Canvas API2025-06-18
HTML5 getUserMedia API網(wǎng)頁錄音實(shí)現(xiàn)指南示例小結(jié)
本教程將指導(dǎo)你如何利用這一API,結(jié)合Web Audio API,實(shí)現(xiàn)網(wǎng)頁錄音功能,從獲取音頻流到處理和保存錄音,整個(gè)過程將逐步詳解,此外,還討論了getUserMedia API的使用限制和最2025-06-16- HTML5的搜索框是一個(gè)強(qiáng)大的工具,能夠有效提升用戶體驗(yàn),通過結(jié)合自動(dòng)補(bǔ)全功能和適當(dāng)?shù)臉邮剑梢詣?chuàng)建出既美觀又實(shí)用的搜索界面,這篇文章給大家介紹HTML5 搜索框Search Box2025-06-13
- Checkbox是HTML5中非常重要的表單元素之一,通過合理使用其屬性和樣式自定義方法,可以為用戶提供豐富多樣的交互體驗(yàn),這篇文章給大家介紹HTML5中Checkbox標(biāo)簽的深入全面解2025-06-13
HTML5無插件拖拽圖片上傳功能實(shí)現(xiàn)過程
本實(shí)例展示了一種基于HTML5技術(shù)的圖片上傳功能,無需外部插件即可通過拖放圖片實(shí)現(xiàn)上傳,涉及到HTML5的拖放API和File API,以及使用CSS來增強(qiáng)用戶界面的交互性和視覺反饋,2025-05-16- 在HTML5和CSS中,定位(positioning)是控制元素在頁面上位置的重要機(jī)制,主要有四種定位方式:靜態(tài)定位(static)、相對定位(relative)、絕對定位(absolute)和固定定位(fixed),2025-05-13
- Microdata作為HTML5新增的一個(gè)特性,它允許開發(fā)者在HTML文檔中添加更多的語義信息,以便于搜索引擎和瀏覽器更好地理解頁面內(nèi)容,本文將探討HTML5中Microdata的使用方法以及2025-04-21
在HTML語法中,表格主要通過< table >、< tr >和< td >3個(gè)標(biāo)簽構(gòu)成,本文通過實(shí)例代碼講解HTML5表格語法格式,感興趣的朋友一起看看吧2025-04-21




