根据无障碍设计，我们能否在"a"标签内放置一个"div"元素？

Question

根据HTML5规范，我们可以在a标签内放置一个

元素。但是从无障碍角度考虑，是否建议这样做呢？因为我们不能在行内元素中放置块级元素。

我的意思是像这样：

文本内容

<a href="#">
<div class="textpart">
  header                  
</div>               
</a>

这个有无可访问性问题？

- Rayon

---

您的问题不够明确。 - Pramod S. Nikam

请尝试访问http://achecker.ca/checker/index.php。 - putvande

没有明确的规范，所以有人可以帮我吗？ - Rayon

请提供源代码，因为根据HTML5的规范，不这样做似乎是不正确的。对于可访问性来说，不应该有任何问题，但是如果div中有大量文本，导航可能会有些麻烦。 - Ryan B

假设横幅部分有一个旋转木马。我想让整个旋转木马可点击。那么我必须将整个横幅部分放在“a”标签内。但根据W3c的规定，我们不能将块元素放在内联元素中。那么这是编写HTML代码的正确方式吗？ - Rayon

Answer 1

您不能将块级元素作为行内元素的子元素，验证器会用椅子打在你的脸上。

但是您可以将一个行内元素设置在另一个行内元素中，然后将其设置为display: block;，这样既可以验证，也可以工作...

<a>first line<span style="display: block;">second line</span>third line</a>

- John