Szinte minden, az interneten talált és használt webhely szerkezetét a HTML, a szöveges fájlok kategorizálására szolgáló szabványos rendszer segítségével hozták létre. Az oldaltörések, a bekezdések, az erős betűk, a dőlt betűk és az egyéb szolgáltatások mind HTML használatával kerülnek hozzáadásra. A HTML címkék alkalmazásával, amelyek utasítják a böngészőket a tartalom kezelésére, segít ennek a szerkezetnek a létrehozásában.

Például elhelyeznénk egy szót a strong>bold/strong> címkék közé, hogy félkövérnek tűnjön. A nyitó címke (/) jelzi, hogy hol végződjön a félkövér, míg az első címke (/) azt jelzi, hogy hol kezdjük a félkövért. A legtöbb weboldal alapjául szolgál. Tehát itt a kezdés, ha kódolni tanul.

Hogyan adhatunk helyet a HTML-ben

A szavak közötti egyetlen szóközön túl a böngészőben megjelenítendő HTML-szövegbe beírt összes üres szóközt figyelmen kívül hagyjuk. Ennek eredményeként be kell programoznunk a kívánt üres helyeket a dokumentumunkba. A HTML-ben bármely szövegsor szóközt tartalmazhat. Például beszúrhatunk üres szóközöket a táblázat- és bekezdéstartalomba a HTML objektum használatával. Mivel a HTML-ből hiányzik a billentyűzet betűje az üres szóközhöz, minden szóköz hozzáadásához meg kell adnunk az entitást.

Lehet, hogy egyszerűnek tűnik, de a HTML-ben helyet adva kihívást jelenthet. Legalább öt különböző megközelítés létezik ennek gondozására.

A képzés során számos példát fogunk látni. Azt is bemutatja, hogyan lehet kidolgozottabb térformákat alkalmazni.

konvertálni dupla java-ba

Mindez lehetséges sima HTML-ben CSS használata nélkül. De ne feledje, hogy helyet ad a HTML-ben a legjobban CSS-en keresztül.

Hogyan néz ki egy ASCII-tér?

A teret a 20-as ASCII-szimbólum jelöli. De ez csupán az elfogadott gyakorlat.

Öt különböző típusú teret használhat a HTML-ben. Ugyanolyannak tűnnek, mint a gyakorlatlan szemnek, bár némileg eltérő funkciójuk van.

A tabulátor karakter, amely szimulálja a tabulátor billentyű lenyomását a billentyűzeten, egy másik lehetőség. És a kocsivissza karakter, amely szimulálja az Enter billentyű lenyomását a billentyűzeten, egy másik példa.

Törésmentes hely:

Űrben:  

Em tér:  

Vékony tér:

Normál hely:

Új sor (vissza):

Tabulátor karakter:

A bal oldal a karakter , a jobb oldal pedig a HTML kód.

Milyen széles egy karakter a térben?

A szóköz karakterekhez négy szabványos szélesség létezik:

Normál szélességű tér:Mivel ez nem eredményez sortörést (más néven kocsi visszatérést), ezt „nem sortörésnek” is nevezik.Em Space:Ennek a neve „Em”, mert bármilyen betűtípust is használ, az azonos szélességű az M betűvel. (Ha hallottunk az „em-dash” kifejezésről, akkor tudjuk, miről beszélünk.)Űrben:Ezt „En” néven ismerjük, mert ugyanolyan szélességű, mint a betűtípus n betűje.Vékony tér:Az összes mező közül a legszűkebb a „vékony tér”, amely az utolsó lehetőség.

Mit jelent a szóközjel a HTML-ben?

a legszélesebb körben használt HTML entitás.

arraylist java

Ha azt szeretné, hogy ez a szöveg kitöltsen egy helyet, próbálja meg feldobni.

Képzeljük el például, hogy egy kifejezés után két szóközt szeretnénk hozzáadni, de a webhely-megjelenítő motor magától eltávolítja az egyik szóközt. Két szóköz hozzáadásához esetleg be tudunk lépni

