HTML5與HTML4的區別

時間 2019-11-30

標籤 html5 html html4 區別欄目 HTML5 简体版

原文原文鏈接

一、語法的改變
HTML5中的標記方法：仍然爲"text/html".
Doctype聲明：刻意不使用版本，不區分大寫，<!DOCTYPE html>.
指定字符編碼：<meta charset="UTF-8">,也可使用HTML4的方式(content)來指定。

在HTML5中，元素的標記能夠省略。
不容許寫結束標記的元素有(只容許"<元素/>")：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.

有boolen值的屬性。
省略引號：屬性值沒有<,>, 引號等特殊字符時，能夠省略引號。
2、新增的元素和廢除的元素
新增的結構元素：
Section:表示頁面中的一個內容區塊。
article：表示頁面中的一塊與上下文不相關的獨立內容。
aside:表示article元素的內容以外的，與article元素相關的輔助信息。
header:表示頁面中一個內容區塊或整個頁面的標題。
hgroup:將標題進行組合。
footer：表示整個頁面或者頁面中的一個內容區塊的腳註。
nav:導航連接的部分。
figure:表示一段獨立的流內容，通常表示文檔主題流內容中的一個獨立單元。使用figcaption元素爲figure元素組添加標題。
新增的其餘元素：
video
audio
embed:用來插入各類多媒體。
mark:突出顯示或者高亮顯示。
process:表示運行中的進程。
time:表示日期或者時間，能夠同時表示二者。
ruby:表示ruby註釋(中文註音或字符)。
rt:表示字符(中文註音或字符)的解釋或者發音。
rp:在ruby註釋中使用，以定義不支持ruby元素的瀏覽器所顯示的內容。
wbr:軟換行。
canvas:表示圖形。
command:表示命令按鈕，如單選，複選。
details:表示用戶要求獲得而且能夠獲得的細節信息。
datalist:表示可選數據的列表。可與input配合做出下拉列表。
datagrid:表示可選的數據列表。
keygen:表示生成密鑰。
output：表示不一樣類型的輸出。
source:爲媒介定義媒介資源。
menu:表示菜單列表。
新增的input元素：
email
url
number
range
Date Pickers
廢除的元素：
basefont,big,font,s,strike,tt,u.被廢除，使用編輯CSS，添加CSS樣式表的方式進行替代。
再也不使用frame框架，只支持iframe框架。
只有部分瀏覽器支持的元素applet,bgsound,blink,marquee等，被廢除。
其餘：
rb,用ruby代替
acronym，使用abbr代替
dir,用ul代替
isindex,使用pre代替
xmp，用code代替
nextid，使用GUIDS替代
plaintext，使用"text/plain"MIME類型替代
三、新增的屬性和廢除的屬性
新增的表單屬性：
input、select、textarea與Button指定autofocus.
input和textare指定placeholder.
input,output,select,textarea,button,fieldset指定form,聲明屬於哪一個表單。
input,textarea指定required屬性。
input新屬性：autocomplete,min,max,multiple,pattern,step.
list與datalist配合使用，dadtalist與autocomplate使用，multiple容許一次上傳多個文件。
input,button新屬性formaction,formenctype,formmethod,formnovalidate,formtarget，它們能夠重載form對應的屬性。filedset元素增長了disabled屬性，能夠把它的子元素設爲disabled狀態。
input,button,form增長了novalidate屬性。
連接相關屬性：
a與area的media，在href存在時使用，規定目標類型。
area增長了hreflang與rel屬性。
link增長了sizes屬性。
base增長了target屬性。
其餘屬性：
ol的reversed。
meta的charset。
menu的type和label。
style的scoped屬性，規定樣式的做用範圍。
scrip的async，定義腳本是否異步執行。
html的manifest，開發離線web應用時與api結合使用，定義一個url，在這個url上描述文檔的緩存信息。
iframe的sandbox，seamless,srcdoc，用來提升頁面的安全性。
廢除的屬性：取消了多餘屬性，還有不少使用CSS替代。
四、全局屬性（能夠對任何元素使用）
contentEditable：運行用戶編輯元素中的內容。爲布爾值屬性，能夠指定true或者false。
inherit狀態，未指定true或者false時，和父元素一致。
isContentEditable：當元素可編輯時爲true。

designMode：用來指定整個頁面是否可編輯。
值爲"on"或"off",只能在js腳本里修改該屬性。如:document.designMode="on"
IE8不支持。
hidden：通知瀏覽器不渲染該元素，處於不可見狀態。"true"或者"false".
spellcheck：text或者textarea輸入框對用戶輸入文本進行拼寫和語法檢查(readOnly和disabled除外)。必須指定"true"或者"false"
IE不支持。
tabindex:設爲負數時，按tab不會得到焦點。html

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。