如何在web标准中混合链接(<a>标签)和标题(<h1>标签)?
根据Web标准创build与标题1的链接的正确代码是什么?
是吗
<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>
要么
<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>
谢谢
根据Web标准,您不允许将块元素放入内联元素。
由于h1
是块元素,而a
是内联元素,所以正确的方法是:
<h1><a href="#">This is a title</a></h1>
这里是一个链接,所以你可以学习更多: W3可视化格式模型
但是,在HTML5中,有一个例外是将块级元素(如div
, p
或h*
)包装在锚标记中。 除锚点之外的内联元素中的块级元素仍然违背标准。
HTML5更新了这个主题:现在可以用A来包装块级元素,如另一个问题所述: https : //stackoverflow.com/a/9782054/674965 ,在这里: http : //davidwalsh.name/html5-元素链接
据我所知,HTML5确实允许你在链接标签中包装块级元素。 但是,旧版浏览器中可能会出现错误。 我用Firefox 3.6.18遇到了这个问题,并在我的代码中插入了moz-rs-heading =“”。 因此,我的风格突破。 如果您关心解决方法,则可以将链接标记包装在div中。 以下提供了一个更好的解释,为什么额外的代码工作http://oli.jp/2009/html5-block-level-links/