Priestor na webovej stránke sa zdá byť dosť jednoduchá vec. Ale prvýkrát, keď sa pokúsite niekoľkokrát stlačiť kľúč a ak sa tieto informácie nezobrazia na vašej stránke, uvedomíte si, že to nie je tak jednoduché, ako to vyzerá.
Existuje niekoľko spôsobov, ako vytvoriť priestor na webových stránkach. Prvé dva obsahujú značky HTML:
…
Značka odstavca zvyčajne umiestňuje medzi jednotlivými položkami. Pôsobí ako prestávka v odseku.
Niektoré
v riadku nebude robiť nič iné, než neporiadok vašej stránky. Niektorí redaktori to uvedú
na miestach pridať viac miesta, ale to naozaj nepoužíva
štítok, ale skôr charakter, ku ktorému sa dostaneme za minútu.
tag je určený na to, aby sa do prúdu textu vložil iba jeden riadok. Môže sa však použiť niekoľkokrát za sebou na vytvorenie dlhých reťazcov prázdneho miesta. Problém je, že nemôžete definovať výšku a šírku medzery a automaticky sa šírka stránky.
CSS okraj a výplň
Ďalším spôsobom, ako pridať priestor do dokumentov webových stránok, je použitie okrajov vlastností a políčok CSS. Je to oveľa lepší spôsob, ako dostať presne množstvo priestoru, ktorý chcete medzi svojimi prvkami. Môžete ovplyvniť viac ako len vertikálny priestor v dokumente.
Nezlomný priestor ()
Nakoniec existuje nerozlučný priestor. Táto znaková entita pôsobí presne ako normálny textový priestor, okrem toho, že prehliadač zaobchádza s každým individuálne.
Ak zadáte štyri po sebe, prehliadač umiestni do textu štyri medzery.
Všimnite si, že staršie prehliadače nemusia robiť viac nepriehľadných medzery.
Použitie nepriechodných priestorov v tabuľkách
Tabuľky sa často zatvárajú alebo zlomia, ak do bunky nezahrniete niečo, čo by bolo otvorené. Napríklad: Na vytvorenie tabuľky s 30-pixelovým žlabom použite nasledujúci HTML:
Malo by byť malý priestor naľavo od tohto textu. Niektoré prehliadače ju zobrazia správne, ale mnohí z nich ignorujú požiadavku na šírku tabuľky a text zarovnajú s ľavým okrajom. Veľmi otravné! |
Aby sa stĺpec stola nezlomil, použite nerozbitný priestor:
| Malo by byť malý priestor naľavo od tohto textu. Väčšina prehliadačov sa zobrazí správne. |
