在 Business Catalyst 中，“i”标签自动转换为“em”标签答案

【问题标题】：'i' tag automatically converted to 'em' tag within Business Catalyst在 Business Catalyst 中，“i”标签自动转换为“em”标签
【发布时间】：2017-07-03 07:14:51
【问题描述】：

我正在使用带有 Adobe 的 Business Catalyst 编辑的网站出现格式/重写问题。

例如，每次我用图标填充字段时；

<div class="triangle left"><i class="icon-beaker"></i></div>

我使用他们的系统管理面板保存文件，并将图标类转换为em。

所以最终结果是

<div class="triangle left"><em class="icon-beaker"></em></div>

这会完全删除图标。

【问题讨论】：

这是工作代码，如果您查看带有小图标 web.archive.org/web/20170221024730/http://… 的类三角形部分，这里没有显示 justprintingdesign.com.au 的图标

标签： html css business-catalyst

【解决方案1】：

假设您使用的是所见即所得的 HTML 视图，请改用 Business Catalyst 后端中的“开发”选项卡来编辑 HTML。此外，如果您使用的是旧的 WYSIWYG 编辑器，请尝试在您的合作伙伴门户中将其更新为新版本。

虽然在 Business Catalyst 后端的“开发”选项卡中进行所有编辑就足够了，但使用文本编辑器编辑 HTML 内容并使用 SFTP 客户端上传内容是不错的主意。

【讨论】：

【解决方案2】：

问题似乎是您使用了错误的标签。  标签用于替代音调/语音，通常以斜体显示。它不代表图标。 Business Catalyst 管理面板正在将斜体标记转换为强调标记，因为强调在历史上一直是首选标记，并且通常也以斜体显示。请参阅  和  标签的规范。

另外，根据这个 Adobe forum post，如果你使用 Font Awesome， 标签没有 CSS 规则， 将是首选标签。

因此，正确的标记应该是：

<div class="triangle left"><span class="icon-beaker"></span></div>

【讨论】：

这里使用的 标签可能会显示来自例如 font awesome 的图标
你为什么要用 HTML4.01 引用 W3.org，而不是 HTML5 和 W3Schools？以下是相关规格：、。将 FontAwesome 图标的  替换为 <img></img> 肯定不是正确的标记。
@Xufox 好久没用HTML了，所以用了我熟悉的引用。我知道 肯定不是代表图标的标签。我已经用你的链接更新了答案，以及指向 Adobe 论坛帖子的链接。
从 Adobe 论坛 Herb 中找到的好帖子。谢谢。您需要将原始评论编辑为