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中哪种方式更好，更易读？！使用或<ul><li>？！

Answer 1

就如何阅读html而言，两者都不是更好。但是，它被视为列表，因此您可以通过使用<li>

来回答您的问题

Answer 2

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

使用段落的第一个选项很糟糕，因为......你的标题是段落吗？我认为标题！=段落，所以你不能使用标签。

Answer 3

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

显然任何一个都可以使用，所以语义可能感觉像6到6种东西，但从长远来看使用正确的标签会让你的工作更轻松。

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

同样不是每个人都以同样的方式体验网络，请记住，屏幕阅读器在向视障人士阅读网页时会考虑加价。

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