<img>标签不能嵌套在<a>标签中

Question

HTML5规范<img>中<a>标记不能嵌套在标记中的原因是什么

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

视觉工作室2010 sp1说

Answer 1

这是允许的,但不一定适用于所有情况.

一个a元素的内容模型是透明的,这意味着,它的内容模型是相同的父代内容模型.

各a规格:

内容模型:
透明,但必须没有交互式内容后代.

各img规格:

上下文中该元素可用于:
凡嵌入式内容的预期.

因此,如果a元素父级的内容模型是短语内容或嵌入内容,img则允许该元素:

作为一般规则,其内容模型允许任何措辞内容的元素应该具有至少一个不是元素间空格的后代文本节点,或者至少一个作为嵌入内容的后代元素节点.