Вы здесь

Span и Div

Все в HTML предназначено для того, чтобы придать контенту некое значение. В то время как большинство HTML тегов в полной мере выполняют это предназначение (тег p создает параграф, тег h1 – заголовок и т.д.), однако тег span и тег div никакого значения не имеют, что может вызвать некоторые сомнения в необходимости их существования. Однако эти теги используются чрезвычайно активно совместно с технологией CSS.

Они используются для того, чтобы группировать области HTML кода и затем подключать к этой группе определенные стили CSS. Это осуществляется при помощи атрибутов class и id, ассоциирующих данные элементы с селекторами класса или идентификатора CSS.

Разница между тегом span и тегом div заключается в том, что элемент span является строчным и обычно используется для группирования небольших областей строчного HTML кода, а элемент div является блоковым (что, грубо говоря, выражается в наличие перевода строки до и после этого элемента) и используется для группирования более крупных областей кода.

<div id="scissors">
   <p>Это <span class="paper">здорово</span></p>
</div>

Элементы div и особенно span не должны использоваться слишком часто. Если есть разумная альтернатива, то всегда следует использовать именно ее. Например, если вам нужно выделить слово "здорово" и шрифт в классе "paper" определен как жирный, то этот код может выглядеть следующим образом:

<div id="scissors">
   <p>Это <strong class="paper">здорово</strong></p>
</div>

Если вы еще ничего не знаете о классах и идентификаторах, то не переживайте, все это описано в учебнике "CSS среднего уровня". Все что вы сейчас должны запомнить, это то, что элементы span и div – теги "без значений".