Question

我想为html新闻Feed页面设计一个布局。我想象FB新闻源。

显示迭代数据的适当html元素是什么？

Answer 1

您正在询问用于保存元素列表的适当元素。一个新的饲料。简答：任意block-level element 。

HTML中没有feed元素或类似元素，例如Facebook和Twitter使用包含其他div的容器<div>，而Wordpress默认主题使用<div>容器<article> 1}}元素。如果每个项目都有一个独立的信息，通常会在RSS提要中授予它自己的条目，那么文章元素可能是一个不错的选择，否则选择div。至于容器元素，它更多地取决于它在页面上的角色，而不是它的内容。它可以是<div>，也可以是<section>或其他内容。

根据您的内容，使用列表在语义上可能有意义。在我们讨论Feed时，枚举列表（<ol>）可能不是最佳选择。这会留下无序列表， <ul> ，包含<li>元素或定义列表， <dl> 包含<dt>和<dd>代码。

表格只应用于表格数据，而且很可能不适用于您的新闻Feed（除非您确实打印的是行和列中的数据）。

如果您认为需要为您的新闻Feed提供语义上更准确的标记，则可以在microformats.org上解释一个有趣的实验：h-feed。它是用类实现的：

<div class="h-feed">

  <article class="h-entry">
    <h1>An entry</h1>
    <p>And some text</p>
  </article>

  <article class="h-entry">
    <h1>Another entry</h1>
    <p>And some text</p>
  </article>

</div>

用于页面中的数据/新闻的HTML元素？

1 个答案: