鏈接圖像 - 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

回答

相關問題