您好,登錄后才能下訂單哦!
這篇文章主要介紹了html5 figure和figcaption的使用方法的相關(guān)資料,有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你們有所幫助。
figure標(biāo)簽和figcaption標(biāo)簽是html5新增的語義化標(biāo)簽。
figure標(biāo)簽,html5語義化標(biāo)簽。
用于規(guī)定獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等等)。
figcaption標(biāo)簽,html5語義化標(biāo)簽。
與figure配套使用,用于標(biāo)簽定義figure元素的標(biāo)題。
用figure和figcaption標(biāo)簽的好處
搜索引擎搜索到figure的時(shí)候會(huì)知道,這里存放的是圖片、圖表、照片、代碼等媒體,不不會(huì)認(rèn)為這里存放的是文章等其他東西。搜索引擎搜索的時(shí)候更快捷更便利。
另一方面程序員在看的時(shí)候,看到這個(gè)標(biāo)簽的時(shí)候,就會(huì)知道,這里存在的就是圖片等媒體,便于閱讀。
下面用圖簡(jiǎn)單描述下這兩個(gè)標(biāo)簽的使用方法
案例1:
不帶有標(biāo)題的figure元素:
<figure> <img alt="腳本之家" src="logo.png"/> </figure>
案例2:
帶有標(biāo)題的figure元素:
<figure> <img alt="腳本之家" src="logo.png"/> <figcaption>腳本之家,腳本之家是國(guó)內(nèi)專業(yè)的網(wǎng)站建設(shè)資源、腳本編程學(xué)習(xí)類網(wǎng)站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網(wǎng)頁制作、網(wǎng)絡(luò)編程、網(wǎng)站建設(shè)等編程資料</figcaption> </figure>
案例3:
多個(gè)圖片,同一個(gè)標(biāo)題的figure元素:
<figure> <img alt="腳本之家1" src="logo1.png"/> <img alt="腳本之家2" src="logo2.png"/> <img alt="腳本之家3" src="logo3.png"/> <figcaption>腳本之家,腳本之家是國(guó)內(nèi)專業(yè)的網(wǎng)站建設(shè)資源、腳本編程學(xué)習(xí)類網(wǎng)站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網(wǎng)頁制作、網(wǎng)絡(luò)編程、網(wǎng)站建設(shè)等編程資料</figcaption> </figure>
總結(jié):以上就是本篇文的全部?jī)?nèi)容,希望能對(duì)大家的學(xué)習(xí)有所幫助。更多相關(guān)教程請(qǐng)?jiān)L問Html5視頻教程!
以上就是html5 figure和figcaption的使用方法的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注億速云其它相關(guān)文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。