Hvordan bruke og vise HTML DIV tagger

Modern HTML foreskriver en rekke semantiske koder, en av de vanligste er DIV-koder, som brukes til å organisere og strukturere et dokument. De er blokk nivå elementer, noe som betyr at selv uten ekstra formateringsinstruksjoner, vil de legge sideskift før og etter innhold. For innhold som ikke er logisk atskilt fra sine omgivelser, er SPAN tag et bedre valg.

Bruksanvisning

1 Tenk over hvordan du vil ha en side å være strukturert. For eksempel kan det være en navigasjonsdelen, en hoveddel, en sidebar, bunntekst og mer. Hver av disse skal grupperes i sin egen logisk enhet, adresser med en HTML-DIV tag.

2 For hver logisk enhet, skape en DIV tag. For eksempel, ville alle kroppsinnholdet gå inn i en DIV som ser slik ut: <div id = "body"> Innholds Goes Her </ div> The id-attributtet indikerer at det bare skal være én kropp element per side. Den </ div> er en avsluttende kode som forteller oss taggen er fullført.

3 Forstå at noen ganger en logisk enhet forventes å skje mer enn én gang per side. For eksempel kan en bok oppføring legges i en DIV tag, og det kan være flere av disse på samme side, alle stylet på samme måte. Når dette er tilfelle, er en klasse attributt brukes i stedet for en id-attributt: <div class = "entry"> Innholds Goes Her </ div>

4 Når du bruker en CSS stilark for å legge stiler til dine koder, attributter en DIV tag med id nås annerledes enn en DIV med klasse attributter. En DIV med id attributter er referert med et firkanttegn, og en DIV med klasse attributter kommer etter en periode. # Innhold {stiler for DIV med id = "innhold" gå her} .entry {stiler for DIV med class = "entry " gå hit }