什么是最好的方法来编码标题/标题< 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; }