html - 单个标题内的两个 anchor 标记

Question

我现在正在设计一个新博客的设计和标记，我发现了一个地方，我很想在一个标题标签中嵌套两个 anchor 标签:

<h3><a>Popular<a/>|<a>Recent</a></h3>

看起来像这样:

_{(来源:autochemky.com)}

这样做的目的(显然)是启用“POPULAR”作为显示热门文章的链接，并启用“RECENT”作为显示最近文章的链接。 . .单击一个或另一个只会更改侧边栏上的可见内容(文章列表)，而不会链接到新页面(通过 ajax 或让它们都已经加载并且一个是隐藏的 div)。

这样做是为了避免涉及多个 h3 元素或多个可见文章列表的额外潜在不必要代码。

我想我的问题是(按重要性顺序并假设 HTML5):

标记是否有效/可接受？

这会对 SEO 产生任何实际/明显的影响吗？

您是否愿意以不同的方式获得相同的结果？

Answer 1

假设 HTML5 - 这是可以接受的，HTML5 引入了任何元素都可以在 <a> 中标记(非常确定)

Changes in HTML5 Although previous versions of HTML restricted the a element to only containing phrasing content (essentially, what was in previous versions referred to as “inline” content), the a element is now transparent; that is, an instance of the a element is now allowed to also contain flow content (essentially, what was in previous versions referred to as “block” content)—if the parent element of that instance of the a element is an element that is allowed to contain flow content.

对 SEO 没有显着影响，这是一个次要的细节，你可能应该使用 <h1> 作为次要的细节。如果这是一个部分的标题，则标记为新 HTML5 语义中的基础。

我肯定会坚持你所拥有的。