HTML5 大纲和“不支持的浏览器”消息？

Posted 2023-02-25

【中文标题】HTML5 大纲和“不支持的浏览器”消息？

【英文标题】：HTML5 outline and an "Unsupported Browser" message?

【发布时间】：2015-08-14 09:43:57

【问题描述】：

我正在使用 html5 大纲工具查看我们的网站并尝试改进其结构。我已经确保我们只有一个元素，我已经为无标题的部分添加了标题，等等。

我们在 HTML 中有一条“不支持的浏览器”消息，但如果您的浏览器受支持，则会隐藏。有没有办法可以标记它，以便屏幕阅读器和搜索引擎知道忽略它？也许在需要的时候用 javascript 插入会更好，但在项目的这个阶段这不是一个选项。

【参考方案1】：

有趣的是，有一个很好的方法可以做到这一点。有点知道CSS speak attribute可以这样使用：

<span class="dontRead">Screen readers shouldn't read this</span>

.dontRead 
    speak: none;

参考资料：

Is there a way to write content that screen readers will ignore?

http://www.w3schools.com/cs-s-reF/css_ref_aural.asp