链接图像 - XHTML/CSS

-2

我想链接一个小图像，我应该使用XHTML还是CSS？链接图像 - XHTML/CSS

来源

2011-02-27 Nicol

定义 “链接小的图像。”如果您只需链接到图像，则只需简单的旧HTML即可。还有更多你想要做的事吗？ – David 2011-02-27 14:47:52

不确定你的意思，你能详细说明你想做什么吗？ XHTML和CSS是两个不同的东西。 – 2011-02-27 14:48:04

我完全不理解这一点。 – Oded 2011-02-27 14:48:07

如果图像是网站主题或模板的一部分，则可以对图像使用CSS。否则，您只需使用HTML即可。

希望它有帮助。

来源

2011-02-27 14:54:53 Thuy

谢谢！我明白。 – Nicol 2011-02-27 15:07:24

使图像的超链接，你应该使用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');

来源

2011-02-27 14:55:31 hipyhop

...别忘了*关闭*您的'alt'标签... = b – 2011-02-27 15:01:54

谢谢！这是否意味着如果我链接背景图像将是一个不好的做法？在某些情况下，它更方便..我的意思是当我可以用获得好结果时。 – Nicol 2011-02-27 15:05:57

我注意到了！ :)感谢 – Nicol 2011-02-27 15:06:22

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

来源

2011-02-27 15:07:22

@尼科尔，你很欢迎，很高兴能够帮助:) – 2011-02-27 15:16:02

链接图像 - XHTML/CSS

回答

相关问题