呈现 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 以产生与第一个 sn-p 相同的渲染？

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/

Answer 2

他们不喜欢用内联元素嵌套块级元素。使用类来设置列表项的样式。

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