Internet, Web design
Block layout div značky HTML
Dokonca aj niektorí pred desiatimi rokmi v RuNet najčastejšie používa takzvaný tabuľkový layout. Vzhľadom k tomu, že úroveň niektorých prehliadačoch boli výrazne odlišné od seba navzájom, museli sme hľadať riešenie, ktoré by správne zobraziť online dokument vo všetkých aplikáciách. Ale ako šiel čas, vývoj štandardov a nahradiť trochu strnulé a nepružné stôl prišiel dobrý a citlivý variabilné usporiadanie bloku. V čele tejto technológie je princíp použitie prvkov
vznik
Rastúca zložitosť webových stránok a vývoj výpočtovej techniky viedol k tomu, že webový dokument bol rozdelený do dvoch častí - rámu (HTML kódu) a dizajnu (v štýle listov). Vďaka tomu dosahuje bezprecedentné vývoj webu, ktorého výsledky sme teraz schopní premýšľať na väčšine miest. Okrem zlepšenia
Štandardy a validácia
Aby bolo možné vytvoriť skutočne správny dokument, musíte použiť nasledujúcu štruktúru tagu
S použitím tried a identifikátorov
Blok
Je samozrejmé, že bloková štruktúra dokumentu neznamená použitie iba jedného tagu
tag. HTML-properties
Ako už bolo spomenuté vyššie, značka nemení fragment rozloženie stránky a slúži na vytvorenie sémantickú štruktúru s následnou registráciu štýlov. Použitím uzatvárací tag pre tento prvok je povinné.
Napriek tomu, že veľa moderných prehliadačov bude schopný rozpoznať takú chybu, v niektorých prípadoch, neuzavretý tag môže spôsobiť "razvalivanie" štruktúru dokumentu a jeho poruchu displeja.
Vzhľadom k tomu je tento prvok blok, potom v rozsahu, ktorý zahŕňa obsah začne nový riadok. Ak chcete toto správanie sa musí zmeniť displej zobrazujúci parametre vlastností. Okrem zoskupenie vnorených prvkov
tag umožňuje formátovať rozloženie obsahu v ňom. Využíva atribút align, cez ktorý môžete umiestniť text alebo obrázok na ľavej, pravej, alebo stred rodičovského elementu.
polohovacie segmenty
Pomocou atribútu polohy umožňuje zmeniť spôsob umiestnenia vybrané položky. Takže existujú tri typy umiestnenia:
- Static (statický) - predvolené. V tomto prípade je prvok je v súlade s polohou v HTML kóde.
- Relatívna (relatívna). V tomto prípade je poloha objektu sa počíta rovnakým spôsobom ako v prípade statické polohy, ale táto funkcia umožňuje meniť polohu pre deti.
- Absolútna (absolútna). Jeho poloha sa vypočíta vzhľadom k prvku s relatívnou polohy.
ďalšie atribúty
horné a ľavej atribúty sa používajú pre zmenu polohy vzhľadom k miestu pôvodu. Hodnoty môžu byť ako pozitívne, tak negatívne. Šírka a výška kocky atribúty definovanú šírku a výšku, v tomto poradí. Pokiaľ neboli uvedené v zozname štýlov, jednotka zaberajú celú šírku rodičovského elementu. V prípade, že obsah bloku sa nezmestí cez "materskej" šírka, potom správanie prvku je určená prepadom atribútu.
Dúfame, že tento článok pomohol sa vysporiadať s otázkou, čo
v HTML.
Ako už bolo spomenuté vyššie, značka nemení fragment rozloženie stránky a slúži na vytvorenie sémantickú štruktúru s následnou registráciu štýlov. Použitím uzatvárací tag pre tento prvok je povinné.
Napriek tomu, že veľa moderných prehliadačov bude schopný rozpoznať takú chybu, v niektorých prípadoch, neuzavretý tag môže spôsobiť "razvalivanie" štruktúru dokumentu a jeho poruchu displeja.
Vzhľadom k tomu je tento prvok blok, potom v rozsahu, ktorý zahŕňa obsah začne nový riadok. Ak chcete toto správanie sa musí zmeniť displej zobrazujúci parametre vlastností. Okrem zoskupenie vnorených prvkov
polohovacie segmenty
Pomocou atribútu polohy umožňuje zmeniť spôsob umiestnenia vybrané položky. Takže existujú tri typy umiestnenia:
- Static (statický) - predvolené. V tomto prípade je prvok je v súlade s polohou v HTML kóde.
- Relatívna (relatívna). V tomto prípade je poloha objektu sa počíta rovnakým spôsobom ako v prípade statické polohy, ale táto funkcia umožňuje meniť polohu pre deti.
- Absolútna (absolútna). Jeho poloha sa vypočíta vzhľadom k prvku s relatívnou polohy.
ďalšie atribúty
horné a ľavej atribúty sa používajú pre zmenu polohy vzhľadom k miestu pôvodu. Hodnoty môžu byť ako pozitívne, tak negatívne. Šírka a výška kocky atribúty definovanú šírku a výšku, v tomto poradí. Pokiaľ neboli uvedené v zozname štýlov, jednotka zaberajú celú šírku rodičovského elementu. V prípade, že obsah bloku sa nezmestí cez "materskej" šírka, potom správanie prvku je určená prepadom atribútu.
Dúfame, že tento článok pomohol sa vysporiadať s otázkou, čo
Similar articles
Trending Now