css - HTML5 中的异构高亮

Question

所以我试图在我的 html 注释中突出显示一些文本，但如果突出显示的“区域”中有另一个标签，它就会失败，请参阅 this .

我只是希望它能像真正的荧光笔一样为重要文本提供粉红色背景，例如 so

我尝试了 SPAN、MARK 和 DIV 来实现这一点，但都失败了。

注意:我知道我可以一次又一次地将重要文本包含在适当的 div 中，但我正在寻找一种方法来在一个标签中实现真实的高亮显示

HTML 菜鸟，请在投票前发出警告

Answer 1

这种语法太糟糕了，你不能像这样打开一个标签并在另一个标签内关闭它:

<p>
    lorem ipsum sit <mark class="hetro"> amet dolor
</p>

<h2> a heading </h2>

<p>
    lorem ipsum sit </mark> amet dolor
</p>

您可以做的是将此标记应用到其他标记内，如下所示:

<p>
    lorem ipsum sit <mark class="hetro"> amet dolor</mark>
</p>

<h2> <mark class="hetro">a heading </mark></h2>

<p>
    <mark class="hetro">lorem ipsum sit  amet dolor</mark>
</p>

LIVE DEMO

根据维基百科:

"tag soup" refers to syntactically or structurally incorrect HTML written for a web page. Because web browsers have historically treated HTML syntax or structural errors leniently, there has been little pressure for web developers to follow published standards, and therefore there is a need for all browser implementations to be able to treat what looks like HTML as "tag soup", accepting and correcting for invalid syntax and structure.