Internet, Webdesign
Block layout av div taggar HTML
För ungefär tio år sedan i runet brukade man oftast så kallade bordlayout. Med tanke på att standarderna för vissa webbläsare skilde sig väsentligt från varandra var det nödvändigt att söka efter en lösning som skulle möjliggöra korrekt visning av Internetdokumentet i alla applikationer. Men tiden gick, standarder utvecklades, och en styv och oflexibel tabulär ersattes av en väljusterad och responsiv blocklayout. I framkant av denna teknik ligger principen om att använda
uppkomsten
Komplikationen av webbsidor och utvecklingen av datateknik ledde till att webbdokumentet delades upp i två delar - ett skelett (HTML-kod) och design (stilark). Tack vare detta lyckades vi uppnå en oöverträffad utveckling av webben, vars resultat vi nu kan se på de flesta moderna webbplatser. Förutom att förbättra utvecklingsprocessen tillåter
Standarder och verifikation
Taggar
För att skapa ett riktigt giltigt dokument måste du använda följande struktur i taggen
Använda klasser och identifierare
Naturligtvis innebär blockstrukturen i dokumentet inte alls användandet av en enda
-taggen. HTML-egenskaper
Som nämnts ovan ändrar inte denna etikett utformningen av sidans fragment, men används för att skapa en semantisk struktur med efterföljande design genom stilark. Användningen av en stängningskod för detta element är obligatorisk.
Trots det faktum att många moderna webbläsare kommer att kunna känna igen det här felet kan det i vissa fall orsaka att dokumentstrukturen faller isär och inte visas korrekt.
Eftersom det här elementet är block, kommer innehållet i det att börja med en ny rad. För att ändra detta beteende måste du ändra visningsinställningarna för blocket med visningsegenskapen. Förutom att gruppera de kapslade elementen, tillåter
-taggen att du formaterar placeringen av innehållet inuti den. För att göra detta använder du align attributet, som låter dig placera text eller bild till vänster, höger eller mitten av moderelementet.
Positioneringsblock
Med hjälp av positionsattributet kan du ändra positioneringsmetoden för det valda elementet. Så det finns tre typer av positionering:
- Statisk (statisk) - används som standard. I detta fall placeras elementet enligt positionen i HTML-koden.
- Relativ (relativ). I det här fallet beräknas objektets plats på samma sätt som vid statisk positionering, men den här egenskapen låter dig ändra positionen för barnen.
- Absolut (absolut). Dess position beräknas i förhållande till elementet med relativ positionering.
Andra attribut
De övre och vänstra attributen används för att ändra positionen relativt ursprungspunkten. Värden kan vara antingen positiva eller negativa. Blockelementets bredd och höjd anges med respektive bredd och höjdattribut. Om de inte anges i stilarken, kommer blocket att uppta hela bredden av moderelementet. Om blockinnehållet inte passar hela bredden på "föräldern" bestäms elementets beteende av överfyllningsattributet.
Vi hoppas att den här artikeln hjälpte till att förstå frågan om vad som är
i HTML.
Som nämnts ovan ändrar inte denna etikett utformningen av sidans fragment, men används för att skapa en semantisk struktur med efterföljande design genom stilark. Användningen av en stängningskod för detta element är obligatorisk.
Trots det faktum att många moderna webbläsare kommer att kunna känna igen det här felet kan det i vissa fall orsaka att dokumentstrukturen faller isär och inte visas korrekt.
Eftersom det här elementet är block, kommer innehållet i det att börja med en ny rad. För att ändra detta beteende måste du ändra visningsinställningarna för blocket med visningsegenskapen. Förutom att gruppera de kapslade elementen, tillåter
Positioneringsblock
Med hjälp av positionsattributet kan du ändra positioneringsmetoden för det valda elementet. Så det finns tre typer av positionering:
- Statisk (statisk) - används som standard. I detta fall placeras elementet enligt positionen i HTML-koden.
- Relativ (relativ). I det här fallet beräknas objektets plats på samma sätt som vid statisk positionering, men den här egenskapen låter dig ändra positionen för barnen.
- Absolut (absolut). Dess position beräknas i förhållande till elementet med relativ positionering.
Andra attribut
De övre och vänstra attributen används för att ändra positionen relativt ursprungspunkten. Värden kan vara antingen positiva eller negativa. Blockelementets bredd och höjd anges med respektive bredd och höjdattribut. Om de inte anges i stilarken, kommer blocket att uppta hela bredden av moderelementet. Om blockinnehållet inte passar hela bredden på "föräldern" bestäms elementets beteende av överfyllningsattributet.
Vi hoppas att den här artikeln hjälpte till att förstå frågan om vad som är
Similar articles
Trending Now