html5中显示新闻列表的最佳实践

Question

在我的页面中，我只需要列出标题的最后一条新闻。我有两种方法：

第一：

<div>
  <p>Title One</p>
  <p>Title Two</p>
  <p>Title Three</p>
  <p>Title .....</p>
  <p>Title .....</p>
  <p>Title .....</p>
</div>

二：

<div>
  <ul>
     <li>TTILE ONE </li>
     <li>TTILE Two </li>
     <li>TTILE THree</li>
     <li>TTILE .....</li>
  </ul>
</div>

在HTML5中哪一种方式更好、更易读？！和<p></p>还是<ul><li>?！

Answer 1

在如何读取html方面，两者都不是更好。然而，它被认为是一个列表，所以您的问题可以通过使用<li>来回答。

Answer 2

你有一个新闻列表，所以正确的是UL。

第一种选择，使用段落是不好的，因为.你的东西标题是段落吗？我想标题!=段落，所以我们不能使用<p>标签。

Answer 3

使用无序列表<ul>比使用段落<p>更符合semantically correct。

显然，这两种方法都可以使用，所以语义可能就像6比6的东西，但从长远来看，使用正确的标记将使您的工作更容易。

<p>将带有本地样式，即边距等等，如果您打算以这种方式使用它们，则需要在css中删除这些样式。虽然<ul>和<li>可能只需要说明要点。

另外，并不是每个人都以同样的方式体验网络，请记住，在阅读网页给视障人士时，屏幕阅读器会考虑到标记。

在更极端的情况下，语义甚至可以影响搜索引擎优化(SEO)。例如，Google可能会抓取你的第一段，并将其作为站点描述的一部分。