Rozdíl mezi <div> a <span>

Nacházíte se zde: Novinky » Články » Rozdíl mezi <div> a <span>

Otázka:

Jaký je rozdíl mezi tagem div a span?

Odpověď:

Jedná se o neutrální (mají pouze vlastnost display) párové tagy, v tom smyslu, že sami o sobě nejsou nijak formátované. Rozdíl mezi nimi je ten, že div je blokový element (angl. block), kdežto span je řádkový (angl. inline).

V praxi to znamená, že kolem tagu div se vytváří „odstavec“ — před i za ním se zalamuje řádek. Naproti tomu span funguje v řádku a jeho přítomnost (pokud není formátován) není vůbec patrná.

Pomocí CSS lze chování obou prvků prohodit:

span {display: block}
div {display: inline}

Schéma (viz výše) zobrazuje „nadřazenost“ tagu div, před tagem span. Mějte na paměti, že řádkový element nemůže obsahovat blokové elementy (staženo na příklad: span nemůže obsahovat div), prohlížeče to sice pochopí, specifikace to však zakazují. Validátor vypíše chybu.

Relevantní odkazy:

Vloženo: 1.1.2004


Copyright © 2004 Vít Dlouhý, Všechna práva vyhrazena ®
XHTML 1.1, CSS 2.1, Dogma W4