Whitespace: Mi az?

A nem látható karaktereket szóköznek nevezzük. A következőkből állnak:

1. terek,
2. lapok, és
3. sortörések (kocsi visszatérés, soremelés vagy mindkettő),

Miért fontos ez?

Ezek a betűk például nem láthatók a szövegszerkesztőben, de hatással vannak a szöveg terére és formázására. A böngésző számos szóköz karaktert egyetlen szóközbe tömörít a HTML-ben, ami különbözik a többi jelölőnyelvtől.

Ebben a HTML-ben több szóköz van a szavak között, és minden sor CRLF (carriage return, linefeed) karakterekkel végződik. Az összes szóköz karaktert összecsukja a böngésző.

Példa

A jó dolgokhoz több idő kell.

Kimenet:

Szóközök beszúrása

1. Használja a szöveg megszakítás nélküli szóközjelét ( ), hogy nagyobb térközt biztosítson.
2. A CSS kitöltés tulajdonsága különböző körülmények között használható az elemen belüli tér növelésére.
3. A CSS margó attribútum lehetővé teszi extra szóköz hozzáadását egy elem körül.

Bár a nem törő szóközök hasznosak, nem szabad túlzottan használni őket, mivel ez befolyásolhatja az anyag böngészőkben való megjelenítését. Ezenkívül tartózkodjon a megszakítás nélküli szóközök használatától stíluscélokra, például egy elem behúzására vagy középre helyezésére a weboldalon; A stilisztikai igényeket ehelyett CSS-en keresztül kell kezelni.

Az entitáson kívül a HTML a következő további entitásokat is támogatja számos szomszédos üres helyhez:

A   karakter entitás egy szóköz ábrázolására szolgál. Az En olyan mértékegység, amely 8 képpontnak felel meg, vagy egy em (16 pixel) szélességének fele.

A tartalom közötti en szóköz szintaxisa a következő   Íme egy példa a HTML &ensp entitás használatára:

Íme egy példa a térentitásra.

Java térkép példa

Kimenet:

A fenti példában a   entitást használjuk szóközök hozzáadására a HTML-hez, szélessége pedig 8 képpont. Több szomszédos helyen is használhatók.

A formázás és a térköz fenntartása

Ha meg szeretné tartani a megadott formázást és térközt, két lehetőség közül választhat:

1. HTML formázás és szóköz hozzáadása
2. Használva

    tag.

Előtag használata

Ezek az eredmények a

címke a

 tag:

Példa

 pre> Good things take more time 

Kimenet:

Igen, a

 tag keeps the formatting as it was originally, but it also switches to a monospaced typeface. All of these can be fixed; however, using the <pre> tag isn&apos;t always the best option. HTML spacing is a more popular method.</pre>

HTML formázás és szóköz hozzáadása

Alternatív megoldásként a következőkhöz hasonló HTML elemeket és szimbólumokat is beilleszthetünk:

Jó dolgok lesznek

vegyen több időt.

Kimenet:

A sortörést a
elem.

Törésmentes hely:

A böngésző nem csukja össze a nem törő szóköz karakterrel () hozzáadott szóközöket.

a legszebb mosoly

Ezen túlmenően, ahogy a neve is sugallja, megakadályozza, hogy a böngésző eltörjön két szót.

A jó dolgokhoz több idő kell.

Kimenet:

Ebben a modellben 10 szóköz van hozzáadva a szöveg elejéhez. közé kerül egy másik veszi ', amely a hely korlátai miatt nem lesz elválasztva a mondat tördelésekor.

A padding attribútum

Egy elem belső terét a CSS padding attribútum növeli.

Egytől négyig terjedő értékeket vesz fel, felülről, jobbról, alulról és jobb oldalon kezdődően.

A 'div' Az elem minden oldalán 20 pixeles párnázással rendelkezik.

 Inner spacing is 20px with a div attribute 

