InternetWeb design

Blokk elrendezés div HTML

Még néhány tíz évvel ezelőtt RuNet leggyakrabban használt úgynevezett táblázatos elrendezés. Tekintettel arra, hogy a szabványok az egyes böngészők szignifikánsan különbözött egymástól, meg kellett keresni a megoldást, hogy helyesen megjeleníteni az online dokumentum minden alkalmazásból. De ahogy telt az idő, szabványok kidolgozása, és a helyére a meglehetősen merev és rugalmatlan asztal jött jó és érzékeny változó blokk elrendezés. Élen jár ennek a technológiának az az elv elemeit használja

. HTML-dokumentumok többsége épültek alapján egyes blokkok, amely ellentétben táblázatelrendezés független lehet egymástól.

megjelenése

Az egyre összetettebb a weblapok és a számítástechnika fejlődése oda vezetett, hogy az a tény, hogy a webes dokumentumot két részre oszlik - a keret (a HTML-kód) és a tervezési (stíluslapok). Ezzel ért példátlan fejlődés az interneten, amelynek eredményeit most képes szemlélni a legtöbb helyen. Amellett, hogy javítja a

HTML fejlesztési folyamat lehetővé tette, hogy meghatározza az egyes eleme a tervezési szabályokat. Ez segített az olvashatóság javítása érdekében a weboldalak és csökkenti a dokumentum letöltési időt. Most a keresők sokkal gyorsabban és jobban folyamat információ áll rendelkezésre a helyszínen.

Szabványok és érvényesítés

tag a HTML alkalmazott szigorú betartása mellett W3C szabványoknak (World Wide Web Consortium). Ellenőrzés az oldal forrását tartott egy speciális eszközt - az érvényesítő, amely értelmezi (vizsgál és keresés) mindenféle hibák az oldalon. Oldal érvényes azt jelenti, hogy az összes címke használták pontosan és teljes mértékben megfelelnek a szabványoknak.

tag lehetővé teszi, hogy hozzon létre blokkokat, vagy ahogy ők nevezik konténerek. Az egyes elemek egymásba ágyazhatók, ezáltal a szükséges struktúra és konfiguráció összetettsége. A
tag a kísérő nélküli azonosítójának, illetve gyakorlatilag nem fordul elő. Ez okozta „arctalan” elem. Ha nem ad osztályzatot, a végén minden konténerek lesz azonos konfigurációban.

Annak érdekében, hogy hozzon létre egy valóban helyes a dokumentumot, akkor használja a következő címkét szerkezetét

class = «a to_imya”. Rátérve a nevét az osztály a stíluslapot, akkor meg a helyét, méretét és egyéb paramétereit összeadásával egy blokkban a dokumentumban.

Osztályok segítségével és azonosítók

Blokk

HTML lehet meghatározni, mint egy azonosító id, osztály és osztály. Ellentétben az első, a második az, hogy az azonosító csak egyszer kerül felhasználásra egy dokumentum oldalt. Ez azt jelenti, segítségével meghatározható az egyedi elemeket, amelyek soha többé nem ismétlődik az oldal kódja. Class attribútum segítségével ugyanezt a stílust szabályok több elem. Ez a megközelítés nagyban leegyszerűsíti a fejlesztés és támogatás a kódex. Különben is, egy objektum több osztály. A megfelelő elismerése egy közös térben.

Természetesen a blokk felépítése a dokumentum nem jelenti az, hogy csupán egyetlen tag

. A szerkezet bármelyik weboldal mindig más elemekkel. Ezen túlmenően, a maga blokk
elem lehet egy másfajta kijelzőn. Ezt használja a tulajdonságok kijelzőn. Az elem lehet egy string vagy egy asztal kijelző, amely jelentősen növeli a rugalmasságot készülék használatát, és hozzon létre egy honlapot a konfigurálást.

tag. HTML-tulajdonságok

Mint már említettük, a címke nem változik az oldal elrendezését fragmentum és a létrehozásához használt szemantikai struktúra a későbbi regisztrációt stíluslapok. Egy zárócímke elem kötelező.

Annak ellenére, hogy számos modern böngésző képes lesz felismerni egy ilyen hiba, bizonyos esetekben, lezáratlan tag is okozhat „razvalivanie” dokumentum szerkezetét és a megjelenítési hiba.

Mivel ez az elem a blokk, akkor olyan mértékben, hogy az magában foglalja tartalom kezdődik egy új sort. Ha módosítani ezt a viselkedést meg kell változtatni kijelző egység jelenik meg az ingatlan paramétereit. Emellett csoportosítás beágyazott elemeket

tag segítségével formázza az elrendezés tartalom benne. Ez használ a align tulajdonság, amelyen keresztül meg lehet helyezni a szöveget vagy képet a bal, jobb, vagy központ a szülő elem.

pozicionáló blokkok

A pozíció tulajdonság lehetővé teszi, hogy változtatni a módszer elhelyezése a kiválasztott elem. Tehát van három fajta elhelyezése:

  • (Statikus) - az alapértelmezett. Ebben az esetben az elem megfelelően a helyzet a HTML-kódot.
  • Relatív (relatív). Ebben az esetben a helyét az objektum kiszámítása ugyanúgy, mint abban az esetben, statikus helymeghatározás, de ez a funkció lehetővé teszi, hogy változtatni a helyzetét a gyermekek számára.
  • Abszolút (abszolút). Az ő helyzete viszonyítva számítjuk az elem viszonylagos elhelyezése.

más tulajdonságok

felső és bal oldali attribútumokat arra használjuk, hogy változtatni pozícióját a kiindulási ponton. Az érték lehet pozitív és negatív. A szélessége és magassága a blokk elem attribútumok meghatározott szélesség és magasság, ill. Ha ők nem szerepelnek a stílus lap, a berendezés felveszi a teljes szélességében a szülő elem. Ha a blokk tartalma nem fér át a „szülő” szélességet, majd a viselkedését egy elem határozza meg az attribútum túlcsordulás.

Reméljük, hogy ez a cikk segített kezelni a kérdést, hogy mi a

HTML-ben.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

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