HTML5中的异构突出显示

Question

所以我想在html笔记中突出显示一些文字，但如果突出显示“region”中有另一个标签，则会失败，请参阅this。

我只是想让粉红色的bg像真正的荧光笔一样给重要的文字，比如so

我尝试了SPAN，MARK＆amp; DIV实现这一目标，但都失败了。

注意：我知道我可以在适当的div s中再次附上重要文字＆amp;再一次，但我正在寻找一些方法，可以在一个标签中实现真正的突出显示

HTML noob，请在向下投票前发出警告

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”指的是语法或结构上不正确的HTML   为网页写的。因为Web浏览器历史悠久   从句而言，HTML语法或结构错误很少   Web开发人员遵循已发布标准的压力，以及   因此，需要所有浏览器实现都能够   把看起来像HTML的东西视为“标签汤”，接受并纠正   无效的语法和结构。