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;
}

Answer 2

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

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

第一件事