我正在编写一个简单的webapp,我需要一个状态栏。经常更新以反映JavaScript正在做什么的东西。它只包含文本,简短的完整句子,但将来可能会有小的信息图像。例如,“发生错误”或“请等待,加载......”或“播放器2已断开连接”。现在,我知道如何制作一个,但我的问题是:
用于此目的的语义正确的HTML元素是什么?
或者我是否必须求助于<div>
或<span>
?如果是这样,哪一个?我通常会避免这些,因为它们似乎是最后的手段。
此外,状态栏可能位于页面的任何位置。不要将你的答案建立在页面上的位置,而不是语义是什么。
如果可以的话,请用某种官方资源(w3,任何东西)支持你的答案。
答案 0 :(得分:2)
由于无法找到任何信息来源,我将自行回答并捍卫自己的立场。我的答案是:这取决于。您问题的直接答案是,没有针对该状态的特定元素。
然而,当发生这种情况时,通常选择的解决方案是使用通用元素<div>
或<span>
并为其指定一些语义。您可以通过class
和id
来实现这一点。我们不能指望html是完全语义的并且涵盖所有可能的情况。他们正在尽最大努力涵盖最常见的用途。
一个非常类似的案例是<nav>
。在旧的html中看到<div class = "nav">
或类似的代码是很常见的。 w3意识到了这一点并改变了它以使其更具语义性。也许/希望他们对class = "status"
的{{1}}所有人都这样做,它还没有发生。
现在解决您的问题:如果您的代码只包含一个段落,我建议您实际使用<status>
。它比<p class = "status">
和<div>
稍微更具语义性。