中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

figure和figcaption怎么在html5中使用

發布時間:2021-03-26 16:16:34 來源:億速云 閱讀:162 作者:Leah 欄目:web開發

figure和figcaption怎么在html5中使用?相信很多沒有經驗的人對此束手無策,為此本文總結了問題出現的原因和解決方法,通過這篇文章希望你能解決這個問題。

figure標簽和figcaption標簽是html5新增的語義化標簽。

figure標簽,html5語義化標簽。

用于規定獨立的流內容(圖像、圖表、照片、代碼等等)。

figcaption標簽,html5語義化標簽。

與figure配套使用,用于標簽定義figure元素的標題。

用figure和figcaption標簽的好處

搜索引擎搜索到figure的時候會知道,這里存放的是圖片、圖表、照片、代碼等媒體,不不會認為這里存放的是文章等其他東西。搜索引擎搜索的時候更快捷更便利。
另一方面程序員在看的時候,看到這個標簽的時候,就會知道,這里存在的就是圖片等媒體,便于閱讀。

下面用圖簡單描述下這兩個標簽的使用方法

figure和figcaption怎么在html5中使用

案例1:

不帶有標題的figure元素:

<figure>
    <img alt="億速云" src="logo.png"/>
</figure>

案例2:

帶有標題的figure元素:

<figure>
    <img alt="億速云" src="logo.png"/>
    <figcaption>億速云,億速云是國內專業的網站建設資源、腳本編程學習類網站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網頁制作、網絡編程、網站建設等編程資料</figcaption>
</figure>

案例3:

多個圖片,同一個標題的figure元素:

<figure>
    <img alt="億速云1" src="logo1.png"/>
    <img alt="億速云2" src="logo2.png"/>
    <img alt="億速云3" src="logo3.png"/>
    <figcaption>億速云,億速云是國內專業的網站建設資源、腳本編程學習類網站,提供asp、php、asp.net、javascript、jquery、vbscript、dos批處理、網頁制作、網絡編程、網站建設等編程資料</figcaption>
</figure>

看完上述內容,你們掌握figure和figcaption怎么在html5中使用的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

江阴市| 小金县| 那坡县| 宝山区| 庆安县| 雷波县| 修武县| 余干县| 崇义县| 岳池县| 宝山区| 彰化市| 德阳市| 嘉鱼县| 太仓市| 正定县| 太康县| 峨边| 鲁甸县| 泸溪县| 苍南县| 滁州市| 福建省| 鄂温| 金乡县| 武义县| 商洛市| 赞皇县| 天台县| 通江县| 岑溪市| 南宫市| 谢通门县| 大关县| 鄂尔多斯市| 盐源县| 鹿泉市| 靖边县| 绵竹市| 灌阳县| 镶黄旗|