Metoder for DIV Elements

Webutviklere har lenge vært i stand til å tilpasse og organisere innhold gjennom den kjedelige forvaltning av rammer, tabeller og tung Javascript. De samme posisjonering og organisatoriske fordeler kan nå fås gjennom bruk av en avdeling (eller "DIV") uten å måtte eldre metoder. Det finnes flere metoder for bruk av DIV elementer som benyttes for å lage profesjonelle nettsteder med mindre smertefullt vedlikehold.

posisjonering

Når du oppretter en nettside, utviklere ønsker å sikre at alt innholdet vises på riktig sted for hver bruker, noe som gir området ensartethet og profesjonalitet. Divisjoner er i stand til å være plassert helt, noe som betyr at hvis du ønsker et bilde som skal vises 75 piksler fra toppen av siden og 150 piksler fra venstre på siden, det er der det vil vises uansett hvilken nettleser som brukes til å vise området . Å gjøre bruk av absolutt plassering gjør at hvert enkelt element for å bli plassert perfekt. Se den første linken i Resources for informasjon om hvordan du bruker absolutt posisjonering.

rammer

På grunn av deres evne til å opprettholde en absolutt posisjon, mange utviklere bruke DIV elementer i stedet for tradisjonelle HTML-ramme. I stedet for en horisontal ramme, slik som en topptekst, et DIV med en fast høyde og en bredde på 100% blir opprettet; for vertikale rammer, blir et sett bredde og en høyde 100% anvendes. Avstanden fra toppen eller bunnen og til venstre eller høyre blir da satt til null, slik at DIV vises hvor en tradisjonell ramme ville. Denne metoden er å foretrekke, som rammer er foreldet, og ifølge W3, kan ikke lenger støttes i fremtidige versjoner av HTML på grunn av sin manglende evne til å skrive ut bilder eller lage skikkelige bokmerker for brukerne.

tabeller

Et annet element er i stand til å bli erstattet av en DIV er bordet. Tabeller har tradisjonelt vært brukt for å organisere, posisjonering og samkjøre innhold. Dette krever ofte skaper mange nestede tabeller og håndtere flere rader og kolonner, og en endring i utformingen krever ofte forandre hele tabellen. Divs, på den annen side tillate utviklere å innrette noen bestemt side av gjenstander ned til pixel, uten bekymring for margin, polster eller celle justering. Divisjoner kan også være nestet - på lignende måte som bord - for å tillate relativ posisjonering basert på den overordnede DIV. Dette sikrer at alle nettlesere viser innholdet riktig og sparer mye tid under utvikling.

Flyte

Når du lager innhold for webområdet ditt, kan du finne det nødvendig å plassere et bilde, reklame eller annet innhold til den ene eller den andre av teksten. I stedet for å plassere DIV helt eller ha tekst vises bak delingen, kan "flyte" egenskap benyttes. Opprette en DIV og tvang den til å flyte til venstre eller høyre vil automatisk plassere den helt til høyre på siden eller som inneholder DIV og fortelle tekst og annet innhold til å bryte rundt det i stedet for å renne under eller på toppen av det. Dette gir fleksibilitet for fremtidige endringer på siden og fjerner behovet for å bruke z-indeks eiendommer med DIV. Se den andre linken i Resources for informasjon om bruk av flyte eiendom.

browser Posisjonering

Noen nettsteder nå gjøre bruk av et område med innhold som ser ut til å følge når du blar deg nedover eller pinner til et bestemt sted på skjermen uten å påvirke innholdet under. Mange nettsteder bruker komplekse Javascript for å gjøre dette, men den samme effekten kan skape ved å bruke window-forhold browser posisjonering. Den "faste" posisjon egenskap lar deg sette en avstand fra alle to sider av nettleservinduet og tvinge innholdet i DIV å vises på denne plasseringen. I motsetning til absolutt posisjonering, vil faste stilling divs forbli på samme sted på skjermen når betrakteren ruller. Dette er nyttig for elementene du trenger for å vises på siden hele tiden. Se den første linken i Resources for informasjon om hvordan du bruker fast stilling.