Спан и див

У HTML, span и div елементи се користе за дефинисање делова документа тако да се могу идентификовати када други HTML елементи нису погодни. Где остали HTML елементи као што су p (енгл. paragraph), em (енгл. emphasis) и тако даље тачно представљају семантику садржаја, span и div елементи воде до боље читљивности и лакшег одржавања садржаја .Када ниједан други HTML елемент није применљив, span и div се могу користити као део документа на који се могу применити други HTML атрибути као на пример class, id, lang или dir.

span представља линијски део документа, на пример речи у реченици. div представља део документа у виду блока као на пример више параграфа или слику са насловом. Ниједан елемент нема самостално нема смисла, али ови елементи дозвољавају семантичке атрибуде (нпр. lang="en-US"), CSS стилове (нпр. боје, типографију) или скриптовање од стране клијента (енгл. client-side scripting).

Историја уреди

span елемент је представљен 1995. године. Ипак, све до HTML 4.01 није постао део HTML језика. Појавио се у HTML 4 1997. године.

Разлике и подразумевана понашања уреди

Постоје многе разлике између div и span. Највећа приметљива разлика је у начину приказивања елемената. У стандардном HTML, div је елемент нивоа блока, док је span линијски елемент. div визуелно изолује секцију документа на страници, и не може садржати друге блоковске елементе. span елемент садржи део информације из једне линије. У пракси се стандардни начин приказивања елемената семоже променити коришћењем CSS, ипак коришћењем CSS се не могу променити дозвољени садржаји елемената. На пример, span не може садржати елементе нивоа блока као своју децу.

Практична примена уреди

span и div елементи се користе за логичко груписање елемената.

Постоје три разлога за коришћење span и div тагова са class или id атрибутима:

Стилинг са CSS-ом уреди

Уобичајено је да <спан> и <див> елементи носе class или id атрибуте у сарадњи са CSS-ом за генерисање изгледа, типографије, боја и осталих презентационих атрибута.

Семантичка јасноћа уреди

Овај начин груписања и означавања делова странице може бити уведен чисто да би семантика била јаснија у генералним цртама.

Приступ из кода уреди

Када се HTML или XHTML достави клијентовом веб браузеру, постоји шанса да ће клијентов код морати да се креће кроз унутрашњу структуру веб странице. То се догађа зато што се страница често испоручује цлиент-сиде ЈаваСцрипт која изазива динамичко понашање странице.

Прекомерно коришћење уреди

Коришћење div и span је виталан део HTML и XHTML кода. Међутим, понекад их је могуће прекомерно користити.

На пример овај код:

<ul class="menu">
  <li>Main page</li>
  <li>Contents</li>
  <li>Help</li>
</ul>

... је пожељнији од следећег кода:

<div class="menu">
  <span>Main page</span>
  <span>Contents</span>
  <span>Help</span>
</div>