2013-05-20 36 views
2

我的典型图像将在其下面有一个事件名称(短文本),一个描述文本(较长文本)和版权文本(短文本)。我正在寻找最好的标签用例。不要担心与旧版浏览器的兼容性。图片将显示在数字标记中,因此我们在此讨论figcaption中的内容。用什么HTML标签来描述图片?

例子:

------------------------- 
- imagine an image here - 
------------------------- 
Marathon 2013 
Some great Marathon 2013 photo of a great runner. This could go on, and on, and on... 
and will span multiple lines most of the time. 
Courtesy of somesite.com 
我目前使用引用事件

(马拉松2013)和版权(somesite.com提供)。我正在考虑描述的跨度。

你会建议什么?

回答

1

是。形象的图。包含span/cite的图案听起来不错。

+0

著作权小标签?你能解释为什么它胜过引用吗? – jacekn

+0

我的不好。使用小*为*您的*版权。引用其他:) – basarat

3
 <figure> 
      <img src="image.jpg" alt="image text"> 
      <figcaption>Some great Marathon 2013 photo of a great runner. 
      This could go on, and on, and on... and will span multiple lines most of the time. 
      Courtesy of somesite.com</figcaption> 
     </figure> 

里面figcaption你可以使用你想要一个像<a> or <span>

所有标签,你可以使用数字为多相似图片

 <figure> 
      <img src="image.jpg" alt="image text"> 
      <img src="image2.jpg" alt="image text"> 
      <img src="image3.jpg" alt="image text"> 
      <figcaption>Some great Marathon 2013 photo of a great runner. 
      This could go on, and on, and on... and will span multiple lines most of the time. 
      Courtesy of somesite.com</figcaption> 
     </figure> 
+0

感谢您的示例+1。可能有一个引用里面的figcaption为“这可以继续下去”部分 – basarat

+0

问题是关于什么标签应该用于figcaption内的三个组件。 – jacekn