LI 元件内空 UL

发布于 2024-09-02 19:05:59 字数 739 浏览 1 评论 0原文

谁能解释一下为什么

为什么这个 HTML:

<ul>
    <li class="header">
        <a href="#">Work</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">New</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Ungrouped</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Offline</a>
        <ul/>
    </li>
</ul>

会这样呈现：

工作
新
未分组
离线

原文

Can anyone explain me why <ul> elementa cannot be empty?

And why this HTML:

<ul>
    <li class="header">
        <a href="#">Work</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">New</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Ungrouped</a>
        <ul/>
    </li>
    <li class="header">
        <a href="#">Offline</a>
        <ul/>
    </li>
</ul>

is rendered like this:

Work
New
Ungrouped
Offline

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

可爱咩 2024-09-09 19:05:59

标记。

有关有效自关闭标签的列表，请参阅：

XHTML 中所有有效的自关闭元素（由主要浏览器实现）有哪些？

回复收藏 0 原文

甚是思念 2024-09-09 19:05:59

一只手拍手的声音是什么？

从文档的角度来看，其中包含零个项目的列表没有任何意义，而 HTML 是一种文档标记语言。

因此，该规范定义了一个列表，要求至少其中的一个列表项。

<!ELEMENT UL - - (LI)+                 -- unordered list -->

至于你的第二个问题，在 HTML Compatible XHTML 仅定义为EMPTY（即 HTML 中禁止使用结束标记的标记）可以（并且必须）使用自结束标记语法。

What is the sound of one hand clapping?

A list with zero items in it doesn't make sense from a document point of view, and HTML is a document markup language.

The specification therefore defines a list as requiring at least one list item in it.

<!ELEMENT UL - - (LI)+                 -- unordered list -->

As for your second question, in HTML Compatible XHTML only elements which are defined as being EMPTY (i.e. those in which the end tag is forbidden in HTML) may (and must) use self-closing tag syntax.

回复收藏 0 原文

请叫√我孤独 2024-09-09 19:05:59

因为浏览器（通常）不支持自关闭 XML 样式标签。这将起作用：

<ul>
    <li class="header">
        <a href="#">Work</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">New</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">Ungrouped</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">Offline</a>
        <ul></ul>
    </li>
</ul>

有关更多详细信息，请参阅：可以使用 关闭跨度吗？

Because browsers (usually) don't support self closing XML-style tags. This will work:

<ul>
    <li class="header">
        <a href="#">Work</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">New</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">Ungrouped</a>
        <ul></ul>
    </li>
    <li class="header">
        <a href="#">Offline</a>
        <ul></ul>
    </li>
</ul>

For more details see: Can a span be closed using <span />?

回复收藏 0 原文

~没有更多了~