“加载”消息的语义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进度条角色 - http://www.w3.org/TR/wai-aria/roles#progressbar