Tühikute loomist ja elementide füüsilist eraldamist HTML-is võib algajale veebidisainerile olla keeruline mõista. See on sellepärast, et HTML on omadus, mida nimetatakse "tühimärkide kokkuvarisemiseks". ükskõik, kas sisestate HTML-koodi 1 tühiku või 100, koondab veebibrauser need tühikud automaatselt ainult üheks tühikuks. See erineb sellisest programmist nagu Microsoft Word, mis võimaldab dokumendi koostajatel lisada selle dokumendi sõnade ja muude elementide eraldamiseks mitu tühikut. Nii ei toimi veebisaidi kujunduse vahekaugus.
Niisiis, kuidas lisada HTML-is tühikuid, mis kuvatakse teie loodud veebileht? Selles artiklis uuritakse mõningaid erinevaid viise.
Ruumid HTML-is CSS-iga
Eelistatud viis oma HTML-i ruumide lisamiseks on Kaskaadiga stiililehed (CSS). CSS-i tuleks kasutada veebilehe mis tahes visuaalsete aspektide lisamiseks ja kuna vahed on osa lehe visuaalse kujunduse omadustest, on CSS just see, kus soovite seda teha.
CSS-is saate elementide ümber ruumi lisamiseks kasutada kas veerist või polsterdusomadusi. Lisaks lisab atribuut tekst-taane teksti ette ruumi, näiteks lõigete taandamiseks.
Siin on näide selle kohta, kuidas CSS-i abil kõigi lõikude ette tühikut lisada. Lisage oma CSS-i järgmine CSS väline või sisemine stiilileht:
p {
teksti taane: 3em;
}
Tühikud HTML-is teie teksti sees
Kui soovite oma tekstile lihtsalt lisada täiendava ruumi või kaks, võite kasutada murdumatut ruumi. See tähemärk toimib täpselt nagu tavaline tühikutäht, ainult et see ei varise brauseris kokku.
Siin on näide, kuidas lisada tekstireale viis tühikut:
Selle teksti sees on viis lisaruumi
Kasutab HTML-i:
Selle teksti sees on viis lisaruumi
Võite kasutada ka
märgend lisareavahemike lisamiseks.
Selle lause lõpus on viis reavahetust
Miks tühikud HTML-is on halb mõte
Kuigi need valikud mõlemad toimivad - mittepurustavate tühikute element lisab teie tekstile ja reale tõepoolest tühiku vaheajad lisavad ülaltoodud lõigu alla tühiku - see pole parim viis jaotises tühikute loomiseks veebileht. Nende elementide lisamine oma HTML-i lisab koodile visuaalse teabe, selle asemel et eraldada lehe (HTML) ja visuaalsete stiilide (CSS) struktuur. Parimad tavad nõuavad, et need peaksid olema eraldi mitmel põhjusel, sealhulgas tulevikus hõlpsasti värskendatav ja üldine failisuurus ning lehe jõudlus.
Kui kasutate kõigi stiilide ja tühikute dikteerimiseks välist stiililehte, on nende stiilide muutmine kogu saidi jaoks hõlbus, kuna peate lihtsalt seda ühte stiililehte värskendama.
Vaatleme ülaltoodud näidet lausega viie
sildid selle lõpus. Kui soovite, et iga lõigu allservas oleks nii palju tühikuid, peate selle HTML-koodi lisama kogu saidi igasse lõiku. See on üsna palju lisamärgiseid, mis paisutavad teie lehti. Lisaks, kui otsustate mööda teed, et seda vahekaugust on liiga palju või liiga vähe ja soovite seda veidi muuta, peaksite muutma kogu oma veebisaidi iga lõiku. Ei aitäh!
Selle asemel, et lisada need tühikud oma koodile, kasutage CSS-i.
p {
polsterduspõhi: 20px;
}
See CSS-i rida lisaks teie lehe paragrahvide alla tühiku. Kui soovite seda tühikut tulevikus muuta, muutke seda ühte rida (kogu oma saidi koodi asemel) ja teil on hea minna!
Kui peate nüüd oma veebisaidi ühte ossa lisama ühe tühiku, kasutage a
silt või üks mittepurustav ruum pole maailma lõpp, kuid peate olema ettevaatlik. Nende tekstisiseste HTML-vahemike valikute kasutamine võib olla libe tee. Kuigi üks või kaks ei pruugi teie saidile haiget teha, siis kui jätkate seda teed, lisate oma lehtedele probleeme. Lõppkokkuvõttes on parem pöörduda HTML-i ja kõigi muude veebilehtede visuaalsete vajaduste poole CSS-i poole.