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>

Answer 2

要制作图像超链接，您应该使用XHTML，然后使用CSS

设置样式

XHTML：

<a href="http://destination.com" >
  <img src="path/to/image.png" alt="Dont forget your alt tags" />
</a>

CSS：

a img{
  border: 0
}

CSS只应用于图像（如果它们不用于交互），例如页面背景，边框或按钮背景

background-image:url('bg.jpg');

Answer 3

如果图片是网站主题或模板的一部分，则使用CSS作为图片。否则，您只需使用HTML。

希望它有所帮助。

链接图像 - XHTML / CSS

3 个答案: