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

Question

我们应该在网站上使用所有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>

获得结果lke this

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

这两种方法都是W3C有效的,css我可以从两种方法中获得相同的外观,因此它是语义和可访问的吗？

Answer 1

如果文本在H2级别下作为标题级别运行,则它将是H3.冲洗/重复H4至H6.

XHTML是语义的 - 根据它们的含义使用标签.它们的外观是您的选择,包括它们是显示为块元素还是内联元素.

Answer 2

标题是页面的一部分的标题.用几句话来描述那一节.

如果文档中给定的粗体文本最好标记为标题,则没有简单的规则可以解决.

在您给出的示例中,特别难以判断粗体文本是否应该是标题,因为文本是无意义的占位符文本."语义"仅仅意味着"意义"."最具语义性"的标记是最能传达页面含义的标记.由于占位符文本没有意义,因此您无法选择如何标记它.

决定某些文本是否应标记为标题的一种方法是想象如果用户只能看到从其标题生成的文档轮廓,文档会是什么样子.例如

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

文本在大纲中是否有意义？或者它不是真正的标题,而是大胆,因为设计师想要强调它？