首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >哪个更正确:<h1><a>...</a></h1>或<a><h1>...</h1></a>

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

Stack Overflow用户
提问于 2011-08-11 17:18:17
回答 8查看 69K关注 0票数 176

<h1><a ...> ... </a></h1><a ...><h1> ... </h1></a>都有效,还是只有一个是正确的?如果它们都是正确的,那么它们在含义上有区别吗?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 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>更好的方法是使用idname属性,如下所示:<h1 id="my-anchor">..</h1><h1 name="my-anchor">..</h1>

票数 161
EN

Stack Overflow用户

发布于 2011-08-11 17:23:26

在之前的HTML5中,这一条

代码语言:javascript
复制
<a><h1>..</h1></a>

将不会验证。您可以在HTML5中使用它。但是,我将使用以下代码:

代码语言:javascript
复制
<h1><a>..</a></h1>

除非您需要在中添加更多的< h1 >

票数 28
EN

Stack Overflow用户

发布于 2011-08-11 17:23:35

<a><h1></h1></a>不是有效的W3C ...基本上,您不能将block elements放入inline elements

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7023512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档