0

我一直在尝试剖析 behance.net 网站上的一些 CSS。我已经在 chrome 检查器中非常彻底地查看了它，但有些东西我就是不明白。

在顶部导航栏上，有文字显示“发现”、“画廊”、“工作”。我注意到“发现”是锚标签内的一个 div。我的印象是块级元素不能容纳内联级元素。但这是一个非常专业的网站，他们正在这样做。它不会在某些浏览器中中断吗？

<a    class="nav-link" href="/"><div class="nav-text nav-sprite nav-sprite-discover">Discover</div></a>

谢谢！

4

2 回答 2

3

根据 HTML5 文档，<a>元素具有transparent内容模型，这意味着它们可以包含块级元素。

在 HTML4 及以下版本中，<a>元素是内联元素，不能包含块内容。

于 2012-09-25T15:44:26.310 回答
1

如果 Behance 使用 HTML5 文档类型，这将是有效的（正如 zzzzBov 所说，在 HTML5 规范的当前草案中，元素具有透明的内容模型，这意味着它们可以包含块级元素）。

但是，由于它们使用的是 XHTML 文档类型，因此它们在此上下文中的使用是无效的。它不会在（大多数）浏览器上中断，但它并不完全正确，我不会效仿它。

于 2012-09-25T15:49:02.693 回答