缩进HTML中的列表

debugcn 发表于 Dev

萨罗拉

我试图制作一个网页，但遇到一个问题-缩进列表。

这是我要执行的操作的一个示例：

完成品

但是我无法弄清楚如何缩进编号列表。使用我的代码，这就是它的样子

我的图像看起来像什么

<html>
<head>
    <title>Top Five Cat & Dog Names</title>
</head>
<body>
    <h1>Top Five Cat & Dog Names</h1>
    <h2>Top Five Cat Names</h2>
    <ul>
        <li>Female Cats</li>
    </ul>
        <ol>
            <li>Tigger</li>
            <li>Tiger</li>
            <li>Smokey</li>
            <li>Kitty</li>
            <li>Sassy</li>
        </ol>
    <ul>
</body>

代码继续，但是我需要先解决此问题

谢谢你的帮助！=）

拿他尼尔

信不信由你，做此事的正确方法是将订购清单实际放在“母猫”中<li>。这是实现这一目标的最语义的方式，因为它告诉浏览器和网络爬虫（如谷歌），第二列表实际上是一个孩子的父亲列表。这对搜索索引尤其重要。

这是您应该如何做。如果要在列表之间留出更多的垂直空间，请在有序列表的CSS上打乱。

<h1>Top Five Cat &amp; Dog Names</h1>
<h2>Top Five Cat Names</h2>
<ul>
    <li>Female Cats
        <ol>
            <li>Tigger</li>
            <li>Tiger</li>
            <li>Smokey</li>
            <li>Kitty</li>
            <li>Sassy</li>
        </ol>
    </li>
    <li>Male Cats
        <ol>
            <li>Figaro</li>
            <li>Tom</li>
            <li>Ahkmenrah</li>
        </ol>
    </li>
</ul>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。