Лучшая замена тега шрифта в html

Так как тег font в HTML устарел в HTML5 (и я понимаю, почему) существует ли чистое решение для применения определенных атрибутов и стилей только к частям текста абзаца? Я использую JavaScript для синтаксического анализа XML файла, который полагается на то, что тег font позволяет отформатировать части оберточного текста с помощью CSS на основе классов. Я понимаю, что для этой цели также можно использовать тег "anchor" (a), но этот способ кажется очень обратным и неестественным.

ИЗМЕНИТЬ

Когда я задал этот вопрос (пару лет назад), я не понимал, что каждый элемент DOM попадает в display, две основные категории:

  • block - настаивает на том, чтобы заняться своей собственной строкой
  • inline - совпадает с другими элементами inline или текстом

HTML предлагает два общих элемента контейнера, каждый из которых по умолчанию придерживается одного из этих отображаемых значений; div для отображения block и span для отображения inline.

Элемент span - это идеальный способ назначить определенный фрагмент текста и дать ему уникальный стиль или идентификатор, потому что вы можете обернуть его вокруг части большего абзаца, не разбивая выбранное содержимое на новую строку.

Ответы

Ответ 1

Тег span был бы лучшим способом.

Хотя встроенный CSS обычно не рекомендуется, вот пример:

<p>
This is my <span style="font-weight:bold">paragraph</span>.
</p>

span и div похожи, но тег div является блочным элементом, поэтому он вызывает разрывы строк. span - это встроенный тег, который можно использовать внутри вашего текста.

Ответ 2

вы можете использовать тег <span>

<p>here is your paragraph text and it goes on and on and on..... and now 
lets start some <span>formatted text.</span> here is another<span>section 
of formatted text</span> here is unformatted text<p>

вы можете сделать встроенные стили, такие как <span style="color: #000000; font-family: calibri, arial, helvetica;">, или просто применить класс к вашему диапазону, например <span class="textformat1" и <span class="textformat2">. то просто примените различные правила CSS, основанные на классе.

.textformat1 {
    color: red;
}
.textformat2 {
    color: blue;
}

надеюсь, что это поможет

Ответ 3

Всегда используйте css файлы для хранения вашего кода, который будет считаться "универсальным" для каждого установленного вами элемента. Когда вы хотите установить конкретный элемент, скажем <span>. Вы сделали бы так же, как сказал выше Адам Плочер, используйте атрибут style="" для элемента <span>.

Ответ 4

HTML:

<span class="yourstyle">
Text in your style
</span>

CSS

.yourstyle {
            color: red;
           }