<h1><a ...> ... </a></h1>两者都是<a ...><h1> ... </h1></a>有效的 HTML,还是只有一个是正确的?如果它们都是正确的,它们的含义是否不同?
<h1><a ...> ... </a></h1>
<a ...><h1> ... </h1></a>
两个版本都是正确的。它们之间最大的区别在于,在<h1><a>..</a></h1>只有标题中的文字的情况下才会被点击。
<h1><a>..</a></h1>
如果你把<a>周围的<h1>和 cssdisplay属性是block(默认情况下)整个块(高度<h1>和 100% 所在容器的宽度<h1>)将是可点击的。
<a>
<h1>
display
block
从历史上看,您不能将块元素放在内联元素中,但 HTML5 不再是这种情况。我认为这种<h1><a>..</a></h1>方法更传统。
如果您想在标题上放置一个锚点,比<a id="my-anchor"><h1>..</h1></a>使用id或name属性更好的方法是:<h1 id="my-anchor">..</h1>或<h1 name="my-anchor">..</h1>
<a id="my-anchor"><h1>..</h1></a>
id
name
<h1 id="my-anchor">..</h1>
<h1 name="my-anchor">..</h1>