Internet, Web 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
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
Normen en validatie
Om een echt correct het document is gemaakt, moet u de volgende tag structuur van de
Met behulp van klassen en id's
Block
Vanzelfsprekend houdt het blok structuur van het document niet dat het gebruik van slechts één tag
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.
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
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
Similar articles
Trending Now