Тег 'i' автоматично перетворюється в тег 'em' у Business Catalyst - html, css, business-catalyst

У мене проблеми з форматуванням / перезаписом веб-сайту. Я редагую за допомогою Business Catalyst з Adobe.

Щоразу, коли я заповнюю поле значком, наприклад;

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

Я зберігаю файл за допомогою панелі системного адміністрування, і він перетворює клас піктограм у em.

Отже, кінцевий результат такий

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

Це повністю видаляє піктограму.

Відповіді:

Припускаючи, що ви використовуєте HTML-переглядWYSIWYG, замість цього використовуйте вкладку Розробка у задній частині Business Catalyst для редагування HTML. Крім того, якщо ви використовуєте старий редактор WYSIWYG, спробуйте оновити його до нової версії на своєму порталі партнерів.

Хоча достатньо всього редагувати на вкладці "Розробка" у фоновому режимі Business Catalyst, використання текстового редактора для редагування вмісту HTML та SFTP-клієнта для його завантаження - чудові ідеї.

Проблема полягає в тому, що ви використовуєте неправильний тег <i> тег - для альтернативного тону / голосу, який зазвичай передається курсивом. Це не означає ікон. Адміністративна панель Business Catalyst перетворює тег курсиву на тег наголосу, <em>, оскільки наголос історично був кращим тегом, а також зазвичай подається курсивом. Дивіться специфікації для <em> і <i> мітки

Крім того, згідно з цим Adobe Повідомлення про форум, якщо ви використовуєте Font Awesome, <i> тег не має правил CSS, і <span> буде кращим тегом.

Таким чином, правильною розміткою буде:

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