Div és Span
Amikor először tanulod meg a div+css elrendezést, sok zavar van, a div és span használatának folyamatában nem érzed, hogy lenne egy bizonyos "fejezet", úgy érzem, hogy a kettő között nincs sok különbség, a W3C-ben a div és a span definíciójában: a div mint egy split dokumentumstruktúra természetesen a leghivatalosabb szemantika, de egy ilyen hivatalos szemantika túl zavaros, és a nagy szerkezet is
Rendben, de még mindig zavaros, hogy a div-et vagy a span-t használjam-e kis helyekhez. Valójában pontosan ez a "Microsoft MSDN Könyvtár"
A benne lévő definíció hirtelen megvilágosító.
div: Megadja a HTML megjelenítéséhez szükséges konténert
span: Megadja a beágyazott szövegtárolót
Egyszerű nyelven: a div-t akkor kell használni, ha más címkék is vannak, a span-t pedig ha csak szöveg van benne,
A div egy blokkszintű elem, amely szerkezetet és kontextust biztosít egy HTML dokumentum nagy tartalma számára
A teret egy inline elem, amely egy vonalon belüli területet határoz meg (azaz több területre osztható egy egyenesen <span>belül)
A div címke beágyazható egy span taggal (a div tekinthető nagy tartálynak, a span egy kis konténernek, és egy nagy tartály természetesen egy kis konténert is beépíthet)
Átfutás és címke
Mivel a fenti span-ról szóló állítás alapján akkor végezhetünk span konténer műveletet a szövegen, definiálhatjuk CSS stílusokat vagy hasonlót, de a címkék is rendben vannak? De mi a különbség a kettő között?
A címke címkét főként egy űrlapelem kötésére használják, és amikor a címkét kattintjuk, a kötött forma elem kapja a bemeneti fókuszt
a span egyfajta konténerként a hétköznapi szöveg számára.
|
Közzétéve 2014. 12. 18. 13:33:30
|
|
|
