2015-02-23 75 views
4

我正在試圖創建一個圖片標籤,裏面有一個錨定標籤環繞圖像。我想知道這個結構是否合法。以下是顯示我希望如何工作的代碼。數字標籤可以包含包裝圖像的錨標籤嗎?

<figure> 
    <a href="/my-picture"> 
     <img src="img/picture.jpg" alt="My picture"> 
    </a> 
    <figcaption> 
     My picture 
    </figcaption> 
</figure> 
+0

是u能做到這一點 – Rasel 2015-02-23 08:53:26

+0

很好,謝謝。任何地方我可以檢查這些疑惑? @Rasel – armellini13 2015-02-23 09:31:07

+0

您可以在http://validator.nu上驗證您的標記 – BoltClock 2015-02-23 09:40:44

回答

3

驗證器說它是正確的結構,所以是的。

當談到語義時,我沒有看到任何問題,但是請始終記住,在html5中,您可以將整個圖形包裹在可能適用於大多數情況下的鏈接中。

我用這個驗證:

<!DOCTYPE html> 
<html> 
<head> 
<title>a</title> 
</head> 
<body> 
<figure> 
    <a href="/my-picture"> 
     <img src="img/picture.jpg" alt="My picture"> 
    </a> 
    <figcaption> 
     My picture 
    </figcaption> 
</figure> 
</body>