如何在网络标准中混合链接（标签）和标题（

标签）？

发布于 2024-07-26 22:32:50 字数 299 浏览 5 评论 0 原文

根据 Web 标准创建标题为 1 的链接的正确代码是什么？

是吗

<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>

还是

<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>

谢谢

原文

What is the correct code to create a link with heading 1 according to web standards?

is it

<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>

<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

原来分手还会想你 2024-08-02 22:32:50

根据网络标准，不允许将块元素放入内联元素中。

由于 h1 是块元素，而 a 是内联元素，

<h1><a href="#">This is a title</a></h1>

因此正确的方法是：这是一个链接，您可以了解更多信息：w3 视觉格式化模型

但是，有一个例外，在 HTML5 中，包装块级元素是有效的（例如 div、p 或 h*）在锚标记中。将块级元素包装在锚点以外的内联元素中仍然违反标准。

According to web standards you aren't allowed to put block elements into inline elements.

As h1 is a block element and a is an inline element the correct way is:

<h1><a href="#">This is a title</a></h1>

Here is a link so you can learn more: w3 Visual formatting model

However, there is an exception that in HTML5 it is valid to wrap block-level elements (like div, p or h*) in anchor tags. Wrapping block-level elements in inline elements other than anchors still goes against the standards.

回复收藏 0 原文

归途 2024-08-02 22:32:50

HTML5 更新了这个主题：现在可以用 A 包装块级元素，如另一个问题中所述：https://stackoverflow。 com/a/9782054/674965 和此处：http://davidwalsh.name/html5-elements -链接

回复收藏 0 原文

两人的回忆 2024-08-02 22:32:50

<代码>a> h1 将导致难以选择文本

由于两者在 HTML5 中完全有效，因此最好使用 h1 > 一个

回复收藏 0 原文

樱娆 2024-08-02 22:32:50

据我了解，HTML5 确实允许您将块级元素包装在链接标签中。但是，旧版浏览器中可能会出现错误。我在 Firefox 3.6.18 中遇到了这个问题，并将 moz-rs-heading="" 插入到我的代码中。因此我的风格被打破了。如果您关心解决方法，则可以将链接标签包装在 div 中。以下内容更好地解释了附加代码为何有效 http://oli.jp/ 2009/html5-block-level-links/

回复收藏 0 原文

~没有更多了~