分組元素用於對頁面中的內容進行分組。 figure元素和figcaption元素 figure 元素用於定義獨立的流內容(圖像、圖表、照片、代碼等),一般指一個獨立的單元。 figure 元素的內容應該與主內容相關,但如果被刪除,也 不會對文檔流產生影響 。 figcaption 元素用於為figu ...
分組元素用於對頁面中的內容進行分組。
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://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="">
</figure>
hgroup元素
hgroup元素用於將多個標題(主標題和副標題或者子標題)組成一個標題組,通常它與h1~h6元素組合使用。通常,將hgroup元素放在header元素中。
在使用hgroup元素時要註意以下幾點:
- 如果只有一個標題元素不建議使用hgroup元素。
- 當出現一個或者一個以上的標題與元素時,推薦使用hgroup元素作為標題元素。
- 當一個標題包含副標題、section或者article元素時,建議將hgroup元素和標題相關元素存放到header元素容器中。
<header>
<hgroup>
<h1>我的個人網站</h1>
<h2>我的個人作品</h2>
</hgroup>
<p>開心快樂每一天</p>
</header>