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

前端之家收集整理的这篇文章主要介绍了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;
}

猜你在找的CSS相关文章