<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>