Kimenet:

A Margin Attribútum

1. A CSS margó attribútummal extra szóköz kerül az elem köré.
2. Egytől négyig terjedő értékeket vesz fel, felülről, jobbról, alulról és jobb oldalon kezdődően.

A 'div' Az elem minden oldalán 40 pixel margó van.

 Outer spacing is 20px using the div and margin attribute 

Kimenet:

Padding vs Margin

1. A kitöltés és a margó egyaránt növeli az elem terét.
2. A párnázás űrt hagy maga után, amelyet az elem összetevőjének tekintenek.
3. A margó által létrehozott teret az elem határain kívülinek tekintjük.
4. Ez a változat befolyásolja a kattintási régiót, a háttérszíneket és a webhely egyéb attribútumait.

Azt hihetnénk, hogy a szóközök hozzáadása a HTML-ben olyan egyszerű, mint a szóköz folyamatos lenyomása. De a dolgok nem így működnek. A szóköz többszöri lenyomása nem ad több szóközt a közelben, mint egy szöveges dokumentumban. Ha ezt HTML-ben tesszük, a böngésző az összes közeli üres helyet egyesíti egybe. Annak bemutatására, hogy mi történik, ha több szóközt használunk a HTML-ben, nézzünk meg egy példát:

Tehát a szóköz többszöri használata után nem tudunk több szóközt hozzáadni

Kimenet:

A HTML szóköz billentyűjének ismételt megnyomásával, amint az a fenti példában látható, számos egymást követő üres szóközt próbálunk beszúrni egy weboldalba. A böngészők azonban több szomszédos üres helyet egyetlen szóközként jelenítenek meg, és figyelmen kívül hagyják az összetevők előtti, utáni és kívüli szóközöket. A jelenséget whitespace-összeomlásnak nevezik. Bár a szóközök összecsukása időnként bosszantó lehet, számos technika létezik a szóköz hozzáadására mind a HTML-ben, mind a CSS-ben (lépcsőzetes stíluslapok).

&

A karakterentitás   az em space ábrázolására szolgál. Az em szélessége, amely 16 pixel, egy emsp-nek felel meg.

Az em szóközök szintaxisa a szövegben:   Itt van egy példa a HTML &emsp entitás használatára:

Itt van egy példa a térentitásra.

Kimenet

A fenti példában a   entitást használjuk szóközök hozzáadására a HTML-hez, és szélessége 16 pixel. Több szomszédos helyen is használhatók.

&thinsp

A karakter entitást a vékony tér, gyakran szűk térnek nevezik. Az em egyhatoda az & szélessége

A vékony szóközt a szintaxisban a tartalom közé kell írni. Íme egy példa a HTML entitás használatára ''

Ez egy példa a vékony tér entitásra.

Kimenet

Az entitást a fenti példában arra használjuk, hogy vékony szóközöket adjunk a HTML-hez, és szélessége az em egyhatoda. Több szomszédos helyen is használják.

regexp_like mysql-ben

Az alábbiakban a „Szia” ASCII művészete látható. # # ##### # # # ##### # # # # # # # # # # #####

Kimenet:

A térköz használatának előnyei

