Priestor na webovej stránke sa zdá byť dosť jednoduchý. 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.
Avšak niekoľko
's v riadku nebude robiť nič iné, ako neporiadok vašej stránky. Niektorí redaktori umiestnia na miestach, aby pridali viac priestoru, ale toto skutočne nepoužíva značku
, ale skôr znak, ktorému sa dostaneme za minútu.
Značka
je určená na to, aby sa do prúdu textu dostal len 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. |