HTML5 常用語法一覽(列舉不支持的屬性)
HTML頭部標(biāo)記
| 標(biāo)記 | 描述 | HTML5標(biāo)準 |
| <base> | 定義頁面中所有鏈接的基準URL | |
| <title> | 設(shè)定顯示在瀏覽器左上方的標(biāo)題內(nèi)容 | |
| <isindex> | 表明該文檔是一個可用于檢索的網(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)準 |
| http-equiv |
生成一個HTTP標(biāo)準域,把Content屬性關(guān)聯(lián)到HTTP頭部 |
content-type / expires / refresh / set-cookie |
|
| name |
把content屬性關(guān)聯(lián)到一個名稱 |
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)準 |
| text | 設(shè)定頁面文字顏色 | 刪除 |
| bgcolor | 設(shè)定頁面背景顏色 | 刪除 |
| background | 設(shè)定頁面背景圖像 | 刪除 |
| bgproperties | 設(shè)定頁面的背景圖像為固定,不隨頁面的滾動而滾動 | 刪除 |
| link | 設(shè)定頁面默認的鏈接顏色 | 刪除 |
| alink | 設(shè)定鼠標(biāo)正在單擊時候的鏈接顏色 | 刪除 |
| 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)準 |
| <b> | 粗體 | |
| <strong> | 粗體 | |
| <i> | 斜體 | |
| <em> | 斜體 | |
| <cite> | 斜體 | |
| <sup> | 上標(biāo) | |
| <sub> | 下標(biāo) | |
| <big> | 大字號 | 不支持 |
| <small> | 小字號 | 不支持 |
| <u> | 下劃線 | 不支持 |
| <s> | 刪除線 | 不支持 |
| <strike> | 刪除線 | 不支持 |
| <address> | 地址 | |
| <tt> | 打字機文字 | 不支持 |
| <blink> | 閃爍文字(只適用Netscape瀏覽器) | 不支持 |
| <code> | 等寬 | |
| <samp> | 等寬 | |
| <kbd> | 鍵盤輸入文字 | |
| <var> | 聲明變量 |
字體標(biāo)記<font>屬性
| 屬性 | 描述 | HTML5標(biāo)準 |
| face | 字體 | 不支持 |
| size | 字號 | 不支持 |
| color | 顏色 | 不支持 |
注:請查看 HTML 5 <font> 標(biāo)簽
在 HTML 4.01 中,不贊成使用該元素。
在 HTML 5 中,不支持該元素,但是允許由所見即所得的編輯器來插入該元素 。
在 HTML 5 中,僅支持 style 屬性。
列表標(biāo)記
| 標(biāo)記 | 描述 | HTML5標(biāo)準 |
| <ul> | 無序列表 | |
| <ol> | 有序列表 | |
| <dir> | 目錄列表 | 不支持 |
| <dl> | 定義列表 | |
| <menu> | 菜單列表 | 重新定義;使用用于排列表單控件 |
|
<dt>、<dd> |
定義列表的標(biāo)記 | |
| <li> | 列表項目的標(biāo)記 |
超鏈接標(biāo)記
| 屬性 | 描述 | HTML5標(biāo)準 |
| href | 指定鏈接地址 | |
| name | 給鏈接命名 | 命名一個錨,不支持,使用id代替 |
| title | 給鏈接提示文字 | |
| target | 指定鏈接的目標(biāo)窗口 |
鏈接目標(biāo)窗口屬性target
| 屬性值 | 描述 |
| _parent | 在上一級窗口中打開.一般使用框架頁會經(jīng)常使用 |
| _blank | 在新窗口中打開 |
| _self | 在同一個幀或窗口中打開,默認 |
| _top | 在瀏覽器的整個窗口中打開,忽略任何框架 |
圖片標(biāo)記<img>屬性
| 屬性 | 描述 | HTML5標(biāo)準 |
| src | 圖像的源文件 | |
| alt | 提示文字 | |
| width、height | 寬度、高度 | |
| border | 邊框 | 不支持 |
| vspace | 垂直間距 | 不支持 |
| hspace | 水平間距 | 不支持 |
| align | 排列 | 不支持 |
圖片排列align屬性值
| 屬性值 | 描述 | HTML5標(biāo)準 |
| top | 文字的中間線在圖片上方 | |
| middle | 文字的中間線在圖片中間 | |
| bottom | 文字的中間線在圖片底部 | |
| left | 圖片在文字的左側(cè) | |
| right | 圖片在文字的右側(cè) | |
| absbottom | 文字的底線在圖片底部 | |
| absmiddle | 文字的底線在圖片中間 | |
| baseline | 英文文字基準線對齊 | |
| 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 中有一個新屬性:replace。它定義表單被提交后所做的事情。
表單標(biāo)記<form>元素
| 標(biāo)記 | 描述 | HTML5標(biāo)準 |
| <input> | 表單輸入標(biāo)記 | type 屬性有很多新的值。 |
| <select> | 菜單和列表標(biāo)記 | 新的屬性 |
| <option> | 菜單和列表項目標(biāo)記 | 可用于新元素 <datalist>中 |
| <textarea> | 文字域標(biāo)記 | 新屬性 |
輸入標(biāo)記<input>標(biāo)記屬性Type的值
| <input Type="屬性值"/> | 描述 | HTML5標(biāo)準 |
| text | 文字域 | |
| password | 密碼域 | |
| file | 文件域 | |
| checkbox | 復(fù)選框 | |
| radio | 單選框 | |
| button | 普通按鈕 | |
| submit | 提交按鈕 | |
| reset | 重置按鈕 | |
| hidden | 隱藏域 | |
| image | 圖像域(圖像提交按鈕) |
框架標(biāo)記
| 框架標(biāo)記 | 描述 | HTML5標(biāo)準 |
| <frameset> | 框架集 | 不支持 |
| <frame> | 框架 | 不支持 |
| <iframe> | 內(nèi)聯(lián)框架 | 僅僅支持 src 屬性 |
| <noframe> | 無框架 | 不支持 |
注: 請查看 HTML 5 <frameset> 標(biāo)簽
由于該標(biāo)簽對網(wǎng)頁可用性的負面影響,在 HTML 5 中 <frameset> 標(biāo)簽沒有得到支持。
相關(guān)文章
- Microdata作為HTML5新增的一個特性,它允許開發(fā)者在HTML文檔中添加更多的語義信息,以便于搜索引擎和瀏覽器更好地理解頁面內(nèi)容,本文將探討HTML5中Microdata的使用方法以及2025-04-21
在HTML語法中,表格主要通過< table >、< tr >和< td >3個標(biāo)簽構(gòu)成,本文通過實例代碼講解HTML5表格語法格式,感興趣的朋友一起看看吧2025-04-21- 這篇文章主要介紹了HTML5中使用媒體查詢和Flexbox進行響應(yīng)式布局的方法,簡要介紹了CSS Grid布局的基礎(chǔ)知識和如何實現(xiàn)自動換行的網(wǎng)格布局,感興趣的朋友一起看看吧2025-04-21

