分組元素用于對頁面中的內容進行分組,
figure元素和figcaption元素
- figure元素用于定義獨立的流內容(影像、圖表、照片、代碼等),一般指一個獨立的單元,figure元素的內容應該與主內容相關,但如果被洗掉,也不會對檔案流產生影響,
- figcaption元素用于為figure元素組添加標題,一個figure元素內最多允許使用一個figcaption元素,該元素應該放在figure元素的第一個或最后一個子元素的位置,
<p>被稱作“第四代體育館”</p>
<figure>
<figcaption>北京鳥巢</figcaption>
<p>拍攝者:張三,拍攝時間:2019年9月15日 17:42:12</p>
<img src=https://www.cnblogs.com/lxy0/p/"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568550641218&di=3d4dc50f7b0fe9a2ed3a8b25198b3730&imgtype=0&src=http%3A%2F%2Fm.tuniucdn.com%2Ffb2%2Ft1%2FG1%2FM00%2F0C%2F9D%2FCii9EFbQJa2IV2ubAAIUZv3TCucAACUQgCQyfAAAhR-415_w500_h280_c1_t0.jpg"
alt="">
hgroup元素
hgroup元素用于將多個標題(主標題和副標題或者子標題)組成一個標題組,通常它與h1~h6元素組合使用,通常,將hgroup元素放在header元素中,
在使用hgroup元素時要注意以下幾點:
- 如果只有一個標題元素不建議使用hgroup元素,
- 當出現一個或者一個以上的標題與元素時,推薦使用hgroup元素作為標題元素,
- 當一個標題包含副標題、section或者article元素時,建議將hgroup元素和標題相關元素存放到header元素容器中,
<header>
<hgroup>
<h1>我的個人網站</h1>
<h2>我的個人作品</h2>
</hgroup>
<p>開心快樂每一天</p>
</header>
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/41299.html
標籤:HTML5
上一篇:求一個基于d3.js或者echarts.js的進度條影片做法,要完整代碼
下一篇:固定定位下的div水平居中
