如何使用包装器包装任意HTML而不破坏标记?

问题描述 投票:1回答:1

我有以下HTML

some text [selected HTML] more text

我想用标记元素包装[选定的HTML]部分,以便a)我可以应用一些标记(颜色浅蓝色)和b)所以我可以用jQuery和C找到它,所以我可以为服务器标记它我将所有HTML发送到服务器。如何在不改变页面外观的情况下这样做?

如果我使用DIV元素,那将创建一个块元素,如果任意HTML只是文本,我绝对不想要。

some text 
<div>[selected HTML which is text]</div>
more text

如果我使用SPAN元素(即使使用style='display:inline-block'),那么我会假设任意HTML是内联的,我不能假设。在SPAN周围包裹DIV是无效的,不是吗?

some text 
<span style='inline-block;'>[selected HTML with <div>]</span>
more text

有什么我可以使用它只是'标记'HTML但不创建一个块或内联元素围绕它?

html block inline
1个回答
2
投票

有一个元素“简单地'标记'HTML但不创建围绕它的块或内联元素”,即ins元素。从语法上讲,insdel元素“可以作为块级或内联元素(但不是两者)。它们可以包含段落中的一个或多个单词,或者包含一个或多个块级元素,例如段落,列表和表格“。

原则上,ins表示已经“插入[...]相对于不同版本的文档”的内容。但我不认为任何软件都会认真对待这个问题,除非现代浏览器默认情况下通常会强调内容。但是这种行为(在CSS 2.1规范和HTML5草案中受到鼓励)可以被覆盖,通常的CSS警告,而不仅仅是:

ins { text-decoration: none; }
© www.soinside.com 2019 - 2024. All rights reserved.