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

Question

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

EDIT

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

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

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

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

Answer 1

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

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

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

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

Answer 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; 
} 

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

Answer 3

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

Answer 4

HTML:

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

CSS:

.yourstyle { 
      color: red; 
      }