Megtekintheted, hogy a böngészők hogyan kezelik a HTML-üres helyet a HTML-ben
Ha kezdõ webes tervezõ vagy, akkor az a sok dolog, amit korán meg kell értened, az a mód, ahogyan a webhelyek böngészõi kezelik a webhely üres helyét.
Sajnálatos módon a böngészők böngészése nem túl intuitív, különösen akkor, ha HTML-be jössz, és összehasonlítja azt a móddal, hogyan kezeli a fehér helyet a szövegszerkesztő programokban, amelyekről ismerős lehet.
A szövegszerkesztő szoftverben számos dokumentumot helyezhet el a dokumentumban, és ez a távolság a dokumentum tartalmában megjelenik. Ez nem áll fenn a HTML vagy a weboldalak esetében. Mint ilyen, nagyon fontos a tanulás, hogy a fehér tér mennyire kezelhető a webböngészők által.
Elosztás a nyomtatásban
A szövegszerkesztő szoftverben a három elsődleges fehér szóköz a tér, a fül és a kocsi visszatérése. Ezek mindegyike különféleképpen működik, de a HTML-ben a böngészők lényegében ugyanazt alkotják. Függetlenül attól, hogy egy helyet vagy 100 mezőt helyezett-e a HTML-jelölésbe, vagy összekapcsolta a távolságot a lapok és a kocsi visszatérésével, mindez lecsapódik egy olyan helyre, amikor az oldal megjelenik a böngésző által. A webes tervezési terminológiában ez a fehér terület összeomlása. Ezeket a tipikus távtartó gombokat nem használhatja ahhoz, hogy a webhelyekhez hozzáadjon egy üres helyet, mivel a böngésző több böngészőt bontja le egyetlen helyre, amikor a böngészőben megjelenik,
Miért használ valaki a lapokat?
Általában, amikor az emberek tabulátorokat használnak egy szöveges dokumentumban, azokat elrendezési okokból használják, vagy a szöveg áthelyezése egy bizonyos helyre vagy egy bizonyos távolság egy másik elemtől. A webes tervezésben nem használhatja ezeket a fent említett karaktereket a vizuális stílusok vagy elrendezési igények eléréséhez.
A webes tervezésnél a kódban lévő extra szóköz karakter használata egyszerűen a kód olvasásának megkönnyítésére szolgálna. A webes tervezők és fejlesztők gyakran használnak füleket a behúzási kódra, hogy láthassák, mely elemek más elemek gyermekei, de ezek a behúzások nem befolyásolják az oldal vizuális elrendezését. Azoknak, akikre szükség van a vizuális elrendezés módosításaival, a CSS-re (lépcsős stíluslapok) kell fordulni.
A CSS használatával létrehozhatja a HTML lapokat és a távolságot
A weboldalak ma a struktúra és a stílus elválasztásával készülnek. Az oldal struktúráját a HTML kezeli, míg a stílust a CSS szabja meg. Ez azt jelenti, hogy térköz létrehozásához vagy egy bizonyos elrendezés eléréséhez CSS-re kell fordulnod, és nem megpróbálnod egyszerűen hozzáadni a karakterláncokat a HTML kóddal.
Ha sztringeket szeretne létrehozni szöveg oszlopok létrehozásához, akkor az oszlop elrendezéséhez a CSS segítségével elhelyezett
Ha az Ön által megadott adatok táblázatos adatok, táblázatokat használhat arra, hogy ezeket az adatokat hozzáigazítsa. A táblázatok gyakran rossz hírnévnek örvendenek a webes tervezésben, mivel sok éven át téves elrendezési eszközökként bántalmazták őket, de a táblák továbbra is tökéletesen érvényesek, ha tartalmuk a fent említett táblázatos adatokat tartalmazza.
Margó, Tömörítés és Szöveg-beillesztés
A leggyakoribb módszerek a CSS-vel való távolság létrehozására az alábbi CSS-stílusok egyikével:
- margó
- párnázás
- text-indent
Például beillesztheti egy bekezdés első sorát, például egy lapot a következő CSS-vel (vegye figyelembe, hogy ez azt feltételezi, hogy a bekezdésnek hozzá van rendelve az elsőhöz tartozó "osztály" attribútum):
p.first {
szöveg-indent: 5em;
}
Ez a bekezdés most körülbelül 5 karakterből áll.
A CSS-ben lévő margó vagy párnázási tulajdonságokat is használhatja, hogy térközt adjon az elem felső, alsó, bal vagy jobb oldala (vagy ezek kombinációi). Végül elérhet bármilyen távolságot a CSS-hez való forduláshoz.
Szöveg mozgatása egynél több hely nélkül CSS nélkül
Ha mindössze annyit szeretne, hogy a szövegét egynél több helyre költözzön el az előző tételtől, használhatja a nem töréses területet.
A nem töréses terület használatához egyszerűen hozzá kell adnia & nbsp; annyiszor, amennyire szüksége van a HTML-jelölésedben.
Például, ha öt szóközzel szeretné áthelyezni a szóját, akkor a szó előterjesztése előtt hozzáadhatja a következő szót.
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp;A HTML tiszteletben tartja ezeket, és nem fogja össze egyetlen helyre. Ez azonban nagyon rossz gyakorlatnak számít, mivel a dokumentumhoz csak egy HTML-jelölést ad csak az elrendezési igények eléréséhez. Visszatérve arra, hogy a szerkezet és a stílus elválasztható, elkerüljük a nem törődő területek egyszerű hozzáadását a kívánt elrendezési hatás eléréséhez, és helyette a CSS-margókat és a párnázatot kell használni.