Bővített tartalom érthetőség:Amikor az ügyfelek az oldalunkon tartózkodnak, lehetőséget kell biztosítani számukra, hogy lássák, merre haladnak, hogy motivációt kapjanak a további böngészésre. Őszintén szólva, a szövegrészek között, valamint a szöveg- és képtömbök körüli szóközök segítik az egyéneket abban, hogy megértsék, mit olvasnak, és a kiegészítések hozzájárulnak a jobb ügyfélélményhez.További együttműködés:Igazak lehetünk, a vendégek megbízhatóan rohannak, miközben böngészik a helyeket, és a sok szóköz növeli a kapcsolatot azáltal, hogy megelőzi a vendéget lelassító megszakításokat. Valójában még a tárgyak körüli enyhe párnázás is arra késztet bennünket, hogy észrevegyünk egy adott régiót webhelyünkön. A Human Elements Worldwide által vezetett kutatás szerint a szóközök gyakorlatilag 20%-kal növelik a tudást.Cselekvésre ösztönző (CTA) funkció:Alkalmanként a legegyértelműbb módszer arra, hogy valamit kitűnjön, az, ha a dolgokat jobbá tesszük. A képeket nagyobbra, a gombokat pedig nagyobbra tehetjük. Mindazonáltal a dolog szóközökkel való bekerítése hasonlóan életképes lehet.Egy tiszta webhely egy figyelemre méltó webhelynek felel meg:Webhelyünk kezdeti érzése nagyon sokat számít. Rengeteg rendkívül erős dizájn, sokféle terv – ez a nagyszámú komponens tovább fokozza a webhely által keltett benyomást; azonban a szóköz különösen jelentős, mert ügyességet és találékonyságot mutat. A szóközök nem teszik láthatóvá vagy mérsékelten a webhelyet. Bármilyen hosszú szóközt használ is a megfelelő módon, ez csiszolt és elterjedtebb érzést kölcsönöz webhelyének.Az egyensúly megteremtése:A túl kevés szóköz zűrzavart, rendetlenséget és ingatagot idéz elő – olyan jellemzők, amelyekre nincs szükség a webhely képéhez kapcsolódóan. Ugyanakkor sok szóköz tartalmazhat a tartalom hiányát és a kliens irányvonalának hiányát. A kulcs az, hogy módosítsa a terveit, és hagyja, hogy a szóköz hihetetlen eszköz legyen a tartalomtömbök elkülönítésére az egyszerű nyitottság és a továbbfejlesztett ügyfélélmény érdekében.Elválasztóként működik:A szóköz elkülöníti a terv irreleváns összetevőit. Általában arra használják, hogy elkülönítsék a képeket vagy a terveket egymástól, és az általános vizuális formátumon működik. A törvényes terek használata lehetővé teszi a gondolatok és a meggyőző tervek egyértelműbb megfelelését.

Miért fontos a szóköz?

A Whitespace a jó tervezés alapvető építőköve, tervezői véleményem szerint. A tervezők a negatív térre, vagy a kompozíció darabjai közötti térre utalnak, amikor a „whitespace” kifejezést használják. Ez az üres hely a grafikák, a margók és az ereszcsatornák között egy olyan oldalon, amelyet nem jelöltek meg semmivel. A szemnek vizuális légzési területet ad az oszlopok, szövegsorok és ábrák közötti tér.

Nyomós oka van annak, hogy a szóköz a tervezés döntő összetevője. Forradalmasíthatja weboldalunk kialakítását, és megfelelő alkalmazás esetén számos előnnyel járhat. Olyan elrendezéseket kell készítenünk és készítenünk, amelyek tetszetősek a szemnek, és a folytatásra ösztönzik az olvasókat. Kulcsfontosságú, hogy folyamatosan szem előtt tartsuk, hogy a webes tervezés során kiemelten fontos számunkra, hogy fantasztikus terméket szállítsunk ügyfeleinknek.

A szóköz használható arra, hogy az olvasót az egyik elemtől a másikig terelje, harmóniát és egyensúlyt teremtsen, és elősegítse a design márkáját. Legfontosabb célunk az, hogy a weboldalt egyértelművé és áttekinthetővé tegyük, és olyan tartalmat biztosítsunk, amelyet a felhasználók kedvelnek és értékelnek. A szóköz nem csak egy „üres” szóköz; ez egy tervezési funkció, amely lehetővé teszi az oldalon lévő elemek létezését. A terület egyensúlyt teremt, és állandó emlékeztetőül szolgál arra, hogy léteznek gyönyörű tervek. Az egyértelmű üzenet közvetítéséhez nem kell olyan elrendezést készítenünk, amely túlterhelt szöveggel és grafikával.