2010-01-26 45 views
6

我们应该在网站中使用所有H1到H6吗?我们应该尝试在网站中使用所有H1到H6吗?

我通常使用h1到h2。现在如何判断并决定在何处使用H3到h6。

,我们应该使用这样

h3 {display:inline} 

<div id="content"> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
    <h3> some text in bold:</h3> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
     sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
     </p> 
</div> 

或本

span {font-weight:bold} 

<div id="content"> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
    <p><span> some text in bold:</span> 
    Lorem ipsum dolor sit amet, 
    consectetur adipisicing elit, sed do eiusmod tempor 
    incididunt ut labore et dolore magna aliqua. 
    </p> 
</div> 

得到结果艾克这个

alt text http://easycaptures.com/fs/uploaded/226/1452064646.png

两种方法都符合W3C标准,用CSS我能做到两种方法的外观相同,所以语义和可访问性都相同?

回答

17

如果文本是,它的功能是 H2级别下的标题级别,它将是H3。冲洗/重复H4至H6。

XHTML是语义 - 根据他们的意思使用标签。他们看起来像是你的选择,包括他们是否显示为块元素或内联。

1

您可以在需要时使用它们,就像使用任何其他标签一样(在强制性标签外:htmlhead等)。在需要时使用它们,但要正确使用它们。

0

如果您打算将内容作为所在部分的子部分(即明确分隔,而不仅仅是段落块),请使用下一个可用标题级别。否则,只需将其粘贴在一个段落中即可。除非绝对必要,否则避免将元素包装在div标签中,只是为了具有div标签。这不是语义,可能会甩开搜索引擎蜘蛛。

3

当编写的网页我试图把它当做写作一本书,如果内容与父节相关的方式应该有自己的章节,那么使用H3,H4 ......否则你可以使用其他的html标签,比如dd(Definition List)或ul(Unordered列表)。

当然,如果你正在寻找搜索引擎优化,那么总是使用你的h1和h2作为主要内容标题(或简单地说是你希望用户找到的信息)。然后,如前所述去尝试让它感觉像一本书(出版物)。

1

HTML是标记语言,其简化的意思是描述你的内容语义上。 CSS用于设计您的内容,即视觉部分。就像<p>意味着一个文本块是一个parapgraph <Hn>意味着一个文本块是一个标题。

如果您愿意,标题描述了您的文档的结构,树状数据结构。

Firefox的Web Developer扩展有一个很好的功能,可以让你看到你标记的文档结构。你可以在Information-> Document outline下找到它。

1

从可访问性的角度来看,不要使用多层次的标题,除非它使您的内容结构更加灵活。例如,主文档应具有标题级别1,文档中的主要部分应具有标题级别2,并且子部分应具有标题级别3。维基百科在这方面做得很好,例如,请参阅以下链接,其中包含部分和子部分。 http://en.wikipedia.org/wiki/Database_normalization

5

标题是一个网页的部分标题。它用几句话来描述该部分。

没有一个简单的规则可以解决文档中给定位粗体文本是否最好标记为标题。

在你给的例子,这是尤其很难说,如果大胆的文字应该是一个标题,因为文字是没有意义的占位符文本。 “语义”仅仅意味着“意义”。 “最有语义的”标记是最能传达页面含义的标记。由于占位符文本没有意义,因此无法选择如何标记它。

一种方式来决定是否有文本应该被标记为标题,是想象的文件将是什么样子,如果用户只能看到它的轮廓,从标题产生。例如。

  • <h1>
    • <h2>
      • <h3>
      • <h3>
    • <h2>
      • <h3>
        • <h4>
    • <h2>
      • <h3>

文字在大纲中是否有意义?或者它不是一个真正的标题,而是大胆地设计,因为设计师想强调它?

相关问题