如何在 HTML 中制作无序列表

Question

在我的 SHTML 页面的 HTML 部分中，我有以下内容：

<div class="block_center_1000_text_left">	
    <p class="anchor2" >
    ...
	    <a class="standard_paragraph_18">
        <ul>
        	<li>Robert Schumann: Papillons Op.2</li>
        	<li>Frédéric Chopin: Preludio in do diesis minore Op.45</li>
        	<li>Claude Debussy: “Pour le Piano” (Prélude - Sarabande - Toccata)</li>
	    	<li>Franz Liszt: Sonata in si minore R21</li>
		</ul>
    ...
        </a>
    </p>
</div>

我从 Dreamweaver 收到验证错误： 文档类型在这里不允许元素“ul”；缺少“object”、“applet”、“map”、“iframe”、“button”、“ins”、“del”开始标签之一 [XHTML 1.0 Transitional]

我不确定如何解释该错误。我想要一份用子弹或类似符号排序的古典作曲家名单。

感谢您查看此内容。

Answer 1

不允许在锚点 (<a>) 内使用列表 (<ul>)。官方就是这样。尽管如此，浏览器仍会显示它。

此外：HTML5 规范describes 将锚的内容模型（元素内允许或预期的内容）设置为透明的。透明意味着允许或预期的内容来自其父级。

示例：如果锚的父级是<p>，您应该查看<p> 以查看允许的内容。如果它的直接父母是<div>，那么您应该查看<div>。

在这种情况下，锚元素是段落的直接后代。而一个段落允许phrasing content，即文本，或标记文本的元素（例如<strong>）。但是<ul> 不是短语内容，因此应该放在<p> 之外。

总而言之，理论上这是正确的：

<p class="anchor2">Some text about birds or something totally unrelated to birds</p>
<a href="#">
    <ul>
        <li>Johann Sebastian Bach</li>
        ...
    </ul>
</a>

但在您的特定示例中，您只为锚分配了一个类。但是没有id 属性（您可以使用它来链接到文档中的特定位置）或href 元素的锚基本上不会做任何事情。如果要设置列表样式，请将类应用于列表本身，而不是某些父元素。