H2来源于h1之前,可以吗?

Jit*_*yas 16 css xhtml seo accessibility

如果我<h2>用于左侧边栏标题并<h1>用于主要中心内容区域标题然后实际上在源中,并且如果CSS被禁用,则两种情况<h2>都在之前<h1>.

好吗?或者我不应该使用<h2>左侧边栏标题?

更新:2月5日

添加了示例图像

标题结构http://easycaptures.com/fs/uploaded/235/1182330679.png

为什么我要问因为我总是在许多文章中读到<H1>应该是页面中的第一个标题.

alt text http://www.crearecommunications.co.uk/seo-blog/wp-content/uploads/2009/11/heading-subheads.gif

Leo*_*Leo 11

好吧,考虑到h-tag的语义,它不行.完成文档中的标题应该生成一个文档大纲

 1. H1-Head
     1.1 H2-Head
         1.1.1 H3-Head
         1.1.2 H3-Head
         ...
     1.2 H2-Head
         1.2.1 H3-Head
         ...
     1.3 H2-Head
     ...
Run Code Online (Sandbox Code Playgroud)

等等.

当然,这个大纲应该符合标签出现的时间顺序.


更新更新

我建议使用以下标记

<h1><a>Main title of your site</a></h1>
<h2>Sidebar</h2>
    <h3>Sidebar Headline 1</h3>
    <h3>Sidebar Headline 2</h3>
    ....  
<h2>Main content</h2>
    <h3>Headline 1</h3>
    <h3>Headline 2</h3>
    ...
Run Code Online (Sandbox Code Playgroud)

你知道Firefox Web Developer Plugin吗?它具有"显示文档大纲"功能.在那里,您可以轻松验证标记的逻辑.并且给你一个想法,一个好的和一个坏的例子来自pfizer.com和phizer.de(我想你可以得到这个想法,即使它是德国人 - 红色的头条新闻说"Missing Headline").

pfizer.com http://img246.imageshack.us/img246/1336/com.png


pfizer.de http://img96.imageshack.us/img96/1273/74591264.png

顺便说一下:在你的标记中包含所有h标签并不一定意味着它们都必须是可见的;-)!


eas*_*ent 5

你应该从语义上考虑它。在文档中,H1 应该位于 H2 之前。H2 是 H1 的子元素。

我处理页面的方法是首先用 HTML 对其进行编码,这样对于没有启用 JavaScript 和 CSS 的渐进式增强功能的用户来说,它也是有意义的。

只是,那时我才担心内容的样式。

  • 是的!始终在编写一行 js 或 css 之前对页面进行编码。 (2认同)