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

时间:2013-01-04 17:38:14

标签: html block inline

我有以下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但不会在它周围创建一个块或内联元素?

1 个答案:

答案 0 :(得分:2)

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

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

ins { text-decoration: none; }