InternetWeb Design

Block layout div HTML-tags

Zelfs sommige tien jaar geleden in Runet meestal gebruikt zogenaamde tabelvorm lay-out. Vanwege het feit dat de normen van sommige browsers waren significant verschillend van elkaar, moesten we op zoek naar een oplossing die goed de online document in alle toepassingen zouden geven. Maar naarmate de tijd verstreek, de ontwikkeling van normen, en ter vervanging van de nogal rigide en inflexibel tafel kwam goed en responsieve variabele blok lay-out. In de voorhoede van deze technologie is het principe van het gebruik van elementen

. HTML-documenten in de meerderheid zijn gebouwd op basis van de afzonderlijke blokken, die in tegenstelling tot tabelindeling onafhankelijk van elkaar kunnen zijn.

verschijning

De toenemende complexiteit van webpagina's en de ontwikkeling van de computer-technologie heeft geleid tot het feit dat web document is verdeeld in twee delen - het frame (de HTML-code) en design (style sheets). Met deze ongekende ontwikkeling van het web gehaald, waarvan de resultaten zijn we nu in staat om na te denken op de meeste sites. Naast het verbeteren van de

HTML ontwikkelingsproces toegestaan om vast te stellen voor elk individueel element van hun ontwerp regels. Dit hielp om de leesbaarheid van webpagina's te verbeteren en vermindering van de document download tijd. Nu de zoekmachines veel sneller en beter te kunnen verwerken informatie beschikbaar op de site.

Normen en validatie

tag in de HTML-code gebruikt in strikte naleving van de W3C standaarden (World Wide Web Consortium). Het controleren van de pagina bron hield een speciaal gereedschap - de validator, die (scans en zoekopdrachten) allerlei fouten op de pagina ontleedt. Page is valid betekent dat alle tags correct zijn gebruikt en volledig te voldoen aan de eisen van de normen.

-tags kunt u blokken te maken, of zoals ze worden containers genoemd. De afzonderlijke elementen kunnen worden genest, waardoor de noodzakelijke structuur en configuratie complexiteit creëren. Met behulp van de
tag alleenstaande klasse-identificatie of nagenoeg niet optreedt. Het wordt veroorzaakt door "anonieme" element. Als hij een cijfer heeft ingevoerd, op het einde, alle containers zullen een identieke configuratie.

Om een echt correct het document is gemaakt, moet u de volgende tag structuur van de

klasse te gebruiken = «een to_imya". Het inschakelen van de naam van de klasse in de stylesheet kunt u de locatie, de grootte en andere parameters van het optellen van een enkel blok in het document te bepalen.

Met behulp van klassen en id's

Block

HTML kan worden gedefinieerd als een identifier id, klasse en klasse. In tegenstelling tot de eerste naar de tweede is dat de id slechts één keer wordt gebruikt op een document pagina. Dat wil zeggen, wordt het gebruikt om de unieke elementen die nooit meer herhaald in de pagina code vast te stellen. Class attribuut kunt u hetzelfde te gelden stijlregels op verschillende elementen. Deze aanpak vereenvoudigt de ontwikkeling en ondersteuning van de Code. Daarnaast kan één object meerdere klassen hebben. Voor een goede herkenning van een gedeelde ruimte.

Vanzelfsprekend houdt het blok structuur van het document niet dat het gebruik van slechts één tag

. De structuur van een webpagina zal altijd andere elementen. element voorts op zich blok
kan een ander soort beeldscherm hebben. Dit wordt gedaan met behulp van de eigenschappen display. Het element kan een string of een tafel display, dat de flexibiliteit van het gebruik van het apparaat aanzienlijk kunnen verhogen en een website van elke configuratie zijn.

tag. HTML-eigenschappen

Zoals hierboven reeds vermeld, is het label niet wijzigen de pagina-indeling fragment en gebruikt om een semantische structuur met de volgende registratie te creëren door style sheets. Gebruik een eindtag dit element verplicht.

Ondanks het feit dat veel moderne browsers in staat zijn om zo'n fout te herkennen zal zijn, in sommige gevallen, kan niet gesloten tag veroorzaken "razvalivanie" document structuur en de bijbehorende display mislukking.

Aangezien dit element een blok, dan is de mate waarin zij omvat inhoud zal beginnen met een nieuwe regel. Om dit gedrag aan te passen moet weergave eenheid te veranderen de weergave van de eigenschap parameters. Naast het groeperen van geneste elementen

tag kunt u de lay-out van content binnen te formatteren. Het maakt gebruik van de align attribuut, waardoor je tekst of foto kan plaatsen op de links, rechts of in het midden van het bovenliggende element.

positioneerblokken

Met behulp van de positie attribuut kunt u de methode voor het positioneren van de geselecteerde item te wijzigen. Dus, zijn er drie types van de positionering:

  • Static (statisch) - de standaard. In dit geval is het element volgens de positie in de HTML-code.
  • Relatieve (relatief). In dit geval wordt de locatie van het object berekend op dezelfde wijze als in het geval van statische positie, maar deze eigenschap het mogelijk de positie van kinderen veranderen.
  • Absolute (absoluut). Zijn positie wordt berekend ten opzichte van het element relatief gepositioneerd.

andere attributen

boven en links attributen worden gebruikt om ten opzichte van het beginpunt veranderen. Waarden kunnen zowel positief als negatief zijn. De breedte en hoogte van het blokelement attributen gedefinieerd breedte respectievelijk hoogte. Als ze niet in de style sheet zijn ingesteld, zal het apparaat nemen van de gehele breedte van het bovenliggende element. Als het blok inhoud niet past in de "parent" width dan het gedrag van een element wordt bepaald door het attribuut overflow.

We hopen dat dit artikel heeft geholpen om te gaan met de vraag wat een

in HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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