InternettWeb design

Block layout div HTML-kodene

Selv noen for ti år siden i RuNet oftest brukt såkalte tabell layout. På grunn av det faktum at standardene i enkelte nettlesere var signifikant forskjellige fra hverandre, måtte vi lete etter en løsning som riktig ville vise den elektroniske dokumentet i alle programmer. Men som tiden gikk, utvikle standarder, og erstatte den heller rigid og lite fleksibel bord kom gode og responsive variabel blokk layout. I forkant av denne teknologien er prinsippet om å bruke elementer

. HTML-dokumenter i de fleste ble bygget på grunnlag av individuelle blokker, som, i motsetning bordet kan være uavhengige av hverandre.

veksten

Den økende kompleksiteten av websider og utvikling av datateknologi har ført til at web-dokumentet har blitt delt inn i to deler - rammen (HTML-kode) og design (stilark). Med dette oppnådde enestående utvikling av nettet, og resultatene av disse er vi nå i stand til å tenke på de fleste områder. I tillegg til å forbedre

HTML-utviklingsprosessen lov til å bestemme for hvert enkelt element av sine konstruksjonsregler. Dette bidro til å øke lesbarheten av nettsider og redusere dokumentnedlastingstiden. Nå søkemotorene mye raskere og bedre prosess informasjon er tilgjengelig på nettstedet.

Standarder og validering

tag i HTML brukes i nøye samsvar med W3C standarder (World Wide Web Consortium). Kontrollere siden kilden holdt et spesielt verktøy - validator, som analyserer (skanner og søk) alle typer feil på siden. Siden er lovlig betyr at alle taggene er blitt brukt riktig og fullt ut oppfyller kravene i standardene.

koder tillate deg å lage blokker, eller som de kalles beholdere. De enkelte elementer kan være nestet, for derved å skape den nødvendige struktur og konfigurasjon kompleksitet. Ved hjelp av
koden enslig klasseidentifikatoren eller praktisk talt ikke forekommer. Det er forårsaket av "ansiktsløs" element. Hvis han ikke tildele en karakter, til slutt vil alle beholderne har en identisk konfigurasjon.

For å skape en virkelig riktig dokumentet, må du bruke følgende kodestrukturen for

class = «en to_imya". Slå på navnet på klassen i stilarket, kan du bestemme plassering, størrelse og andre parametre for å summere en enkelt blokk i dokumentet.

Ved hjelp av klasser og IDer

Blokk

HTML kan defineres som en identifikator id, klasse og klasse. I motsetning til den første til den andre er at id er kun brukt en gang på en dokumentside. Det er, er det brukt for å bestemme de unike elementer som aldri mer gjentas i siden koden. Klasse attributt lar deg bruke de samme stil regler til flere elementer. Denne tilnærmingen forenkler utvikling og støtte av regelverket. Dessuten kan en gjenstand har flere klasser. For riktig anerkjennelse av en felles plass.

Naturligvis gjør blokken struktur av dokumentet ikke innebære bruk av bare ett tag

. Strukturen på en nettside vil alltid være andre elementer. I tillegg, i seg selv blokkerer
elementet kan ha en annen type display. Dette gjøres ved hjelp av egenskaper skjermen. Elementet kan være en streng eller et bord skjerm, som i betydelig grad kan øke fleksibiliteten i bruk av apparatet, og lage en nettside av en hvilken som helst konfigurasjon.

-kode. HTML-eiendommer

Som allerede nevnt ovenfor, ikke tag ikke endre sideoppsettet fragment og brukes til å skape en semantisk struktur med påfølgende registrering av stilark. Ved hjelp av en avsluttende kode for dette element er obligatorisk.

Til tross for at mange moderne nettlesere vil være i stand til å gjenkjenne en slik feil, i noen tilfeller kan unclosed tag forårsake "razvalivanie" dokumentstrukturen og dens skjerm feil.

Siden dette element er en blokk, da den grad at den omfatter innhold vil begynne med en ny linje. For å endre denne atferden må endre skjermenheten viser eiendommen parametere. Foruten å gruppere nestede elementer

tag lar deg formatere utformingen av innholdet i den. Den bruker justere attributtet, som du kan plassere tekst eller bilde til venstre, høyre eller midten av den overordnede element.

posisjonerings blokker

Bruke posisjon attributtet kan du endre metoden for å posisjonere det valgte elementet. Så, er det tre typer posisjonering:

  • Static (statisk) - standard. I dette tilfelle er det element i samsvar med stillingen i HTML-kode.
  • Relativ (relativ). I dette tilfellet, er plasseringen av objektet beregnes på samme måte som i tilfelle av statisk posisjonering, men denne funksjonen kan du endre plasseringen for barn.
  • Absolutt (absolutt). Hans posisjon beregnes i forhold til elementet med relativ posisjonering.

andre attributter

topp og venstre attributter brukes til å endre posisjon i forhold til utgangspunktet. Verdier kan være både positive og negative. Bredden og høyden på blokkelementet som er definert bredde og høyde, henholdsvis. Hvis de ikke var spesifisert i stilarket, vil enheten ta opp hele bredden av den overordnede element. Hvis blokken innholdet ikke passe på tvers av "opphavs" bredde, da oppførselen til et element bestemt ved egenskaps overløp.

Vi håper denne artikkelen har bidratt til å forholde seg til spørsmålet om hva en

i HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 no.atomiyme.com. Theme powered by WordPress.