链接图像 - XHTML/CSS

Question

我想链接一个小图片,我应该使用XHTML还是CSS？

Answer 1

使用css或xhtml之间的区别归结为图像的用途.如果它是背景,或仅用于演示目的,请使用css.如果它是一个缩略图或类似的,链接到更大版本的自身或用于除演示之外的页面上的目的,请使用xhtml img元素.

演示选项:

a.imageLink {
    background: transparent url(path/to/image/relative/to/css/file.css) 0 0 no-repeat;
}

<a href="#" class="imageLink">Link to something</a>

语义'在xhtml文件中有用'选项:

<a href="/path/to/larger/version.png">
    <img src="path/to/thumbnail.png" alt="this is a thumbnail of a larger, wonderful, image that you should go see!" />
</a>