首页 > 建站教程 > html教程 >  HTML5 <figure>标签正文

HTML5 <figure>标签

看看下面一段简单的代码:
<img alt="About image" src="path/to/image" />
<h6>
    Image of Mars.
</h6>
遗憾的是,这里的h6标签和img标签好像没有什么关系,语义不够明确。HTML5意识到了这一点,于是就采用了<figure>标签。当<figure>结合<figcaption>标签的使用,可以让h6标签和img标签组合起来,代码就更具语义化了。
<figure>
<img alt="About image" src="path/to/image" /> <figcaption>
<h6>
    This is an image of something interesting.
</h6>
</figcaption>
</figure></figcaption></figure></figure>