html5
1.聲明
html5:萬(wàn)維網(wǎng)的核心語(yǔ)言、HTML規(guī)范的第五次重大修改。HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法, 例如doctype的聲明,你只需要寫(xiě)<!doctype html>
2.布局的語(yǔ)義化標(biāo)簽
article:標(biāo)簽裝載顯示一個(gè)獨(dú)立的文章內(nèi)容,例如一篇文章、報(bào)導(dǎo)、小說(shuō)。
section :標(biāo)簽定義文檔中的節(jié)(section、區(qū)段),例如一個(gè)小說(shuō)中的一章節(jié)。
aside:用來(lái)裝載非正文類的內(nèi)容,對(duì)于主題內(nèi)容的說(shuō)明。
header :標(biāo)簽定義文檔的頁(yè)面頭部,通常是一些引導(dǎo)和導(dǎo)航信息
footer : 標(biāo)簽定義 section 或 document 的頁(yè)腳
nav :標(biāo)簽定義顯示導(dǎo)航鏈接
time:定義日期或時(shí)間,或者兩者
main:規(guī)定文檔的主要內(nèi)容 注:在文檔中不能出現(xiàn)一個(gè)以上的<main>元素。
progress:進(jìn)度條 屬性:max:進(jìn)度完成值
value:定義當(dāng)前進(jìn)度值
mark:標(biāo)記需要突出顯示的文本
使用場(chǎng)景:
3.媒體組合標(biāo)簽
figure>figcaption
<figure>:標(biāo)簽包含獨(dú)立的媒體內(nèi)容,例例如圖像、圖表、照片等等,以及對(duì)這些媒體的說(shuō)明文字
<figcaption>標(biāo)簽定義figure元素的標(biāo)題(captio)
details>summary
<details>標(biāo)簽用于描述文檔或文檔某個(gè)部分的細(xì)節(jié),而這個(gè)細(xì)節(jié)并不不需要文檔加載時(shí)就展示,而是可以折疊。
屬性:open定義details是否可見(jiàn)
<summary>默認(rèn)顯示的details元素的標(biāo)題
datalist>option
輸入框提示列列表
input的list屬性值為datalist的id