HTML 入門簡介
HTML5 規(guī)范于2014年10月29日由萬維網(wǎng)聯(lián)盟正式宣布,從1999年發(fā)布了HTML4.01之后鹅士,歷經(jīng)十五年纺酸,中間還出現(xiàn)了WHATWG和XHTML2.0兩種規(guī)范,最后雙方合并成全新的HTML5版本搞旭。
HTML5與HTML4在語法上的一些區(qū)別
1趁餐、DOCTYPE聲明
2喷兼、指定字符集編碼
HTML4:
<meta http-equiv="CONTENT-TYPE" content="text/html;charset=UTF-8">
HTML5:
<meta charset="UTF-8">
兩種方式都能用,但不能混用
? 可以省略標(biāo)記的元素
不允許寫結(jié)束標(biāo)記:area澎怒、base、br、col喷面、command星瘾、embed、hr惧辈、img琳状、input、keygen盒齿、link念逞、meta、param边翁、source翎承、track、wbr
可以省略結(jié)束標(biāo)記:li符匾、dt叨咖、dd、p啊胶、rt甸各、rp、optgroup焰坪、option趣倾、colgroup、thead某饰、tbody儒恋、tfoot、tr露乏、td碧浊、th
可以完全省略標(biāo)記:html、head瘟仿、body箱锐、colgroup、tbody
? 具有boolean值得屬性
這些屬性劳较,只要寫上了就比表示true驹止,如:
<input checked type="checkbox">
還有readonly、disabled等
? 新增結(jié)構(gòu)元素
section:表示頁面中的一個內(nèi)容區(qū)塊观蜗,如:章節(jié)臊恋、頁眉、頁腳等墓捻,可以與h1~h6元素結(jié)合使用抖仅,標(biāo)示文檔結(jié)構(gòu)
article:標(biāo)示頁面中的一塊與上下文不相關(guān)的獨(dú)立內(nèi)容,如博客中的一篇文章或報紙上的一篇文章
aside:標(biāo)示article元素之外,但是相關(guān)的撤卢,輔助信息
header:頁面中的一個內(nèi)容區(qū)塊或整個頁面的標(biāo)題
hgroup:對整個頁面或頁面中的一個內(nèi)容區(qū)塊的標(biāo)題進(jìn)行整合
footer:整個頁面或頁面中內(nèi)容區(qū)塊的腳注环凿,一般包含作者的姓名、創(chuàng)作日期以及作者的聯(lián)系方式的等
nav:頁面中的導(dǎo)航鏈接
figure:表示一段獨(dú)立的流內(nèi)容放吩,一般表示文檔主體流內(nèi)容中的一個獨(dú)立單元智听,使用figcaption元素在figure元素組添加標(biāo)題
? 其他新增元素
video:視頻
audio:音頻
embed:插入各種多媒體格式
mark:在視覺上需要高亮的文字
progress:表示運(yùn)行中的進(jìn)程,一般用于顯示js耗時的時間函數(shù)
time:日期或時間
ruby:ruby注釋渡紫,中文注音或字符
rt:字符的解釋或發(fā)音
rp:在ruby注釋中石油
wbr:軟換行到推,當(dāng)父級元素寬度不夠的時候才換行
canvas:繪圖的畫布
command:命令按鈕,如單選按鈕惕澎、復(fù)選框莉测、復(fù)選按鈕
details:表示用戶要求得到并且可以得到的細(xì)節(jié)信息〖啵可以與summary元素配合使用
datalist:下拉列表悔雹,與input配合使用
datagrid:可選數(shù)據(jù)列表,樹形列表的形式顯示
keygen:生成密匙
output:表示不同類型的輸出
source:為媒介元素定義媒介資源
menu:菜單列表
? 新增的input類型欣喧,也就是input元素中腌零,type的屬性
email、url唆阿、number益涧、range、date驯鳖、month闲询、week、time浅辙、datetime扭弧、datetime-local
對于新增的元素或?qū)傩裕谑褂们白詈貌殚喴幌聻g覽器的支持情況
? 廢除的元素
能夠用CSS代替的一般都廢除了记舆,如 basefont鸽捻、big、center泽腮、font御蒲、s、strike诊赊、tt厚满、u等
不再使用frame框架:frameset、frame碧磅、noframes元素碘箍。因?yàn)閒rame框架對網(wǎng)頁的可用性存在負(fù)面影響遵馆。HTML5中只支持iframe框架
? 新增的表單屬性
autofocus:自動獲取焦點(diǎn)
placeholder:提示用戶輸入
form:聲明屬于哪個表單,然后可以放在頁面的任何位置丰榴,不一定非要在表單內(nèi)
required:表示是否必填
list:與datelist元素配合使用团搞,生成下拉框
multiple:允許一次上傳多個文件
其他屬性詳見HTML5