用于描述图像的HTML标记是什么?

时间:2013-05-20 03:51:41

标签: html tags

我的典型图片下方会有一个事件名称(简短文字),一个描述文字(较长的文字)和一个版权文字(短文)。我正在寻找最好的标签用例。不要担心与旧浏览器的兼容性。图像将在图形标记中,因此我们在这里讨论figcaption中的内容。

示例:

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

我目前正在使用引用活动(Marathon 2013)和版权(由somesite.com提供)。我正在考虑描述的范围。

你会建议什么?

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:1)

烨。图像的图。包含span / cite的Figcaption听起来不错。