HTML5與HTML4的區別

2021-07-14 17:29:41 字數 2019 閱讀 8347

掌握html5

與html4

在基本語法上的區別,這個基本語法區別包括

doctype

申明,內容型別,字元編碼的指定方式,元素標記的省略,具有布林型別值得屬性,引號的省略等;   了解新增的元素,刪除了哪些元素,為什麼要刪除這些元素,用什麼元素或者方法來取代這些刪除的元素;    新增了那些屬性,刪除了那些屬性,用什麼方法來取代這些刪除的屬性;   掌握什麼是全域性屬性,掌握本章介紹的幾個全域性屬性,他們是

contenteditable,designmode,hidden,spellcheck,tabindex屬性

一.語法的改變

html的語法是在

sgml

語言的基礎上建立的,但是

sgml

的語法非常的嚴格與複雜,要開發能夠解析

sgml

的語法的程式是一件很不容易的事情

html5中的標記方法

1.內容型別:contenttype:擴充套件符與內容型別保持不變,擴充套件符是

.html

與.htm;

內容型別為」text/html」

2.doctype宣告:它在檔案的第一行,在html5

中刻意不使用版本宣告,乙份文件將適合所有版本的

html,,

在使用工具的時候,可以在

doctype

宣告裡面加入

system

識別符,

「about:legacy-compat」>(doctype宣告方式不區分大小寫,引號不區分是單引號還是雙引號)

3.指定字元編碼:在html5

中,可以直接對

元素直接追加

charset

屬性的方式來指定字元編碼,

」utf-8」>

html5

確保了與之前

html

版本的相容性:

1:可以省略標記的元素:分為三類;第一類:不允許寫結束標記 第二類:可以省略結束標記   第三類:開始標記和結束標記可以全部省略

不允許寫結束標記的元素:area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr

‚可以省略結束標記的元素:li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th

ƒ可以省略全部標記的元素:html,head,body,colgroup,tbody

2:具有

boolean

值得屬性,例如

disabled

與readonly

等//只寫屬性不寫屬性值代表屬性為

true」checkbox」 checked>

//屬性值

=屬性名,代表屬性為

true」checkbox」 checked=」checked」>

//屬性值

=空字串,代表屬性為

true」checkbox」 checked=」」>

//不寫屬性代表屬性為

false」checkbox」>

3.省略引號

當屬性值不包含空字串,」」 「=」單引號 雙引號等字元時,屬性值兩邊的引號可以省略

標記示例

這段**是根據html5

寫的,省略了

等元素;

元素的charset

屬性指定字元編碼,

元素的結束標記的省略,使用

<

元素/>

的方式來結束元素

HTML4與HTML5的區別

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

HTML5與HTML4的區別(2)

html5學習筆記之二 html5與html4的區別 2 人人it網 三 新增 廢除的屬性 1.新增的屬性 1 表單相關的屬性 對input type text select textarea與button元素新增自動獲取焦點的autofocus屬性。auto 三 新增 廢除的屬性 1.新增的屬性 ...

html5和html4的區別

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