<h1><a ...> ... </a></h1>
和<a ...><h1> ... </h1></a>
都有效,还是只有一个是正确的?如果它们都是正确的,那么它们在含义上有区别吗?
发布于 2011-08-11 17:22:01
两个版本都是正确的。它们之间最大的区别是,在<h1><a>..</a></h1>
的情况下,只有标题中的文本是可点击的。
如果将<a>
放在<h1>
周围,并且css display
属性为block
(默认情况下),则可以单击整个块( <h1>
的高度和<h1>
所在容器宽度的100% )。
过去,您不能将块元素放在内联元素中,但HTML5不再是这种情况。不过,我认为<h1><a>..</a></h1>
方法更传统。
如果您希望在标头上放置一个锚点,比<a id="my-anchor"><h1>..</h1></a>
更好的方法是使用id
或name
属性,如下所示:<h1 id="my-anchor">..</h1>
或<h1 name="my-anchor">..</h1>
发布于 2011-08-11 17:23:26
在之前的HTML5中,这一条
<a><h1>..</h1></a>
将不会验证。您可以在HTML5中使用它。但是,我将使用以下代码:
<h1><a>..</a></h1>
除非您需要在中添加更多的< h1 >
发布于 2011-08-11 17:23:35
<a><h1></h1></a>
不是有效的W3C ...基本上,您不能将block elements放入inline elements中
https://stackoverflow.com/questions/7023512
复制相似问题