基于Canvas的Html5多時區(qū)動態(tài)時鐘實戰(zhàn)代碼
本文介紹了如何使用Canvas在HTML5上實現(xiàn)一個多時區(qū)動態(tài)時鐘的web展示,通過Canvas的API,可以繪制出6個不同城市的時鐘,并且這些時鐘可以動態(tài)轉(zhuǎn)動,每個時鐘上都會標(biāo)注出對應(yīng)的2025-03-11HTML5 data-*自定義數(shù)據(jù)屬性的示例代碼
HTML5的自定義數(shù)據(jù)屬性(data-*)提供了一種標(biāo)準化的方法在HTML元素上存儲額外信息,可以通過JavaScript訪問、修改和在CSS中使用,文章還介紹了高級用法,如存儲JSON數(shù)據(jù)、事2025-03-11HTML5中下拉框<select>標(biāo)簽的屬性和樣式詳解
在HTML5中,下拉框(<select>標(biāo)簽)作為表單的重要組成部分,為用戶提供了一個從預(yù)定義選項中選擇值的方式,本文將深入探討<select>標(biāo)簽的屬性、樣式,并重點介2025-02-27
本文介紹了HTML5InputDatePicker對象表示HTML``元素,是HTML5中的新對象,介紹了日期、周、月份、時間、日期+時間、本地日期時間等不同類型的日期選擇器,感興趣的朋友一起看2025-02-17
本文介紹了HTML5中的超鏈接、相對路徑和圖片的使用方法,超鏈接可以創(chuàng)建指向另一個文檔或頁面內(nèi)部書簽的鏈接,相對路徑用于在同一服務(wù)器內(nèi)部跳轉(zhuǎn)頁面,圖片標(biāo)簽用于引入外部圖2025-02-17- 本文介紹了HTML5超鏈接的創(chuàng)建方法,包括基本語法、創(chuàng)建圖像超鏈接的邊框去除方法以及錨點鏈接的使用,還討論了超鏈接的四種不同狀態(tài)(link、visited、hover、active)的CSS樣2025-02-17

HTML5使用details標(biāo)簽:展開/收縮信息
最近看一些技術(shù)網(wǎng)站發(fā)現(xiàn)了details 標(biāo)簽的妙用,這個不用js即可實現(xiàn)展開/收縮信息,很方便用來讓用戶先才答案,然后下面點擊再給出答案的效果,這里就為大家簡單介紹一下,2024-11-03






