Div ja span
Kun opit ensimmäistä kertaa div+css-asettelun, siinä on paljon sekaannusta; div:n ja spanin käytön prosessissa ei tunnu olevan tiettyä "lukua", minusta W3C:ssä ei ole suurta eroa div:n ja spanin määritelmässä: div split document -rakenteena tekee siitä luonnollisesti kaikkein virallisimman semantikan, mutta tällainen virallinen semantiikka on liian hämmentävä, ja suuri rakenne on myös
Okei, mutta on silti hämmentävää, pitäisikö pienissä paikoissa käyttää div:tä vai spania. Itse asiassa se on juuri "Microsoft MSDN Library"
Sisäinen määritelmä on yhtäkkiä valaiseva.
div: Määrittää HTML:n renderöintikontin
span: Määrittää upotetun tekstisäiliön
Yksinkertaisesti sanottuna div tulisi käyttää, jos siinä on muita tageja, ja span, jos siinä on vain tekstiä
Div on lohkotason elementti, joka tarjoaa rakenteen ja kontekstin suurille sisältöosille HTML-dokumentissa
Span on inline-elementti, joka määrittelee pinta-alan viivan sisällä (eli se voidaan jakaa useampaan pinta-alaan <span>viivan sisällä)
Div-tunniste voidaan upottaa span-tagin kanssa (div voidaan pitää suurena konttina, span on pieni kontti ja iso kontti voi tietysti laittaa pienen kontin)
Span ja label
Koska yllä on span-lause, voimme tehdä span-konttioperaation tekstille, määritellä CSS-tyylejä tai jotain, mutta etiketti vaikuttaa olevan myös kunnossa? Mutta mikä on ero näiden kahden välillä?
Etikettitunnistetta käytetään pääasiassa lomake-alkion sitomiseen, ja kun tunnistetagia klikataan, sidottu muoto-alkio saa syötteen fokuksen
span on eräänlainen säiliö tavalliselle tekstille.
|
Julkaistu 18.12.2014 13.33.30
|
|
|
