2018-06-15

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市多艇,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌像吻,老刑警劉巖峻黍,帶你破解...
    沈念sama閱讀 218,036評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異拨匆,居然都是意外死亡姆涩,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評論 3 395
  • 文/潘曉璐 我一進(jìn)店門惭每,熙熙樓的掌柜王于貴愁眉苦臉地迎上來骨饿,“玉大人,你說我怎么就攤上這事台腥『曜福” “怎么了?”我有些...
    開封第一講書人閱讀 164,411評論 0 354
  • 文/不壞的土叔 我叫張陵黎侈,是天一觀的道長察署。 經(jīng)常有香客問我,道長峻汉,這世上最難降的妖魔是什么贴汪? 我笑而不...
    開封第一講書人閱讀 58,622評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮休吠,結(jié)果婚禮上扳埂,老公的妹妹穿的比我還像新娘。我一直安慰自己瘤礁,他們只是感情好阳懂,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著蔚携,像睡著了一般希太。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酝蜒,一...
    開封第一講書人閱讀 51,521評論 1 304
  • 那天誊辉,我揣著相機(jī)與錄音,去河邊找鬼亡脑。 笑死堕澄,一個胖子當(dāng)著我的面吹牛邀跃,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蛙紫,決...
    沈念sama閱讀 40,288評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼拍屑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了坑傅?” 一聲冷哼從身側(cè)響起僵驰,我...
    開封第一講書人閱讀 39,200評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎唁毒,沒想到半個月后蒜茴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,644評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡浆西,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評論 3 336
  • 正文 我和宋清朗相戀三年粉私,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片近零。...
    茶點(diǎn)故事閱讀 39,953評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡诺核,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出久信,到底是詐尸還是另有隱情窖杀,我是刑警寧澤,帶...
    沈念sama閱讀 35,673評論 5 346
  • 正文 年R本政府宣布裙士,位于F島的核電站陈瘦,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏潮售。R本人自食惡果不足惜痊项,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望酥诽。 院中可真熱鬧鞍泉,春花似錦、人聲如沸肮帐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽训枢。三九已至托修,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間恒界,已是汗流浹背睦刃。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留十酣,地道東北人涩拙。 一個月前我還...
    沈念sama閱讀 48,119評論 3 370
  • 正文 我出身青樓际长,卻偏偏與公主長得像,于是被迫代替她去往敵國和親兴泥。 傳聞我的和親對象是個殘疾皇子工育,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 本文主要介紹Html5和Html4的區(qū)別。 語法的改變 內(nèi)容類型HTML5 的文件擴(kuò)展符與內(nèi)容類型保持不變搓彻。擴(kuò)展符...
    layjoy閱讀 1,842評論 0 23
  • 2018-06-15創(chuàng)建 組價通信 vue中一個比較令人煩惱的事情是屬性只能從父組件傳遞給子組件如绸。這也就意味著當(dāng)你...
    勇敢的小拽馬閱讀 1,331評論 1 4
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問題點(diǎn)這里 看全部問題和答案點(diǎn)這里 本文由我...
    自you是敏感詞閱讀 760評論 0 3
  • 重磅嘉賓更新!中國電子商務(wù)協(xié)會助力LinCo區(qū)塊鏈游輪峰會 8月9日即將在上海開航的 LinCo 領(lǐng)氪區(qū)塊鏈游輪峰...
    鏈上財經(jīng)網(wǎng)閱讀 130評論 0 0
  • 數(shù)學(xué)作業(yè) 1旭贬、背誦課本第75頁“撥一撥竭沫,填一填”內(nèi)容。(家長在旁邊簽字) 2骑篙、動手制作一個鐘表,指針要能夠撥動森书,不...
    天隆超市閱讀 322評論 0 0