Štruktúra takmer každej webovej stránky, ktorú nájdeme a používame na webe, bola vytvorená pomocou HTML, štandardizovaného systému na kategorizáciu textových súborov. Konce strán, odseky, silné písmená, kurzíva a ďalšie funkcie sa pridávajú pomocou HTML. Používaním značiek, ktoré inštruujú prehliadače, ako s obsahom narábať, HTML pomáha vytvárať túto štruktúru.
Napríklad by sme umiestnili slovo medzi značky strong>bold/strong>, aby vyzeralo tučne. Úvodná značka (/) označuje, kde chceme, aby tučné písmo končilo, zatiaľ čo prvá značka (/) označuje, kde chceme, aby tučné písmo začínalo. Slúži ako základ pre väčšinu webových stránok. Takže toto je miesto, kde začať, ak sa učíte kódovať.
Ako pridať priestor v HTML
Okrem jednej medzery medzi slovami sa neberú do úvahy všetky medzery, ktoré zadáme do textu HTML na zobrazenie v prehliadači. V dôsledku toho musíme naprogramovať prázdne miesta, ktoré chceme v našom dokumente. Akýkoľvek riadok textu môže mať v HTML pridaný priestor. Napríklad môžeme vložiť prázdne miesta do obsahu tabuľky a odsekov pomocou objektu HTML . Keďže v HTML chýba písmeno klávesnice pre prázdne miesto, musíme zadať entitu na pridanie každej medzery.
Môže sa to zdať jednoduché, ale pridanie priestoru do nášho kódu HTML môže byť náročné. Existuje najmenej päť rôznych prístupov, ako sa o to postarať.
Počas tohto školenia uvidíme veľa prípadov. Ukáže tiež, ako využiť prepracovanejšie formy priestoru.
nerovná sa mysql
Toto všetko je možné v obyčajnom HTML bez použitia CSS. Uvedomte si však, že pridanie priestoru do kódu HTML je najlepšie vykonať pomocou CSS.
Ako vyzerá ASCII priestor?
Priestor je reprezentovaný ASCII symbolom 20. Ale to je len akceptovaná prax.
Existuje päť rôznych druhov medzier, ktoré môžete použiť v HTML. Zdá sa, že sú totožné s netrénovaným okom, hoci majú trochu odlišné funkcie.
Ďalšou možnosťou je znak tabulátora, ktorý simuluje stlačenie klávesu tabulátora na klávesnici. Ďalším príkladom je znak návratu vozíka, ktorý simuluje stlačenie klávesu Enter na klávesnici.
Nerozbitný priestor:
Vo vesmíre:
Em priestor:
Tenký priestor:
Štandardný priestor:
Nový riadok (návrat):
Znak karty:
Ľavá strana predstavuje charakter a pravá strana predstavuje HTML kód.
Aká široká je postava vo vesmíre?
Pre znaky medzery existujú štyri štandardné šírky:
Čo znamená medzerník v HTML?
je najpoužívanejšou entitou HTML.
arraylist java
Ak chcete, aby tento text vyplnil priestor, skúste ho hodiť.
Predstavme si napríklad, že by sme chceli pridať dve medzery za frázu, ale vykresľovací modul webovej stránky jednu z medzier odstraňuje sám. Ak chcete pridať dve medzery, možno budeme môcť vstúpiť
Medzera: Čo je to?
Znaky, ktoré nie sú viditeľné, sa nazývajú medzery. Pozostávajú z:
- priestory,
- karty a
- zlomy riadkov (návraty vozíka, posun riadkov alebo oboje),
Prečo je to rozhodujúce?
Tieto písmená napríklad nie sú viditeľné v textovom procesore, ale ovplyvňujú priestor a formátovanie textu. Prehliadač zhusťuje množstvo bielych znakov do jedného priestoru v HTML, čo sa líši od iných značkovacích jazykov.
V tomto HTML je medzi slovami niekoľko medzier a každý riadok končí znakmi CRLF (carriage return, linefeed). Všetky biele znaky prehliadač zbalí.
Príklad
Dobré veci si vyžadujú viac času.
Výkon:
Vkladanie medzier
- Ak chcete poskytnúť viac medzier, použite znak medzery v texte ( ).
- Vlastnosť CSS padding sa môže použiť na zväčšenie priestoru vo vnútri prvku za rôznych okolností.
- Atribút okraja CSS umožňuje pridať ďalší priestor okolo prvku.
Aj keď sú nedeliteľné medzery užitočné, nemali by sa používať nadmerne, pretože by to mohlo narušiť spôsob zobrazovania materiálu v prehliadačoch. Okrem toho sa zdržte používania nedeliteľných medzier na účely štýlu, ako je odsadenie alebo vycentrovanie prvku na webovej stránke; štylistické požiadavky by sa namiesto toho mali riešiť pomocou CSS.
Okrem entity HTML podporuje aj nasledujúce dodatočné entity pre množstvo susediacich prázdnych miest:
Znaková entita sa používa na reprezentáciu priestoru. En je merná jednotka, ktorá je ekvivalentná 8 pixelom alebo polovici šírky em (16 pixelov).
Syntax pre en medzeru medzi obsahom je Tu je príklad použitia entity HTML &ensp:
Tu je príklad pre vesmírnu entitu en.
Výkon:
Entita sa vo vyššie uvedenom príklade používa na pridávanie medzier do HTML a jej šírka je 8 pixelov. Môžu byť tiež použité v niekoľkých susedných lokalitách.
Udržiavanie formátovania a rozstupov
Ak chcete zachovať zadané formátovanie a medzery, máte dve možnosti:
- Pridanie formátovania HTML a priestoru
- Pomocou a
tag.
Použitie značky „pred“.
Tieto výsledky sa vyskytujú pri výmene
tag pre
tag:
Príklad
jvm v jazyku Java
pre> Good things take more time
Výkon:
Áno,
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't always the best option. HTML spacing is a more popular method.</pre>
Pridanie formátovania HTML a priestoru
Ako alternatívu môžeme zahrnúť prvky a symboly HTML, ako sú tieto:
Dobré veci budú
trvať viac času.
Výkon:
Zalomenie riadku vyžaduje
element.
Nerozbitný priestor:
Prehliadač nezbalí medzery pridané so znakom nezalomiteľnej medzery ().
Navyše, ako už názov napovedá, bráni prehliadaču v zlomení dvoch slov.
Dobré veci si vyžadujú viac času.
Výkon:
V tomto modeli sa na začiatok textu pridáva 10 medzier. Ďalší je umiestnený medzi ' berie ', ktorý nebude izolovaný, keď sa veta zalomí kvôli priestorovým obmedzeniam.
Výplňový atribút
Vnútorný priestor prvku sa zväčší pomocou atribútu CSS padding.
Nadobudne hodnoty od jednej do štyroch, počnúc od hornej, pravej, spodnej a pravej strany.
reťazec poľa v c
The 'div' prvok má výplň 20 pixelov na všetkých stranách.
Inner spacing is 20px with a div attribute
Výkon:
Atribút marže
- Pomocou atribútu okraja CSS sa okolo prvku pridá ďalší priestor.
- Nadobudne hodnoty od jednej do štyroch, počnúc od hornej, pravej, spodnej a pravej strany.
The 'div' prvok má na všetkých stranách okraj 40 pixelov.
Outer spacing is 20px using the div and margin attribute
Výkon:
Výplň vs. okraj
- Výplň aj okraj zväčšujú priestor prvku.
- Výplň zanecháva prázdnotu, ktorá sa považuje za súčasť prvku.
- Priestor vytvorený okrajom sa považuje za existujúci mimo hraníc prvku.
- Táto variácia ovplyvňuje oblasť kliknutia, farby pozadia a ďalšie atribúty webovej lokality.
Dalo by sa veriť, že pridávanie medzier do HTML je také jednoduché, ako nepretržité stláčanie medzerníka. Ale tak veci jednoducho nefungujú. Viackrát stlačenie medzerníka nepridá ďalšie prázdne miesta v okolí, ako by to bolo v textovom dokumente. Prehliadač skombinuje všetky blízke prázdne miesta do jedného, ak to urobíme v HTML. Aby sme demonštrovali, čo sa stane, keď v HTML použijeme niekoľko medzier, pozrime sa na príklad:
Takže po mnohonásobnom použití medzerníka nemôžeme pridať ďalšie prázdne miesta
Výkon:
Opakovaným stláčaním medzerníka v HTML, ako je vidieť v príklade vyššie, sa pokúšame vložiť do webovej stránky množstvo po sebe nasledujúcich prázdnych miest. Prehliadače však vykresľujú viacero susediacich prázdnych miest ako jeden priestor a ignorujú medzery pred, za a mimo komponentov. Tento jav je známy ako kolaps bielych miest. Hoci zbaľovanie medzier môže byť občas nepríjemné, existuje niekoľko techník, ako pridať viac medzier v HTML aj CSS (kaskádové štýly).
&
Znaková entita sa používa na reprezentáciu em priestoru. Šírka em, ktorá je 16 pixelov, je ekvivalentná emsp.
Syntax medzier em v texte je Tu je príklad použitia entity HTML &emsp:
Tu je príklad pre em priestorovú entitu.
Výkon
Entita sa vo vyššie uvedenom príklade používa na pridávanie medzier do HTML a jej šírka je 16 pixelov. Môžu byť tiež použité vo viacerých susedných priestoroch.
&thinsp
Znaková entita sa používa na reprezentáciu tenkého priestoru, často známeho ako úzky priestor. Jedna šestina em je šírka a
Tenký priestor sa v syntaxi zapisuje ako obsah medzi. Tu je príklad použitia entity HTML ' '
Toto je príklad entity tenkého priestoru.
Výkon
Entita sa vo vyššie uvedenom príklade používa na pridanie tenkých medzier do HTML a jej šírka je jedna šestina em. Používajú sa aj v niekoľkých priľahlých priestoroch.
Nižšie je ASCII umenie „Ahoj“. # # ##### # # # ##### # # # # # # # # # #####
Výkon:
Výhody využívania medzier
Prečo je medzera dôležitá?
Whitespace je podľa mňa ako dizajnéra základným stavebným kameňom dobrého dizajnu. Dizajnéri označujú negatívny priestor alebo priestor medzi kúskami v kompozícii, keď používajú výraz „biele miesto“. Je to prázdny priestor medzi grafikou, okrajmi a odkvapmi na stránke, ktorá nebola ničím označená. Priestor medzi stĺpcami, riadkami textu a obrázkami poskytuje oku vizuálnu oblasť dýchania.
zapuzdrenie java
Existuje presvedčivý dôvod, prečo sú biele znaky kľúčovou súčasťou dizajnu. Môže spôsobiť revolúciu v dizajne našej webovej stránky a poskytnúť jej niekoľko výhod, ak sa použije správne. Musíme vytvárať a vytvárať návrhy, ktoré sú príjemné pre oči a povzbudzujú čitateľov, aby pokračovali. Je dôležité mať neustále na pamäti, že pri navrhovaní pre web je našou prioritou poskytovanie fantastického produktu našim klientom.
Medzery možno použiť na vedenie čitateľa od jedného prvku k druhému, na vytvorenie harmónie a rovnováhy a na pomoc pri označovaní dizajnu. Našimi hlavnými cieľmi je, aby webová stránka vyzerala jednoducho a prehľadne a aby poskytovala obsah, ktorý sa našim používateľom bude páčiť a ktorý si budú ceniť. Medzera nie je len „prázdne“ miesto; je to dizajnová funkcia, ktorá umožňuje existenciu položiek na stránke. Táto oblasť vytvára rovnováhu a slúži ako neustála pripomienka, že existujú krásne vzory. Aby sme odovzdali jasné posolstvo, nemusíme vytvárať rozloženie, ktoré je preplnené textom a grafikou.