2011-12-21 184 views
3

那是什麼<img>標籤不能在<a>標籤通過HTML5規範<img>標籤不能嵌套在<a>標籤

<a href="#"> 
    <img src="src" alt="alt"/> 
</a> 

的Visual Studio 2010 SP1嵌套的原因說

enter image description here

+2

嗯,你能給出一個參考它說的這個地方嗎?在此之前從未聽說過這一點。 – JohnP 2011-12-21 09:24:09

+1

@JohnP你曾經使用過視覺工作室嗎?如果不是這個問題沒有引用你 – 2011-12-21 09:28:31

+0

http://stackoverflow.com/questions/7896118/visual-studio-html5-validation-element-img-cannot-be-nested-within-element-a – 2013-11-14 05:33:04

回答

9

這是允許的,但不一定在每一種情況。

a元素的內容模型爲transparent,這意味着,其內容模型與其父內容模型相同。

所屬a specification

內容模型:
Transparent,但必須有沒有交互式內容後裔。

img specification所屬:

上下文在此元件可用於:
embedded content預期。

因此,如果a元素的父的內容模型是措辭內容嵌入內容,在img元素被允許:

一般來說,元素,其內容模型允許任何短語內容應該至少有一個不是元素間空白的後代文本節點,或者至少有一個嵌入內容的後代元素節點。

+0

很好的答案!感謝名單 – 2011-12-21 09:32:44

0

你前提不正確;這是一個非常有效的結構。