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...