css - 我们应该尝试在网站中使用所有 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>

得到这样的结果

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

这两种方法都是 W3C 有效的，使用 css 我可以从这两种方法获得相同的外观，所以哪个是语义和可访问的？

Answer 1

如果文本充当 H2 级别下的标题级别，则它将是 H3。冲洗/重复 H4 至 H6。

XHTML 是语义化的——根据标签的含义使用标签。它们的外观由您选择，包括它们是显示为 block 元素还是内联元素。