所以这似乎是一个非常简单的问题,但我无法理解它。我有以下 HTML:
<h2>word 1 - <strong> word 2 </strong></h2>
我知道这在语义上不正确,我不应该有strong
在标题内,但由于设计要求,我需要将第二个单词加粗,而不是第一个单词。
我试图确保该文本仍然可以访问,但是当我使用屏幕阅读器时,它会给我奇怪的读数。我猜这是因为<strong>
标签里面的<h2>
tag.
有谁知道更好的方法来做到这一点?我错过了什么吗?
编辑:抱歉,你是对的“奇怪的读物”并没有说太多。当我将鼠标悬停在标题上时,它会显示单词 1,而我必须将鼠标悬停在单词 2 上才能在阅读器中显示它,所需的行为是:将鼠标悬停在标题上并阅读单词 1 和 2。
编辑2:使用<span>
and <b>
标签产生相同的行为
我不知道什么“奇怪的读物” means.
怎么样<span>
tag?
<h2>One <span>Two</span></h2>
h2 {
font-family: sans-serif;
font-weight: normal;
}
h2 span {
font-weight: bold;
}
Demo JSFiddle
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)