css – 什么是最好的方法来编码标题/标题为或,像我们有？

什么是最好的方法来编码标题/标题< ul>或< ol>？像我们有< caption>在< table>中，我们不想让它们加粗。

这是好吗？

<p>heading</p>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

还是应该标题总是使用？

<h3|4|5|6>heading</h3|4|5|6>
<ul>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ul>

解决方法

始终对标题使用标题标记。线索是在名称:)

如果你不想让它们变粗，用CSS改变他们的风格。例如：

HTML：

<h3 class="list-heading">heading</h3>

<ul> 
    <li>list item </li>
    <li>list item </li>
    <li>list item </li>
</ul>

CSS

.list-heading {
    font-weight: normal;
}

在HTML5中，您可以使用< section>标签更清晰地关联标题和列表。元件。 (< section>不能正常工作在IE 8和更早没有一些JavaScript虽然。)

<section>
    <h1>heading</h1>

    <ul>
        <li>list item </li>
        <li>list item </li>
        <li>list item </li>
    </ul>
</section>

你可以在HTML 4中做类似的事情：

<div class="list-with-heading">
    <h3>heading</h3>

    <ul>
        <li>list item </li>
        <li>list item </li>
        <li>list item </li>
    </ul>
</div>

然后风格如此：

.list-with-heading h3 {
    font-weight: normal;
}