Теги span барои порчаҳои матн дар HTML

Шумо аллакай медонед, ки барои он ки як порчаи матнро, масалан, ғафс (bold) созед - бояд теги b-ро истифода кард. Аммо, чӣ кунад, агар ман мехоҳам як порчаи матнро ба ранги сурх ранг кунам? Барои чунин ҳолат теги монанди теги b вуҷуд надорад.

Аммо теги махсуси span вуҷуд дорад - худ ба худ он ҳеҷ коре намекунад, аммо барои он метавон услубҳои CSS-ро истифода кард, ки ба мо имкон медиҳанд, ки таъсири дархостшударо ба порчаи матн илова кунем.

Биёед ба мисол нигарем. Бигзор мо як матн дорем:

html<p>
  Ин як параграф бо матн аст.
</p>

Бигзор мо мехоҳем калимаи "матн"-ро сурх кунем. Барои ин ин порчаи матнро дар теги span мепечонем ва ба ин тег як синфи додашуда медиҳем:

html<p>
  Ин як параграф бо <span class="red">матн</span> аст.
</p>

Ҳоло элементро бо чунин синф ба ранги сурх меорем:

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>