Přeskočit hlavičku [accesskey=1]
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:
- Div a span, neutrální tagy (Dušan Janovský, Jak psát web)
Vloženo: 1.1.2004