span标记内的Html h1标记
我有一个任务，需要在web应用程序内部的几个页面上添加一些h1标记。文本已经存在，但包装在其他标签中，我需要将其转换为h1标签。当我这样做的时候，我需要在页面上保持相同的设计，所以设计明智，什么都不应该改变。我们需要谷歌机器人的h1标签。
让我在下面给你展示一个例子。目前我有一页是这样的：
null
<span class="container">
<span class="icon"></span>
<span class="page-title">
<span class="title">Title</span>
</span>
</span>null
我需要在那里插入h1。我在internet上读到，在span中添加h1不是一个好主意，因为我的第一个想法是用h1和h1的样式替换span.title以便看起来像span。
整个块基本上是一个角组件，只用于这个标题部分（你可以看到它在文本之前还包含一个图标）。
对于这种特殊情况，我们必须处理spans，但在其他情况下，还有divs或其他元素。
处理这种情况最好的方法是什么？
共有1个答案
除了图标之外，所有这些元素都应该是div。一般来说，我只使用跨距来包装文本内容。
<div class="container">
<span class="icon"></span>
<div class="page-title">
<h1 class="title">Title</h1>
</div>
</div>
-
我正在使用querySelector获得一个div元素，并且能够更改按钮名称，但是我还想插入一个span标记。好心的帮助。 我想把“标准”包装在span标记中。请帮帮忙。
-
下面的HTML代码需要xpath 仅供参考：xpath将具有排除邮政编码的div text()，以便返回剩余的div和span文本。有时postalCode不在这个div标记中。因此，如果它存在，跳过它，如果不返回整个div标记文本。
-
我正在写一个chrome扩展，它将改变屏幕上某些单词的颜色。我很难找到符合我需要的文本，然后准确地将它包装成一个跨度。html中的同一个单词通常会在页面的其他位置被替换，从而使链接和样式变得毫无用处。 我的示例代码如下：
-
Sphinx 使用文本解释角色在文档中插入语义标签. 这样写 :rolename:`content`. Note 默认角色 (`content`) 并不特别. 可使用任何其他有效的名字来代替; 使用 :confval:`default_role` 设置. 由主域添加的角色请参考 Sphinx Domains . 交叉索引的语法 多数文本解释角色都会产生交叉索引. 需要写一个 :role:`targ
-
你好，我试图使用JSoup提取嵌套DIV标签中的span标签。下面的代码只是较大代码的一个片段。 我试图提取最后一个SPAN标签中的文本（多伦多C08，莫斯公园，多伦多和120-21-S） 我已经成功地解析了文档的其他部分，但是，我似乎无法隔离这些跨度。代码片段来自一个更大的页面（整页）。我可能使用了错误的方法，但下面是我为捕获父DIV之间的跨度所做的工作（结果在帖子顶部）。 所以现在我有了第一个
-
我想在段落内用span标记包装每个单词。当段落中没有HTML标记时，我成功地创建了它。但是当段落内有HTML标记时，它就会变得一团糟。 下面是段落中没有HTML标记时的示例： null null 但是当段落中有HTML标记时，它就会变得乱七八糟，如下所示： null null 谢谢DrunkenPoney的努力。他做的最多，但它已经打破了内部跨度的内容。 我希望结果是这样的，浏览器中出现的每个单词