html5--day1

1.第一行進(jìn)行聲明

<!DOCTYPE html>

2.聲明編碼,否則會(huì)出現(xiàn)亂碼

<mate charset="utf-8">
注:utf-8:針對(duì)Unicode的可變長(zhǎng)度字符編碼(又稱萬(wàn)國(guó)碼)在網(wǎng)頁(yè)可顯得中文簡(jiǎn)體,繁體及其他語(yǔ)言(如英語(yǔ)站削,日語(yǔ)允耿,韓語(yǔ)等)葬馋。

3.塊元素

HTML5定義了8個(gè)新語(yǔ)義元素(header, section, footer, aside, nav, main, article, figure)杉女,所有這些元素都是塊級(jí)元素壹哺,為了能讓舊版本瀏覽器正確顯示這些元素垢啼,需要將CSS的display屬性值設(shè)置為block窜锯。

header, section, footer, aside, nav, main, article, figure
 {
    display: block; 
}
4.添加新元素

document.createElement("myHero")
注:myHero為新添加元素名。

5.Internet Explorer 瀏覽器問(wèn)題
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>渲染 HTML5</title>
  <!--[if lt IE 9]>
  <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
  <![endif]-->
</head>
<body>
<h1>我的第一篇文章</h1>
<article>
我的第一篇文章
</article>
</body>
</html>

html5shiv.js 引用代碼必須放在 <head> 元素中芭析,因?yàn)?IE 瀏覽器在解析 HTML5 新元素時(shí)需要先加載該文件锚扎。

6.新元素
標(biāo)簽 描述
<canvas> 標(biāo)簽定義圖形,比如圖表和其他圖像馁启。該標(biāo)簽基于 JavaScript 的繪圖 API
<audio> 定義音頻內(nèi)容
<video> 定義視頻(video 或者 movie)
<source> 定義多媒體資源 <video> 和 <audio>
<embed> 定義嵌入的內(nèi)容驾孔,比如插件。
<track> 為諸如 <video> 和 <audio> 元素之類的媒介規(guī)定外部文本軌道进统。
<datalist> 定義選項(xiàng)列表助币。請(qǐng)與 input 元素配合使用該元素,來(lái)定義 input 可能的值螟碎。
<keygen> 規(guī)定用于表單的密鑰對(duì)生成器字段眉菱。
<output> 定義不同類型的輸出,比如腳本的輸出掉分。
<article> 定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域俭缓。
<aside> 定義頁(yè)面的側(cè)邊欄內(nèi)容克伊。
<bdi> 允許您設(shè)置一段文本,使其脫離其父元素的文本方向設(shè)置华坦。
<command> 定義命令按鈕愿吹,比如單選按鈕、復(fù)選框或按鈕
<details> 用于描述文檔或文檔某個(gè)部分的細(xì)節(jié)
<dialog> 定義對(duì)話框惜姐,比如提示框
<summary> 標(biāo)簽包含 details 元素的標(biāo)題
<figure> 規(guī)定獨(dú)立的流內(nèi)容(圖像犁跪、圖表、照片歹袁、代碼等等)坷衍。
<figcaption> 定義 <figure> 元素的標(biāo)題
<footer> 定義 section 或 document 的頁(yè)腳。
<header> 定義了文檔的頭部區(qū)域
<mark> 定義帶有記號(hào)的文本条舔。
<meter> 定義度量衡枫耳。僅用于已知最大和最小值的度量。
<nav> 定義導(dǎo)航鏈接的部分孟抗。
<progress> 定義任何類型的任務(wù)的進(jìn)度迁杨。
<ruby> 定義 ruby 注釋(中文注音或字符)。
<rt> 定義字符(中文注音或字符)的解釋或發(fā)音凄硼。
<rp> 在 ruby 注釋中使用铅协,定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
<section> 定義文檔中的節(jié)(section帆喇、區(qū)段)警医。
<time> 定義日期或時(shí)間。
<wbr> 規(guī)定在文本中的何處適合添加換行符坯钦。
7.已刪除元素
  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • noframes
  • strike
  • tt

----------------------------未完待續(xù)---------------------
2019年4月25日
明天加油

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末预皇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子婉刀,更是在濱河造成了極大的恐慌吟温,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,294評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件突颊,死亡現(xiàn)場(chǎng)離奇詭異鲁豪,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)律秃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)爬橡,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人棒动,你說(shuō)我怎么就攤上這事糙申。” “怎么了船惨?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,790評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵柜裸,是天一觀的道長(zhǎng)缕陕。 經(jīng)常有香客問(wèn)我,道長(zhǎng)疙挺,這世上最難降的妖魔是什么扛邑? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,595評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮铐然,結(jié)果婚禮上蔬崩,老公的妹妹穿的比我還像新娘。我一直安慰自己锦爵,他們只是感情好舱殿,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,718評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布奥裸。 她就那樣靜靜地躺著险掀,像睡著了一般。 火紅的嫁衣襯著肌膚如雪湾宙。 梳的紋絲不亂的頭發(fā)上樟氢,一...
    開(kāi)封第一講書(shū)人閱讀 49,906評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音侠鳄,去河邊找鬼埠啃。 笑死,一個(gè)胖子當(dāng)著我的面吹牛伟恶,可吹牛的內(nèi)容都是我干的碴开。 我是一名探鬼主播,決...
    沈念sama閱讀 39,053評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼博秫,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼潦牛!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起挡育,我...
    開(kāi)封第一講書(shū)人閱讀 37,797評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤巴碗,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后即寒,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體橡淆,經(jīng)...
    沈念sama閱讀 44,250評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,570評(píng)論 2 327
  • 正文 我和宋清朗相戀三年母赵,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了逸爵。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,711評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡凹嘲,死狀恐怖师倔,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情施绎,我是刑警寧澤溯革,帶...
    沈念sama閱讀 34,388評(píng)論 4 332
  • 正文 年R本政府宣布贞绳,位于F島的核電站,受9級(jí)特大地震影響致稀,放射性物質(zhì)發(fā)生泄漏冈闭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,018評(píng)論 3 316
  • 文/蒙蒙 一抖单、第九天 我趴在偏房一處隱蔽的房頂上張望萎攒。 院中可真熱鬧,春花似錦矛绘、人聲如沸耍休。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,796評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)羊精。三九已至,卻和暖如春囚玫,著一層夾襖步出監(jiān)牢的瞬間喧锦,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,023評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工抓督, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留燃少,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,461評(píng)論 2 360
  • 正文 我出身青樓铃在,卻偏偏與公主長(zhǎng)得像阵具,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子定铜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,595評(píng)論 2 350