HTML5與HTML4的區別(2)

2022-07-17 09:00:12 字數 4015 閱讀 8337

html5學習筆記之二——html5與html4的區別(2) _人人it網

三、新增/廢除的屬性 1.新增的屬性 1).表單相關的屬性 對input(type=text),select ,textarea與button元素新增自動獲取焦點的autofocus屬性。auto

三、新增/廢除的屬性

1.新增的屬性

1).表單相關的屬性

input的有乙個強力新增屬性,免去驗證的麻煩。可以賦值為 required。

比如使用者註冊頁面的使用者名稱和密碼都是必填的,只要設定乙個required就可以了。而在以前是需要js來驗證或者後台驗證的。

注意:這裡required屬性是需要使用者來填寫的,所以type是button、submit、reset、image等等不需要使用者填寫選擇的型別是不可以使用這個屬性的。

autoconmplete可以賦值為 on 或者 off。當為 on的時候,瀏覽器能自動儲存使用者輸入的內容。當使用者返回到曾經填寫過值的頁面的時候,瀏覽器能把使用者寫過的值自動填寫在相應的input框裡。

現在很多**都實現了這個功能,不過基本都是用php來實現的。用了這個屬性,無疑可以減少很多前端和後台的交流量和工作量。

min、max屬性來限制數值範圍,minheight、maxheight屬性來限制字串長度。

multiple屬性允許在上傳檔案時異常上傳多個檔案。

pattern屬性用於驗證輸入欄位的模式,其實就是正規表示式。step 屬性規定輸入欄位的合法數字間隔(假如 step="3",則合法數字應該是 -3、0、3、6,以此類推),step 屬性可以與 max 以及 min 屬性配合使用,以建立合法值的範圍。

另外,新增list屬性---聯想框效果

注意從這個屬性使用的特點:需要有對應的datalist標籤;datalist子標籤option支援 value和lable兩個屬性;list的屬性值要和datalist的id一致。同時,datalist還可以與autocomplete屬性配合使用。

例子:" label="google">

" label="reddit">

2).鏈結相關屬性

3)、其他屬性

如果 async="async":指令碼相對於頁面的其餘部分非同步地執行(當頁面繼續進行解析時,指令碼將被執行)

如果不使用 async 且 defer="defer":指令碼將在頁面完成解析時執行

如果既不使用 async 也不使用 defer:在瀏覽器繼續解析頁面之前,立即讀取並執行指令碼

2.廢除的屬性

html4中一些屬性在html5中不再被使用,而是採用其他屬性或其他方式進行替代。

在html 4中使用的屬性

使用該屬性的元素

在html 5中的替代方案

rev

link、a

relcharset

link、a

在被鏈結的資源的中使用http content-type頭元素

shape、coords

a使用area元素代替a元素

longdesc

img、iframe

使用a元素鏈結到校長描述

target

link

多餘屬性,被省略

nohref

area

多餘屬性,被省略

profile

head

多餘屬性,被省略

version

html

多餘屬性,被省略

name

imgid

scheme

meta

只為某個表單域使用scheme

archive、chlassid、codebose、codetype、declare、standby

object

使用data與typc屬性類呼叫外掛程式。需要使用這些屬性來設定引數時,使用param屬性

valuetype、type

param

使用name與value屬性,不宣告之的mime型別

axis、abbr

td、th

使用以明確簡潔的文字開頭、後跟詳述文字的形式。可以對更詳細內容使用title屬性,來使單元格的內容變得簡短

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與HTML4的區別

掌握html5 與html4 在基本語法上的區別,這個基本語法區別包括 doctype 申明,內容型別,字元編碼的指定方式,元素標記的省略,具有布林型別值得屬性,引號的省略等 了解新增的元素,刪除了哪些元素,為什麼要刪除這些元素,用什麼元素或者方法來取代這些刪除的元素 新增了那些屬性,刪除了那些屬性...

HTML4與HTML5的區別

1.定義上的區別 html5是應用超文字標記語言 html 的第五次修改,html4是應用超文字標記語言 html 的第四次修改,他們分別是html語言的第5和第4版本,html4是為了適應pc時代產生的,html5是為了移動網際網路時代產生的。他們都是w3c world wide web 推薦的標...

html5和html4的區別

在html5中提高web瀏覽器之間的相容性是它的乙個很大的目標。charset utf 8 當屬性值不包括空字串,單引號,雙引號等字元時,屬性值兩邊的引號可以省略。等元素可以省略新增的結構元素 等.新增的其他元素 等 新增的input元素的型別.email,url,number,range,date...