哪个更正确:<h1><a>…</a></h1>或<a><h1>…</h1></a>

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (12)

都是<h1><a ...> ... </a></h1><a ...><h1> ... </h1></a>有效的HTML,还是只有一个正确?如果它们都是正确的,它们的含义是否不同?

提问于
用户回答回答于

我正在更新这个答案,因为旧的答案有点不正确。

正确的答案是,这两个版本都是正确的。他们之间最大的区别是<h1><a>..</a></h1>只有标题中的文本是可点击的。

如果你把<a>绕着<h1>和CSSdisplay财产block(默认情况下)整个块(<h1>容器宽度的100%<h1>)将是可点击的。

历史上,不能在内联元素中放置块元素,但是HTML 5不再是这种情况。我认为<h1><a>..</a></h1>不过,这种做法更为传统。

如果您想在头上放置一个锚,则比<a id="my-anchor"><h1>..</h1></a>将使用id或者name属性如下:<h1 id="my-anchor">..</h1><h1 name="my-anchor">..</h1>

用户回答回答于

在前HTML 5中这个

<a><h1>..</h1></a>

不会验证。可以在HTML 5中使用它。然而,我会用这个:

<h1><a>..</a></h1>

除非需要在<a>中添加大于<h1>的内容

扫码关注云+社区