单个标题内的两个锚标签

时间:2012-12-15 03:31:52

标签: html5 seo anchor blogs html-heading

我正在开发一个新博客的设计和标记,我找到了一个地方,我很想在一个标题标记中嵌套两个锚标记:

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

看起来像这样:

http://autochemky.com/tempo/PR.PNG

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

执行此操作是为了避免涉及多个h3元素或多个可见文章列表的其他可能不必要的代码。

我认为我的问题与此相符(按重要性排序并假设为HTML5):

标记有效/可接受吗?

这对SEO有任何现实/明显的影响吗?

您希望以不同的方式获得相同的结果吗?

2 个答案:

答案 0 :(得分:0)

假设HTML5 - 它是可以接受的,HTML5引入了任何元素都可以在<a>标记内(非常肯定)

  

HTML5中的变化   虽然以前版本的HTML将a元素限制为仅包含措辞内容(实际上,在以前的版本中称为“内联”内容),但a元素现在是透明的;也就是说,现在允许a元素的实例也包含流内容(实际上,在先前版本中称为“块”内容的内容) - 如果a元素的该实例的父元素是一个元素,那么允许包含流内容。

对SEO没有明显的影响,这是一个小细节,因为你可能应该使用<h1>标签,如果那是一个部分的标题,因为它是新HTML5语义的基础。

我坚持你在那里拥有的东西。

答案 1 :(得分:0)

嗯,是的,在标题中包含多个a元素是有效的(只要你不嵌套 a元素)。

但我认为你的标题没有意义。它要么“热门”“最近”,而不是同时,对吧?因此,您的标题缺少其目的:描述其部分的内容。

您应该使用不属于标题的内容切换器:

<section>
  <h1>Popular</h1>
  <nav>Or see <a href="#recent">recent content</a></nav>
  <ul>
    <li>…</li>
    <li>…</li>
  </ul>
</section>

(如果您愿意,您可以通过将链接定位到标题旁边的其他内容来更改措辞并将其设置为看起来像您的示例。)

点击“最近的内容”会将标题从“热门”更改为“最近”,并将链接更改为<a href="#popular">popular content</a>

如果您不使用URL anchor + CSS来隐藏/显示相应的内容,并且没有JS的用户/机器人没有回退,您应该同时显示两者,流行和最近的内容,适用于禁用JavaScript的用户。


关于:

  

h3是因为它是侧边栏中的其中一个部分,我的侧边栏部分全部由h3开头。我看到一些使用h2的网站和一些使用h3的网站,我选择了h3

只是为了确定:您无法自由使用您喜欢的任何标题级别。您需要按照文档大纲进行操作。如果h3的使用是正确的,则取决于您的整个页面结构。