将内容直接放入<li>标记

Question

我很困惑这个片段在语义上是否正确：

<ul>
   <li>Winter</li>
   <li>Summer</li>
</ul>

我知道<li>标记可以包含任何标记，包括块和内联，但在上面的示例中，内容直接放在<li>上，没有其他标记指的是什么类型的内容是

以上示例是否正确？

或者，确保列出的每个内容都有自己的标记，以确保其语义含义，这是必要的（或更好的程序）？例如：

<ul>
   <li>
       <p>Winter</p>
   </li>
   <li>
       <p>Summer</p>
   </li>
</ul>

Answer 1

是的，代码是正确的，它只是在<li>元素之间呈现的文本，这没有任何问题。您只需要在其周围指定更多标签，以便更好地描述文档内容是否需要。

不要为了它而添加标签。但是，您的HTML应该正确验证。按照目前的情况，文本被完美地描述为列表项，可以这样解释。

Answer 2

完全取决于您的内容和内容类型。请参阅以下链接，它有几乎相同的讨论：

https://www.sitepoint.com/community/t/semanticaly-correct-span-tags-inside-li-tags/5585/3

有时您可能需要突出显示内容，有时只显示简单的文本信息。总是找出优先权。

Answer 3

p标记最好用于通知用户文本内容（段落），但不是强制性的。

实施例： 您可以将HTML视为文本的简单世界（如夏季或冬季）

  <ul>
     <li> Summer</li>
     <li> Winter</li>  
  </ul>

或许您想列出段落？

  <ul>
     <li> <p>Lorium IpsumLorium IpsumLorium Ipsum</p></li>
     <li> <p>Lorium IpsumLorium Ipsum</p></li>  
  </ul>

其他情况：导航菜单

<nav> 
  <img src="logo.png" />
  <ul>
     <li><a href="#">home</a></li>
     <li><a href="#">contact</a></li>  
  </ul>
</nav>