HTML figure
HTML figure
figure 和 figcaption 元素
figure
標簽規定獨立的流內容(圖像、圖表、照片、代碼等等)。
figure
元素的內容應該與主內容相關,同時元素的位置相對于主內容是獨立的。如果被刪除,則不應對文檔流產生影響。
figcaption
元素被用來為figure
元素定義標題。
例子
你可以在下面的代碼中看到一起使用的figure
和figcaption
元素。
<!DOCTYPE HTML>
<html>
<body>
I like XML and CSS.
<figure>
<figcaption>Listing 01. Using the code element</figcaption>
<code>varfruits = ["CSS", "HTML", "CSS", "Javascript"];<br>document.writeln("I like " + fruits.length + " fruits");
</code>
</figure>
</body>
</html>
上面的代碼渲染如下: