Struktura téměř každého webu, který na webu najdeme a používáme, byla vytvořena pomocí HTML, což je standardizovaný systém pro kategorizaci textových souborů. Konce stránek, odstavce, silná písmena, kurzíva a další funkce se přidávají pomocí HTML. Pomocí značek, které instruují prohlížeče, jak zacházet s obsahem, pomáhá HTML tuto strukturu vytvořit.

Například bychom mezi značky strong>bold/strong> umístili slovo, aby to vypadalo tučně. Úvodní značka (/) označuje, kde chceme, aby tučné písmo končilo, zatímco první značka (/) označuje, kde chceme, aby tučné písmo začínalo. Slouží jako základ pro většinu webových stránek. Takže toto je místo, kde začít, pokud se učíte kódovat.

Jak přidat prostor v HTML

Kromě jediné mezery mezi slovy se nebere v úvahu všechna prázdná místa, která zadáme do textu HTML pro zobrazení v prohlížeči. V důsledku toho musíme naprogramovat prázdná místa, která v našem dokumentu chceme. Ke každému řádku textu lze v HTML přidat mezeru. Můžeme například vložit prázdná místa do obsahu tabulek a odstavců pomocí objektu HTML . Protože HTML postrádá písmeno klávesnice pro prázdné místo, musíme zadat entitu pro přidání každé mezery.

Může se to zdát jednoduché, ale přidání místa do našeho HTML může být náročné. Existuje nejméně pět různých přístupů, jak se o to postarat.

Během tohoto školení uvidíme mnoho případů. Ukáže také, jak využít propracovanější formy prostoru.

objektivní java

To vše je možné v prostém HTML bez použití CSS. Uvědomte si však, že přidání prostoru do HTML se nejlépe provádí pomocí CSS.

Jak vypadá ASCII prostor?

Prostor je reprezentován ASCII symbolem 20. Ale to je pouze uznávaná praxe.

V HTML můžete použít pět různých druhů mezer. Zdá se, že jsou totožné s netrénovaným okem, i když mají poněkud odlišné funkce.

Další možností je znak tabulátoru, který simuluje stisknutí klávesy tabulátoru na klávesnici. Dalším příkladem je znak návratu vozíku, který simuluje stisknutí klávesy Enter na klávesnici.

Nepřerušitelný prostor:

Ve vesmíru:  

Em prostor:  

Tenký prostor:

Standardní prostor:

Nový řádek (zpět):

Znak karty:

Levá strana představuje charakter , a pravá strana představuje HTML kód.

Jak široká je postava ve vesmíru?

Pro znaky mezery existují čtyři standardní šířky:

Prostor standardní šířky:Protože to nebude mít za následek zalomení řádku (známé také jako návrat vozíku), nazývá se to také „mezera bez zalamování řádků“.Em Space:Toto se nazývá „Em“, protože bez ohledu na typ písma, který používáte, má stejnou šířku jako písmeno M. (Pokud jsme slyšeli frázi „em-dash“, pak víme, o čem mluvíme.)Ve vesmíru:Toto je známé jako „En“, protože má stejnou šířku jako písmeno n ve vašem písmu.Tenký prostor:Nejužší ze všech prostorů je „tenký prostor“, což je poslední možnost.

Co znamená znak mezera v HTML?

je nejrozšířenější HTML entita.

arraylist java

Aby tento text zaplnil mezeru, zkuste jej hodit.

Představme si například, že chceme přidat dvě mezery za frázi, ale vykreslovací modul webu jednu z mezer sám odstraňuje. Chcete-li přidat dvě mezery, mohli bychom vstoupit

Whitespace: Co to je?

Znaky, které nejsou viditelné, se nazývají mezery. Skládají se z:

1. prostory,
2. karty a
3. zalomení řádků (návraty vozíku, posun řádků nebo obojí),

Proč je to zásadní?

Tato písmena například nejsou viditelná v textovém procesoru, ale ovlivňují prostor a formátování textu. Prohlížeč zhušťuje mnoho bílých znaků do jediného prostoru v HTML, což se liší od jiných značkovacích jazyků.

V tomto HTML je mezi slovy několik mezer a každý řádek končí znaky CRLF (carriage return, linefeed). Všechny mezery budou prohlížečem sbaleny.

Příklad

Dobré věci vyžadují více času.

Výstup:

Vkládání mezer

1. Chcete-li poskytnout větší mezery, použijte znak nezalomitelné mezery ( ).
2. Vlastnost CSS padding lze za různých okolností použít ke zvětšení prostoru uvnitř prvku.
3. Atribut okraje CSS umožňuje přidání dalšího prostoru kolem prvku.

Přestože jsou nerozdělitelné mezery užitečné, neměly by se používat nadměrně, protože by to mohlo narušit způsob zobrazení materiálu v prohlížečích. Navíc se zdržujte používání pevných mezer pro účely stylu, jako je odsazení nebo vystředění prvku na webové stránce; stylistické požadavky by místo toho měly být řešeny pomocí CSS.

Kromě entity HTML podporuje také následující další entity pro mnoho sousedních prázdných míst:

Znaková entita   se používá k reprezentaci mezery. En je měrná jednotka, která odpovídá 8 pixelům nebo polovině šířky em (16 pixelů).

Syntaxe pro en mezeru mezi obsahem je   Zde je příklad použití entity HTML &ensp:

Zde je příklad pro vesmírnou entitu en.

Výstup:

Entita   se ve výše uvedeném příkladu používá k přidání mezer do HTML a její šířka je 8 pixelů. Mohou být také použity na několika sousedních místech.

Zachování formátování a mezer

Pokud chcete zachovat zadané formátování a mezery, máte dvě možnosti:

1. Přidání formátování HTML a mezery
2. Používat

    tag.

Použití značky 'pre'

K těmto výsledkům dochází při výměně

značka pro

 tag:

Příklad

 pre> Good things take more time 

Výstup:

tuple java

Ano,

 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>

Přidání formátování HTML a mezery

Alternativně můžeme zahrnout prvky a symboly HTML, jako jsou následující:

Dobré věci budou

zabrat více času.

Výstup:

Zalomení řádku vyžaduje
živel.

Nepřerušitelný prostor:

Prohlížeč nesbalí mezery přidané se znakem pevné mezery ().

Navíc, jak název napovídá, brání prohlížeči v lámání dvou slov.

Dobré věci vyžadují více času.

Výstup:

V tomto modelu je na začátek textu přidáno 10 mezer. Další je umístěn mezi ' bere ', která nebude izolovaná, když se věta zalomí z důvodu omezení prostoru.

Atribut Padding

Vnitřní prostor prvku se zvětší pomocí atributu CSS padding.

Nabývá hodnot od jedné do čtyř, počínaje nahoře, vpravo, dole a vpravo.

The 'div' prvek má výplň 20 pixelů na všech stranách.

java konstanta

 Inner spacing is 20px with a div attribute 

Výstup:

Atribut marže

1. S atributem okraje CSS je kolem prvku přidán další prostor.
2. Nabývá hodnot od jedné do čtyř, počínaje nahoře, vpravo, dole a vpravo.

The 'div' prvek má na všech stranách okraj 40 pixelů.

 Outer spacing is 20px using the div and margin attribute 

Výstup:

Výplň versus okraj

1. Odsazení i okraj zvětší prostor prvku.
2. Výplň zanechává prázdnotu, která je považována za součást prvku.
3. Prostor vytvořený okrajem je považován za existující mimo hranice prvku.
4. Tato varianta ovlivňuje oblast kliknutí, barvy pozadí a další atributy webu.

Dalo by se věřit, že přidávání mezer v HTML je stejně jednoduché jako nepřetržité mačkání mezerníku. Ale takhle věci prostě nefungují. Vícenásobné stisknutí mezerníku nepřidá další prázdná místa v okolí jako v textovém dokumentu. Prohlížeč zkombinuje všechna blízká prázdná místa do jednoho, pokud to uděláme v HTML. Abychom demonstrovali, co se stane, když v HTML použijeme několik mezer, podívejme se na příklad:

Takže po mnohonásobném použití mezerníku nemůžeme přidat další prázdná místa

Výstup:

Opakovaným stisknutím mezerníku v HTML, jak je vidět v příkladu výše, se pokoušíme vložit do webové stránky mnoho po sobě jdoucích prázdných míst. Prohlížeče však vykreslují více sousedních prázdných míst jako jeden prostor a neberou ohled na mezery před, za a vně komponent. Tento jev je známý jako kolaps bílých znaků. Ačkoli může být sbalování mezer někdy nepříjemné, existuje několik technik, jak přidat více mezer v HTML i CSS (kaskádové styly).

&

Znaková entita   se používá k reprezentaci em prostoru. Šířka em, která je 16 pixelů, je ekvivalentní emsp.

Syntaxe mezer em v textu je   Zde je příklad použití entity HTML &emsp:

Zde je příklad pro em prostorovou entitu.

Výstup

Entita   se ve výše uvedeném příkladu používá k přidání mezer do HTML a její šířka je 16 pixelů. Mohou být také použity v několika sousedních prostorech.

&thinsp

