html - HTML 标题和列表的呈现

Question

我的 XHTML 代码如下所示:

<h2><ul>
 <li>thing one</li>
 <li>thing two</li>
 <li>thing three</li>
</ul></h2>

它没有验证，但它在我测试过的所有浏览器上运行良好。它呈现如下:

• 第一件事
• 第二件事
• 第三件事

如果我将其更改为这个(这是有效的)，那么它不会以相同的方式呈现:

<ul>
 <li><h2>thing one</h2></li>
 <li><h2>thing two</h2></li>
 <li><h2>thing three</h2></li>
</ul>

它的渲染效果如下:

• 第一件事

• 第二件事

• 第三件事

如何编写有效的 XHTML 来生成与第一个片段相同的渲染效果？

Answer 1

这不是 <h2> 的意思元素是为了.如果您想设置无序列表的样式，请为其指定一个类:

<ul class="big">
   <li>thing one</li>
   <li>thing two</li>
   <li>thing three</li>
</ul>

然后添加一些CSS:

.big {
    font-weight: bold;
    font-size: 1.5em;
    display: block;
}

演示:http://jsfiddle.net/jQ8Qj/