0

正如标题所说，我正在考虑将我的 HTML 页面的主要内容放在一个列表项中。我不知道这是多么语义化。列表中的文章并没有非常具体（也许他们不应该）关于被认为是列表项目的内容。所以考虑以下几点：

<ul>
    <li><h5>Main Content</h5>
        <ul>
            <li><article><h1>Article Title</h1>
                    <p>Here's my main, feed-ready content.</p></article></li>
            <li><aside>Related Links</aside></li>
        <ul>
    </li>
    <li><aside>Recommended Links</aside></li>
</ul>

现在，我出于样式目的进行了这种安排（我知道......开始语义对话的最糟糕的地方）。在我的标记中，我<ul>'s的样式与其他地方一起设置display:table;和设置<li>'s样式。display:table-cell;所以如果我也能把它带到我的主要内容中，那就太方便了。

与其说是寻找最佳实践（尽管随时发表评论），但如果这在语义上是不正确的事情。

4

2 回答 2

1

只要它们是 the 的子元素li而不是兄弟元素，它在 HTML4 和 HTML5 中语义上是正确和有效的。

一个很好的例子：

<ul>
    <li><article>Article Here</article></li>
    <li></li>
</ul>

一个不好的例子：

<ul>
    <li></li>
    <article>Article here.</article>
    <li></li>
</ul>

此处允许的内容部分解释了更多关于 ali可以包含的内容（基本上是任何流元素，如下所示）。

在此处输入图像描述

于 2013-04-02T17:49:39.147 回答
0

我认为你不应该那样做。

您页面的主要内容当然可以放入ul. 但这取决于内容的种类是否合适。

一个有意义的简单示例：一个标题为“我最喜欢的水果”的页面，其中包含一个ul每个水果都是一个li.

但是在您的情况下，列表的内容在任何有意义的意义上都没有关联。你的清单是关于什么的？一个......好吧，什么，页面组件的列表？如果你走这条路，你也可以使用 aul来表示段落列表，或者句子中的单词列表，或者单词中的字母列表。

我并不是说您“不得”这样做（规范对 的使用非常开放ul），但我建议不要这样做，就像我建议不要使用：

<ul>
  <li><h1>Fruits!</h1></li>
  <li>Welcome to my site.</li>
  <li>I write about fruits here and I hope you enjoy your visit.</li>
  <li><h2>What I like about fruits</h2></li>
  <li>They are tasty.</li>
  <li>And healthy.</li>
</ul>

<ul>
  <li>Hi, </li>
  <li>my </li>
  <li>name </li>
  <li>is </li>
  <li>John. </li>
</ul>

以这种不那么有意义的方式使用列表也可能会使一些屏幕阅读器用户感到困惑，因为他们通常具有跳转到页面上的列表并通过列表项导航等功能。此外，一些屏幕阅读器可能会在阅读您的之前宣布“列表项”内容。

你只需要它来做造型。所以请改用div元素（带类）。

于 2013-04-03T17:25:24.423 回答