Entita znaku se používá k reprezentaci tenkého prostoru, často známého jako úzký prostor. Jedna šestina em je šířka a

přejmenovat složku linux

Tenká mezera se v syntaxi zapisuje jako obsah mezi. Zde je příklad použití entity HTML ' '

Toto je příklad entity tenkého prostoru.

Výstup

Entita se ve výše uvedeném příkladu používá k přidání tenkých mezer do HTML a její šířka je jedna šestina em. Používají se také v několika sousedních prostorách.

Níže je ASCII umění 'Ahoj'. # # ##### # # # ##### # # # # # # # # # #####

Výstup:

Výhody využití mezer

Rozšířená srozumitelnost obsahu:Když jsou klienti na našich stránkách, měli by mít možnost vidět, kde postupují, aby dostali motivaci pokračovat v prohlížení. Upřímně řečeno, mezery mezi pasážemi a kolem bloků textu a obrázků pomáhají jednotlivcům porozumět tomu, co si prohlížejí, a přispívají k lepšímu zážitku klienta obecně.Další spolupráce:Můžeme být skuteční, hosté jsou při procházení lokalit spolehlivě ve spěchu a mnoho prázdných míst zvýší připojení tím, že zabrání přerušením, která zpomalují hosta. Dokonce i mírné odpružení kolem položek způsobí, že si všimneme konkrétní oblasti na našem webu. Podle výzkumu vedeném Human Elements Worldwide, bílá místa zvyšují vědomosti prakticky o 20 %.Capacity to Feature Call to Action (CTAs):Občas je nejjasnější metodou, jak něco odlišit, udělat věci lepšími. Můžeme zvětšit obrázky nebo zvětšit tlačítka. Nicméně zahrnout věc mezerami může být podobně životaschopné.Čisté místo odpovídá místu, které stojí za pozornost:Na počátečním pocitu z našeho webu velmi záleží. Tuna mimořádně silných designů, velká rozmanitost plánů - tento velký počet komponent přidává na dojmu, který stránka dělá; mezery jsou však zvláště významné, protože ukazují rafinovanost a vynalézavost. Prázdné znaky nezpůsobí, že váš web bude odhalený nebo moderovaný. Ať jsou dlouhé mezery využity správným způsobem, dodá to vašemu webu pocit lesku a rozšířenosti.Vytvoření rovnováhy:Příliš málo mezer vede k nepořádku, nepořádku a roztřesenosti – vlastnosti, které v souvislosti s obrázkem vašeho webu nepotřebujete. Mnoho bílých znaků se může vyznačovat absencí obsahu a absencí směru klienta. Klíčem je upravit své plány a nechat mezery běžet jako neuvěřitelný nástroj k izolaci hromad obsahu pro jednoduchou otevřenost a dále rozvinutou zkušenost klienta.Jde asi jako oddělovač:Mezera izoluje nepodstatné komponenty v plánu. Obvykle se používá k izolaci obrázků nebo návrhů od sebe a pracuje na vašem obecném vizuálním formátu. Využití legitimního bílého prostoru umožňuje jasnější shodu myšlenek a přesvědčivých plánů.

Proč je mezera důležitá?

Whitespace je podle mě jako designéra základním stavebním kamenem dobrého designu. Designéři označují negativní prostor nebo prostor mezi kusy v kompozici, když používají termín „bílé místo“. Je to prázdné místo mezi grafikou, okraji a mezerami na stránce, která nebyla ničím označena. Prostor mezi sloupci, řádky textu a figurami dává oku vizuální oblast dýchání.

Existuje pádný důvod, proč jsou bílé znaky klíčovou součástí designu. Při správné aplikaci může způsobit revoluci v designu našich webových stránek a poskytnout jim několik výhod. Musíme vytvářet a vytvářet rozvržení, která lahodí oku a povzbuzují čtenáře, aby pokračovali. Je důležité mít neustále na paměti, že při navrhování pro web je naší prioritou dodávat fantastický produkt našim klientům.

Prázdné znaky lze použít k vedení čtenáře od jednoho prvku k druhému, k vytvoření harmonie a rovnováhy a k podpoře značky designu. Naším hlavním cílem je, aby webové stránky vypadaly přímočaře a jasně a poskytovaly obsah, který se našim uživatelům bude líbit a který si budou vážit. Bílé znaky nejsou jen „prázdné“ místo; je to konstrukční funkce, která umožňuje existenci položek na stránce. Tato oblast vytváří rovnováhu a slouží jako neustálá připomínka, že existují krásné vzory. Abychom předali jasné poselství, nemusíme vytvářet rozvržení přetížené textem a grafikou.