Text HTML中的标签列表-普通逗号分隔列表或带有css的ul?

Text HTML中的标签列表-普通逗号分隔列表或带有css的ul?,text,html-lists,Text,Html Lists,在我创建的网站上,我为每个新闻条目显示一些标签 现在有两种显示标记的方法:简单地使用字符串tag1、tag2、tag3或将它们放入列表tag1tag2tag3 当然,我会设置此列表的样式,使其看起来与普通字符串完全相同: 我现在的问题是:你会使用哪种方法?为什么?据我所知,列表方法所需的CSS得到了广泛支持,而在较旧的浏览器中,唯一缺少的就是逗号。如果要制作一个列表,为了将其格式化为普通字符串,为什么不使用普通字符串呢?您可以在任意位置动态格式化该字符串,非常容易,无需css。这取决于您要完成的

在我创建的网站上,我为每个新闻条目显示一些标签

现在有两种显示标记的方法:简单地使用字符串
tag1、tag2、tag3
或将它们放入列表
  • tag1
  • tag2
  • tag3
    • 当然,我会设置此列表的样式,使其看起来与普通字符串完全相同:


      我现在的问题是:你会使用哪种方法?为什么?据我所知,列表方法所需的CSS得到了广泛支持,而在较旧的浏览器中,唯一缺少的就是逗号。

      如果要制作一个列表,为了将其格式化为普通字符串,为什么不使用普通字符串呢?您可以在任意位置动态格式化该字符串,非常容易,无需css。

      这取决于您要完成的任务。如果您只想列出项目,那么您的第一个方法没有问题,只需列出文本即可。如果您想设置每个项目的样式,或者出于其他原因将它们分开以进行单击、悬停等操作,则可以选择其他路线


      带有悬停效果的演示:

      我会选择UL选项,因为它看起来更具语义。当然,如果你不打算用这些标签做任何事情,而只是列出它们,那么这两种方式都无关紧要。

      你到底为什么要花这么多时间来模仿纯文本的行为?!?!?!?一个优点是可以很容易地使用JavaScript修改它。不过我现在不需要。我的主要想法是,这是一个项目列表,所以从语义的角度来看,使用列表会更正确。这一点很好。我会坚持使用
    • ,因为您可以更好地控制元素。绝对100%是的!在我的代码中,我只实现了颜色更改,这可以通过CSS实现,但您可能希望在悬停时播放声音,或者执行其他JS。-像这样的东西不要忘记HTML标记有很多好处,超出了我们所能看到的