播放列表web应用程序的HTML5语义元素

对于我们正在创建的音乐web应用程序，我希望在所有相关元素的语义结构方面得到一些帮助

播放列表由标题、标签和歌曲组成

我附上了一张我认为应该如何划分的图片。这是正确的吗

播放列表标题

播放列表标签

歌曲标题

今天
添加到播放列表等

歌曲标题2

今天
添加到播放列表等

---

音乐播放列表的结构应该是这样的吗？感谢您的帮助：）。

我不会对播放列表标签使用分段元素，因为我认为它们“不应该”在文档大纲中有自己的条目

与仅曲目列表不同，包括

标题在内的整个播放列表应位于一个分段元素中。如果您认为播放列表是可以独立存在的内容（例如，策划的播放列表），
文章
可能是合适的，否则
部分

除了
菜单
元素之外，单轨的标记看起来很好，它不再是HTML5的一部分（它的功能）。而且您没有正确使用
time
元素，因为“today”不是有效值

您可能希望使用列表，但实际上并不需要它，因此可以省略它

<main>

   <article>

     <header>
       <h1>Playlist title</h1>
       <div>playlist tags</div>
     </header>

     <ul>
       <li><article><!-- track 1 --></article></li>
       <li><article><!-- track 2 --></article></li>
     </ul>

   </article>

</main>


.
在当前版本的HTML5中是否还存在
菜单
？而
time
指的是在您的方法中将歌曲添加到播放列表中的时间？（我希望这首歌的播放时间也能在某处显示出来。）由于它是一个播放列表，也许我会在这里使用
ol
/
li
，而不是在每首曲目中制作一篇
文章
…（
article
对于基本上列出标题和时间并提供一些附加控件的结构来说，似乎有点过头了。）谢谢，有道理！不过有一个问题。我理解播放列表在技术上是一个列表，但我不理解将内容放在ul或ol中的好处。我总是需要添加额外的css来删除填充和列表样式类型。有什么好处？@MikelPorrasHoogland：主要是语义问题（有人可能会说，您应该始终使用最具体的可用元素）。一个优势可能是，屏幕阅读器等工具可以提供特殊的列表导航和公告，如“列表，第1项，共13项”或类似内容。