InternetWeb design

Bloker layout div HTML-tags

Selv nogle ti år siden i Runet oftest bruges såkaldt tabelform layout. På grund af det faktum, at de standarder for nogle browsere var signifikant forskellige fra hinanden, havde vi til at kigge efter en løsning, der ville ordentligt vise online dokument, i alle applikationer. Men som tiden gik, at udvikle standarder, og erstatte den temmelig stive og ufleksible bord kom godt og lydhør variabel blok layout. På forkant med denne teknologi er princippet om at bruge elementer

. HTML-dokumenter i de fleste blev bygget på grundlag af individuelle blokke, som i modsætning til bordet kan være uafhængige af hinanden.

fremkomsten

Den stigende kompleksitet websider og udvikling af computerteknologi har ført til, at web-dokument er blevet opdelt i to dele - rammen (HTML-kode) og design (style sheets). Med dette opnås enestående udvikling af internettet, hvis resultater vi nu i stand til at overveje på de fleste steder. Ud over at forbedre

HTML udviklingsproces lov til at bestemme for hver enkelt element i deres design regler. Dette var med til at forbedre læsbarheden af websider og reducere dokumentet download-tid. Nu søgemaskinerne meget hurtigere og bedre proces information tilgængelig på hjemmesiden.

Standarder og validering

tag i HTML bruges i nøje overensstemmelse med W3C standarder (World Wide Web Consortium). Kontrol af side kilde afholdt et særligt værktøj - validatoren, der analyserer (scanninger og søgninger) alle former for fejl på siden. Side er gyldig betyder, at alle tags er blevet anvendt korrekt og fuldt ud opfylder kravene i standarderne.

tags kan du oprette blokke, eller som de kaldes containere. De enkelte elementer kan indlejres og dermed skabe den nødvendige struktur og konfiguration kompleksitet. Brug af
tag uledsaget klasse-id'et eller praktisk talt ikke forekommer. Det er forårsaget af "ansigtsløse" element. Hvis han ikke tildele en klasse, i sidste ende, vil alle beholdere har en identisk konfiguration.

For at skabe en virkelig korrekt dokumentet, skal du bruge følgende tag strukturen i

class = «en to_imya". Tænde navnet på den klasse i stylesheet, kan du bestemme placeringen, størrelsen og andre parametre for summen af en enkelt blok i dokumentet.

Ved hjælp af klasser og id'er

Bloker

HTML kan defineres som en identifikator id, klasse og klasse. I modsætning til den første til den anden er, at id kun bruges én gang på et dokument side. Det vil sige, er det bruges til at bestemme de unikke elementer, der aldrig mere gentages i siden kode. Klasse attribut kan du anvende de samme stil regler til flere elementer. Denne tilgang forenkler udvikling og support af kodeksen. Desuden kan et objekt have flere klasser. For korrekt genkendelse af et fælles rum.

Naturligvis betyder blokstrukturen af dokumentet ikke indebærer anvendelse af kun ét tag

. Strukturen af en hvilken som helst webside vil altid være andre elementer. Hertil kommer, at i sig selv blokere
element kan have en anden form for visning. Dette gøres ved hjælp af egenskaberne display. Elementet kan være en streng eller et bord display, som kan stige betydeligt fleksibiliteten i brugen af enheden og skabe en hjemmeside for enhver konfiguration.

tag. HTML-egenskaber

Som allerede nævnt ovenfor, har mærket ikke ændre sidelayoutet fragmentet og bruges til at skabe en semantisk struktur med den efterfølgende registrering af style sheets. Ved hjælp af en afsluttende tag for dette element er obligatorisk.

På trods af at mange moderne browsere vil være i stand til at genkende en sådan fejl, i nogle tilfælde kan uafsluttede tag forårsage "razvalivanie" dokument struktur og dens display fiasko.

Da dette element er en blok, så vidt som det omfatter indhold vil begynde med en ny linje. For at ændre denne adfærd skal ændre displayenhed viser ejendommen parametre. Udover at gruppere indlejrede elementer

tag kan du formatere layoutet af indhold i det. Det bruger align attribut, hvorigennem du kan placere tekst eller billede til venstre, til højre, eller midt på overordnet element.

positioneringsblokke

Brug af positionen attribut giver mulighed for at ændre metoden til at placere det valgte element. Så er der tre typer af positionering:

  • Statisk (statisk) - standard. I dette tilfælde elementet er i overensstemmelse med den holdning i HTML-koden.
  • Relativ (relativ). I dette tilfælde er placeringen af objektet beregnet på samme måde som i tilfældet med statisk positionering, men denne funktion kan du ændre placeringen for børn.
  • Absolut (absolut). Hans position beregnes i forhold til elementet med relativ positionering.

andre attributter

top og venstre attributter anvendes til at ændre stilling i forhold til udgangspunktet. Værdier kan være både positiv og negativ. Bredden og højden af blokken element attributter defineret bredde og højde hhv. Hvis de ikke var specificeret i stil ark, vil enheden tage op hele bredden af det overordnede element. Hvis blokken indholdet ikke passer på tværs af "forældre" width, så adfærden af et element bestemmes af attribut overløb.

Vi håber, at denne artikel har hjulpet til at beskæftige sig med spørgsmålet om, hvad en

i HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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