html5新增的屬性和廢除的屬性簡(jiǎn)要概述_HTML5教程
推薦:如何讓IE9以下版本(ie6/7/8)認(rèn)識(shí)html5元素瀏覽器不會(huì)給未知元素設(shè)定任何樣式(不同瀏覽器對(duì)元素會(huì)有不同的默認(rèn)樣式)在IE9之前的版本中,也不能對(duì)未知元素設(shè)定樣式,針對(duì)這個(gè)問題有一個(gè)彌補(bǔ)方案,感興趣的朋友可以參考下哈
HTML5中,在新增加和廢除很多元素的同時(shí),也增加和廢除了很多屬性。
新增的屬性
1、表單相關(guān)的屬性
對(duì)input(type=text)、select、textarea與button指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時(shí)自動(dòng)獲得焦點(diǎn)。 對(duì)input(type=text)、textarea指定placeholder屬性,它會(huì)對(duì)用戶的輸入進(jìn)行提示,提示用戶可以輸入的內(nèi)容。 對(duì)input、output、select、textarea、button與fieldset指定form屬性。它聲明屬于哪個(gè)表單,然后將其放置在頁(yè)面的任何位置,而不失表單之內(nèi)。 對(duì)input(type=text)、textarea指定required屬性。該屬性表示用戶提交時(shí)進(jìn)行檢查,檢查該元素內(nèi)必定要有輸入內(nèi)容。 為input標(biāo)簽增加幾個(gè)新的屬性:autocomplete、min、max、multiple、pattern與step。還有l(wèi)ist屬性與datalist元素配合使用;datalist元素與autocomplete屬性配合使用。multiple屬性允許上傳時(shí)一次上傳多個(gè)文件; pattern屬性用于驗(yàn)證輸入字段的模式,其實(shí)就是正則表達(dá)式。step 屬性規(guī)定輸入字段的合法數(shù)字間隔(假如 step="3",則合法數(shù)字應(yīng)該是 -3、0、3、6,以此類推),step 屬性可以與 max 以及 min 屬性配合使用,以創(chuàng)建合法值的范圍。 為input、button元素增加formaction、formenctype、formmethod、formnovalidate與formtarget屬性。用戶重載form元素的action、enctype、method、novalidate與target屬性。為fieldset元素增加disabled屬性,可以把它的子元素設(shè)為disabled狀態(tài)。 為input、button、form增加novalidate屬性,可以取消提交時(shí)進(jìn)行的有關(guān)檢查,表單可以被無條件地提交。2、鏈接相關(guān)屬性
為a、area增加media屬性。規(guī)定目標(biāo) URL 是為什么類型的媒介/設(shè)備進(jìn)行優(yōu)化的。該屬性用于規(guī)定目標(biāo) URL 是為特殊設(shè)備(比如 iPhone)、語(yǔ)音或打印媒介設(shè)計(jì)的。該屬性可接受多個(gè)值。只能在 href 屬性存在時(shí)使用。 為area增加herflang和rel屬性。hreflang 屬性規(guī)定在被鏈接文檔中的文本的語(yǔ)言。只有當(dāng)設(shè)置了 href 屬性時(shí),才能使用該屬性。注釋:該屬性是純咨詢性的。rel 屬性規(guī)定當(dāng)前文檔與被鏈接文檔/資源之間的關(guān)系。只有當(dāng)使用 href 屬性時(shí),才能使用 rel 屬性。 為link增加size屬性。sizes 屬性規(guī)定被鏈接資源的尺寸。只有當(dāng)被鏈接資源是圖標(biāo)時(shí) (rel="icon"),才能使用該屬性。該屬性可接受多個(gè)值。值由空格分隔。 為base元素增加target屬性,主要是保持與a元素的一致性。3、其他屬性
為ol增加reversed屬性,它指定列表倒序顯示。 為meta增加charset屬性 為menu增加type和label屬性。label為菜單定義一個(gè)課件的標(biāo)注,type屬性讓才當(dāng)可以以上下文菜單、工具條與列表cande但三種形式出現(xiàn)。 為style增加scoped屬性。它允許我們?yōu)槲臋n的指定部分定義樣式,而不是整個(gè)文檔。如果使用 "scoped" 屬性,那么所規(guī)定的樣式只能應(yīng)用到 style 元素的父元素及其子元素。 為script增減屬性,它定義腳本是否異步執(zhí)行。async 屬性僅適用于外部腳本(只有在使用 src 屬性時(shí))有多種執(zhí)行外部腳本的方法: 如果 async="async":腳本相對(duì)于頁(yè)面的其余部分異步地執(zhí)行(當(dāng)頁(yè)面繼續(xù)進(jìn)行解析時(shí),腳本將被執(zhí)行) 如果不使用 async 且 defer="defer":腳本將在頁(yè)面完成解析時(shí)執(zhí)行 如果既不使用 async 也不使用 defer:在瀏覽器繼續(xù)解析頁(yè)面之前,立即讀取并執(zhí)行腳本 為html元素增加manifest,開發(fā)離線web應(yīng)用程序時(shí)他與API結(jié)合使用,定義一個(gè)URL,在這個(gè)URL上描述文檔的緩存信息。 為iframe增加撒個(gè)屬性,sandbox、seamless、srcdoc。用來提高頁(yè)面安全性,防止不信任的web頁(yè)面執(zhí)行某些操作。廢除的屬性
HTML4中一些屬性在HTML5中不再被使用,而是采用其他屬性或其他方式進(jìn)行替代。
在HTML 4中使用的屬性 | 使用該屬性的元素 | 在HTML 5中的替代方案 |
rev | link、a | rel |
charset | link、a | 在被鏈接的資源的中使用HTTP Content-type頭元素 |
shape、coords | a | 使用area元素代替a元素 |
longdesc | img、iframe | 使用a元素鏈接到校長(zhǎng)描述 |
target | link | 多余屬性,被省略 |
nohref | area | 多余屬性,被省略 |
profile | head | 多余屬性,被省略 |
version | html | 多余屬性,被省略 |
name | img | id |
scheme | meta | 只為某個(gè)表單域使用scheme |
archive、chlassid、codebose、codetype、declare、standby | object | 使用data與typc屬性類調(diào)用插件。需要使用這些屬性來設(shè)置參數(shù)時(shí),使用param屬性 |
valuetype、type | param | 使用name與value屬性,不聲明之的MIME類型 |
axis、abbr | td、th | 使用以明確簡(jiǎn)潔的文字開頭、后跟詳述文字的形式。可以對(duì)更詳細(xì)內(nèi)容使用title屬性,來使單元格的內(nèi)容變得簡(jiǎn)短 |
scope | td | 在被鏈接的資源的中使用HTTP Content-type頭元素 |
align | caption、input、legend、div、h1、h2、h3、h4、h5、h6、p | 使用CSS樣式表替代 |
alink、link、text、vlink、background、bgcolor | body | 使用CSS樣式表替代 |
align、bgcolor、border、cellpadding、cellspacing、frame、rules、width | table | 使用CSS樣式表替代 |
align、char、charoff、height、nowrap、valign | tbody、thead、tfoot | 使用CSS樣式表替代 |
align、bgcolor、char、charoff、height、nowrap、valign、width | td、th | 使用CSS樣式表替代 |
align、bgcolor、char、charoff、valign | tr | 使用CSS樣式表替代 |
align、char、charoff、valign、width | col、colgroup | 使用CSS樣式表替代 |
align、border、hspace、vspace | object | 使用CSS樣式表替代 |
clear | br | 使用CSS樣式表替代 |
compace、type | ol、ul、li | 使用CSS樣式表替代 |
compace | dl | 使用CSS樣式表替代 |
compace | menu | 使用CSS樣式表替代 |
width | pre | 使用CSS樣式表替代 |
align、hspace、vspace | img | 使用CSS樣式表替代 |
align、noshade、size、width | hr | 使用CSS樣式表替代 |
align、frameborder、scrolling、marginheight、marginwidth | iframe | 使用CSS樣式表替代 |
autosubmit | menu |
分享:突襲HTML5之Javascript API擴(kuò)展3—本地存儲(chǔ)全新體驗(yàn)存儲(chǔ)數(shù)據(jù)在客戶端可以解決很多的問題和減少不必要的傳輸數(shù)據(jù): 能保存程序的狀態(tài)/ 能緩存數(shù)據(jù)/能保存用戶的喜好等等以前的做法是很繁笨的,接下來將詳細(xì)介紹感興趣的朋友可以了解下,或許對(duì)你有所幫助
相關(guān)HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網(wǎng)易微博Web App用HTML5開發(fā)的過程介紹
- HTML5 對(duì)各個(gè)標(biāo)簽的定義與規(guī)定:body的介紹
- 關(guān)于HTML5的安全問題開發(fā)人員需要牢記的
- 關(guān)于HTML5的22個(gè)初級(jí)技巧(圖文教程)
- 開發(fā)人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數(shù)據(jù)庫(kù)的SQL語(yǔ)句的使用方法
- HTML5實(shí)踐-圖片設(shè)置成灰度圖
- HTML5安全介紹之內(nèi)容安全策略(CSP)簡(jiǎn)介
- HTML5 Web存儲(chǔ)方式的localStorage和sessionStorage進(jìn)行數(shù)據(jù)本地存儲(chǔ)案例應(yīng)用
- Bootstrap 學(xué)習(xí)分享
- input元素的url類型和email類型簡(jiǎn)介
HTML5教程Rss訂閱Div+Css教程搜索
HTML5教程推薦
- HTML5之SVG 2D入門1—SVG(可縮放矢量圖形)概述
- Javascript 高級(jí)手勢(shì)使用介紹
- html5 Canvas畫圖教程(9)—canvas中畫出矩形和圓形
- HTML中fieldset標(biāo)簽概述及使用方法
- html5 canvas 畫圖教程案例分析
- css3 transform 3d 使用css3創(chuàng)建動(dòng)態(tài)3d立方體(html5實(shí)踐)
- html5+css3實(shí)現(xiàn)一款注冊(cè)表單實(shí)例
- HTML5引入的新數(shù)組TypedArray介紹
- html5 svg 中元素點(diǎn)擊事件添加方法
- html5中canvas學(xué)習(xí)筆記1-畫板的尺寸與實(shí)際顯示尺寸
- 相關(guān)鏈接:
- 教程說明:
HTML5教程-html5新增的屬性和廢除的屬性簡(jiǎn)要概述。