Erabili span eta div CSS-rekin estilo eta diseinuaren kontrol handiagoa lortzeko.
Webgune eta HTML / CSS berrientzako jende askok eta Div elementuak zure web orrian zatiketa logikoak definitzen ditu. Orokorrean, logikoki elkartzen diren beste HTML elementu batzuk jarri ditzakezun koadro bat da. Zatiketa batek beste hainbat elementu izan ditzake bertan, paragrafoak, izenburuak, zerrendak, loturak, irudiak, eta abar. Beste zatiketa batzuk ere izan ditzakezu egitura eta antolaketa osagarriak zure HTML dokumenturako. Div elementua erabiltzeko, jarri div edukiak Zure orriaren eremuak CSS-rekin erabiliko duen informazio gehigarria behar badu, id aukeratzailea gehi dezakezu (adibidez, id = "myDiv">), edo klaseetako hautatzailea (adib., class = "bigDiv">). Atributu horietako bi CSS erabiliz hautatu edo JavaScript erabiliz aldatzen dira. Oraingo praktika onak identifikatzaileen IDak ordez erabiltzeko joera dute, IDaren hautagailuak zein diren zehaztuta. Egia esan, hala ere, bai bat erabil dezakezu bai IDa eta bai klase-hautagailua. Noiz erabili Div elementua HTML5 ataleko elementutik ezberdina da, ez baitago esanahi semantikoan sartutako edukirik. Ez bazina ziur edukiaren blokeak div edo atal bat izan behar duen ala ez, pentsatu zer elementu eta edukiaren helburua zuk erabakitzen laguntzeko: Azken finean, bai divs eta atalek nahiko antzekoak dira eta horietako atributu balio batzuk eman ditzakezu eta estilo horiek CSS-rekin zure webgunearen behar duzun itxura lortzeko. Biak blokeko maila diren elementu dira. Zabalera elementua elementu inlinea da lehenespenez. Horrek ez du bereizten div eta ataleko elementuetatik. Elementu span askotan erabiltzen den eduki zati bat, normalean testua biltzeko, ondorengo estilo "hook" gehigarri bat emateko erabiltzen da. CSS-rekin erabilitakoa, iturburuko testuaren estiloa alda dezake; Hala ere, estilo-atributurik gabe, span elementua ez da inolako eraginik testuetan. Hau span eta div elementuen arteko desberdintasun nagusia da. Goian aipatu bezala, div elementuak paragrafo-jauziak biltzen ditu, eta span elementuak soilik arakatzaileak CSS estilo arau lotutako arauekin bat datoz, tags: Testu nabarmendua eta testu nabarmena ez Gehitu klase = "nabarmendu" edo beste klase bat span elementurako CSS testua estilatzeko (adibidez, class = "highlight">). Zabaltze elementuak ez ditu beharrezkoak diren atributuak, baina gehien baliagarriak dira div elementuarenak direnak: Edukiaren estiloa aldatu nahi baduzu eduki hori dokumentu berriko blokeo- elementu berri gisa definitu gabe. Esate baterako, h3 izenaren bigarren hitza gorria izan nahi baduzu, hitzen esanahia inguratzen duen span elementu bat izan liteke, hitz hori testu gorria den bezala. Hitza oraindik h3 elementuaren zati izaten jarraitzen du, baina orain ere gorriz bistaratzen da: Jeremy Girard-ek argitaratua 2007/02/27
Elementua erabiliz
Hau da My Awesome Headline