“加载”消息的语义HTML

Question

我正在开发一个需要动态加载内容的网络应用。 加载时，会暂时显示“正在加载”一词。

我想将“加载”一词放入语义标记标记中。

这是否有正确的语义标签？

现在它正在使用H1，但我知道这不对。

Answer 1

您可以使用progress元素，ARIA角色为“progressbar”。 但：

• 该栏在各种浏览器中呈现略有不同
• 一些旧的浏览器根本不支持它
• 某些浏览器可能需要额外的标记才能显示文本
• 如果你显示一个进度条，你会希望它......进步。 这意味着添加javascript

<progress role="progressbar" value="70" max="100">loading...</progress>

http://jsfiddle.net/t3sg2/2/

使用h1或任何其他标签确实没有任何内在错误。 您可以将ARIA角色分配给任何标记。

文档

• MDN的progress - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress
• ARIA progressbar角色 - http://www.w3.org/TR/wai-aria/roles#progressbar