Uporaba presledkov za oblikovanje kode HTML, neprekinjenega presledka in drugih posebnih znakov (mnemonika). Ločevanje vrstic, presledki in zavihki v dokumentih HTML Zavihek Html

Oznaka

Oznaka določa tabulatorski znak v besedilu. Podobno je uporabi ubežnega zaporedja /t.

1 2 3\t\t\t4
Prikazano:
1 2 3 4

Razdaljo, za katero se bo vrstica premaknila, ko vanjo vstavimo tabulator, lahko nastavite poljubno. Za to se uporablja atribut oznake TABSTOPS.

Oznaka ni standardna oznaka HTML. Dodan je bil označevalnim oznakam Flash za pomoč pri oblikovanju besedila na dosleden način.

Oznaka...

Oznaka je odgovorna za značilnosti oblikovanja besedila, kot so robovi, zamiki in premiki vrstic. V njem je mogoče določiti naslednje atribute:

LEVI ROB. Velikost levega roba v točkah. Analog je lastnost leftmargin razreda TextFormat.

RIGHTMARGIN. Vrednost desnega roba v točkah. Analogue je lastnost desnega roba razreda TextFormat.

ZALINA Zamik prve vrstice odstavka v točkah. Med lastnostmi razreda TextFormat je podobna lastnosti zamik.

BLOKINDENT.

Zamik odstavka besedila na levi v točkah. Analogno - lastnost blockIndent
razred TextFormat.

VODENJE. Razdalja med črtami v točkah. Podobna lastnost razreda TextFormat je vodilna.

TABSTOPS. Atribut določa, kakšen odmik vrstice v točkah bo povzročil vsak tabulatorski znak v zaporedju. Njegova vrednost je seznam števil, ki določajo razdalje, za katere se bo vrstica premaknila do okna, če v vrstico vnesemo 1, 2, 3, ... n tabulatorjev. Analog atributa TABSTOPS je lastnost tabStops razreda TextFormat.


pole.html=pole.border=pole.multiline=true;
pole.htmlBesedilo="

0din zavihekR> Dva zavihkaR>
Trije tabari>

";

Oznaka ni standardna oznaka HTML. Uveden je bil zato, da je možnost označevanja besedila z oznakami podobna uporabi lastnosti razreda Oblika besedila.

Oznaka...

Oznaka zasnovan za razredno uporabo Oblikovanje CSS glede na poljuben del besedila.

Ime razreda je podano v njegovem atributu CLASS.

This.createTextField("pole", 0, 150, 150, 200, 90);
pole.autoSize = pole.border=pole.multiline=true;
// Ustvarite tri sloge razreda, ki definirajo rdeče, zeleno in modro besedilo
var style:TextField.Stylesheet = new TextField.Stylesheet();
var green_text:String = ".GREEN (barva:#00FF00)";
var red_text:String = ".RED (barva:#FF0000)";
var blue_text:String = ".BLUE (barva:#0000FF)";
style.parseCSS(zeleno_besedilo+rdeče_besedilo+modro_besedilo);
pole.styleSheet=slog;
// Prikaz besedila z ustvarjenimi slogi
pole.text = " 3zeleno besedilo

Rdeče besedilo

Modro besedilo ";

Pozdravljeni, dragi bralci spletnega dnevnika. Malo prej smo že uspeli govoriti o tem in izvedeli tudi o dizajnu v njem. Danes imamo koncept praznega prostora v HTML, kot tudi povezano oblikovanje kode pri pisanju (za lažje kasnejše branje in zaznavanje).

No, ker se bomo dotaknili teme neprekinjenega presledka in mehkega deljenja besed, se bomo morali osredotočiti na tako imenovane posebne znake ali mnemonike, ki se uporabljajo v jeziku Html, ki vam bodo omogočili dodajanje na kodo spletni dokument veliko dodatnih simbolov, kot je že omenjeni. Ampak najprej.

Presledki in presledki v HTML

Preden preidem na vprašanje oblikovanja besedila z uporabo oznak, ki so posebej zasnovane za to (odstavek, naslovi itd.), bi se rad podrobneje posvetil temu, kako se presledki, prelomi vrstic (Enter) in tabeliranje razlagajo v jeziku HTML in kako je prelom izvede besedilo v oknu brskalnika, ko mu spremenite velikost.

Res je, da se za tovrstno vizualno oblikovanje (ki na spletni strani ne bo vidno) najpogosteje ne uporabljajo sami presledki, temveč tabulatorji in znaki za prelom vrstice. Obstaja tako pravilo - ko začnete pisati ugnezdeno HTML oznaka, To zamik z zavihki(tabulatorska tipka na tipkovnici), in ko zaprete to oznako, odstranite zamik (kombinacija tipk Shift+tabulatorka na tipkovnici).

To je treba narediti tako, da sta odpiralna in zapiralna oznaka na isti navpični ravni (na enakem številu zavihkov od desnega roba strani v vašem urejevalniku Html, na primer Notepad++, o katerem sem pisal). Poleg tega vam svetujem, da takoj po pisanju začetnega elementa naredite več prelomov vrstice in takoj zapišete zaključno na isti ravni (število zavihkov), da tega ne pozabite narediti pozneje.

Tisti. zapiralni in zapiralni elementi naj bodo navpično na isti ravni, notranje oznake pa naj bodo premaknjene za en tabulator, zapiralni in zapiralni elementi pa naj bodo ponovno postavljeni na isti ravni.

Za enostavne spletne dokumente se to morda zdi pretirano, a pri ustvarjanju bolj ali manj zapletenih se koda bo postala veliko bolj jasna in berljiv zaradi obilice presledkov, veliko lažje pa bo tudi odkrivanje napak zaradi simetrične razporeditve oznak.

Posebni znaki ali mnemotehnike v kodi HTML

Torej, zdaj se pogovorimo o tako imenovanih posebnih znakih, katerih enostavnost uporabe sem napovedal na začetku tega članka. Posebni znaki se včasih imenujejo tudi mnemotehnike ali zamenjave. Namenjeni so reševanju težave, ki se že dolgo pojavlja v označevalnem jeziku hiperbesedila in je povezana z uporabljenimi kodiranji.

Ko tipkate besedilo na tipkovnici, so znaki vašega jezika kodirani v skladu z vnaprej določenim algoritmom, nato pa so zaradi dekodiranja prikazani na spletnem mestu z uporabo pisav, ki jih uporabljate (kje najti in kako namestiti za spletno mesto).

Obstaja veliko kodiranj, vendar je bila za jezik Html privzeto sprejeta razširjena različica kodiranj.

V tem kodiranju besedila je bilo mogoče napisati samo 256 znakov - 128 iz ASCII in še 128 za ruske črke. Posledično se je pojavila težava z uporabo na spletnih mestih znakov, ki niso vključeni v ASCII in niso ruske črke, vključene v Windows kodiranja 1251 (CP1251). No, odločili ste se za uporabo tilde ali apostrofa, vendar so te možnosti na začetku uporabljene jezik HTML kodiranje ni vključeno.

Za takšne primere so izumili substitucije ali z drugimi besedami mnemotehnike. Sprva posebni znaki so imeli digitalno obliko, nato pa so bili najpogostejšim dodani njihovi ustrezniki, da bi si jih lažje zapomnili.

Na splošno je mnemonika znak, ki se začne z znakom & in konča s podpičjem »;«. Na podlagi teh lastnosti brskalnik pri razčlenjevanju kode HTML iz nje izloči posebne znake. Ampersandu v številski nadomestni kodi mora takoj slediti znak za funt "#", ki se včasih imenuje zgoščenka. In šele nato sledi digitalna koda želenega znaka v kodiranju Unicode.

V Unicode je mogoče zapisati več kot 60.000 znakov - glavna stvar je, da mnemonični simbol, ki ga potrebujete, podpira pisava, ki se uporablja na vašem spletnem mestu. Obstajajo pisave, ki podpirajo skoraj vse znake Unicode, in obstajajo možnosti samo z določenim nizom znakov.

Celoten seznam posebnih znakov bo preprosto ogromen, vendar najpogosteje uporabljena mnemotehnika lahko si izposodite na primer iz te tabele:

SimbolHTML kodadecimalno
Koda
Opis
neprekinjen prostor
ozek prostor (en-širina kot črka n)
širok prostor (em-širina kot črka m)
- pomišljaj (pomišljaj)
- em pomišljaj (em pomišljaj)
­ - ­ mehak prenos
A ́ poudarek je postavljen za črko »stres«.
© © avtorske pravice
® ® ® registrirana blagovna znamka
znak blagovne znamke
º º º Marsovo kopje
ª ª ª ogledalo Venere
ppm
π π π pi (uporabite Times New Roman)
¦ ¦ ¦ navpična pikčasta črta
§ § § odstavek
° ° ° stopnja
µ µ µ mikro znak
znak odstavka
elipsa
prelivanje
´ ´ ´ naglasno znamenje
številski znak
🔍 🔍 Povečevalno steklo (nagnjeno v levo)
🔎 🔎 Povečevalno steklo (nagnjeno v desno)
znaki aritmetičnih in matematičnih operacij
× × × pomnožiti
÷ ÷ ÷ razdeliti
< < manj
> > > več
± ± ± plus/minus
¹ ¹ ¹ stopnja 1
² ² ² stopnja 2
³ ³ ³ stopnja 3
¬ ¬ ¬ zanikanje
¼ ¼ ¼ ena četrtina
½ ½ ½ polovica
¾ ¾ ¾ tri četrtine
decimalna vejica
minus
manj ali enako
več ali enako
približno (skoraj) enako
ni enako
enako
kvadratni koren (radikal)
neskončnost
znak za seštevek
delovna oznaka
delni diferencial
integral
za vse (vidno samo, če je krepko)
obstaja
prazen niz
Ø Ø Ø premer
pripada
ne pripadajo
vsebuje
je podnabor
je nadnabor
ni podmnožica
je podmnožica ali enako
je nadnabor ali enako
plus v krogu
znak za množenje v krogu
pravokotno
kotiček
logični IN
logični ALI
križišče
zveza
valutnih znakov
rubelj. Znak rublja je treba uporabiti skupaj s številko. Standard Unicode 7.0. Če ne vidite slike, posodobite svoje pisave Unicode.
Evro
¢ ¢ ¢ cent
£ £ £ Lb
¤ ¤ ¤ Znak valute
¥ ¥ ¥ Znak jen in juan
ƒ ƒ ƒ Florin znak
markerji
. preprost marker
krog
· · · srednja točka
križ
dvojni križ
vrhovi
klubi
srca
diamanti
romb
svinčnik
svinčnik
svinčnik
roka
citati
" " " dvojni narekovaj
& & & ampersand
« « « levi tipografski narekovaj (narekovaj v obliki ribje kosti)
» » » desni tipografski narekovaj (narekovaj v obliki ribje kosti)
odpiranje citata v enem kotu
zapiranje ponudbe v enem kotu
prime (minute, čevlji)
dvojno praštevilo (sekunde, palci)
zgornji levi enojni narekovaj
zgornji desni enojni narekovaj
spodnji desni enojni narekovaj
narekovaj levo
citatna noga zgoraj desno
citatna noga spodaj desno
enojni angleški začetni narekovaj
enojni angleški zaključni narekovaj
začetni dvojni narekovaj
zaključni dvojni narekovaj
puščice
puščica levo
puščica navzgor
puščica desno
puščica navzdol
levo in desno puščico
puščica gor in dol
vračilo prevoza
dvojna puščica levo
dvojna puščica navzgor
dvojna puščica desno
dvojna puščica navzdol
dvojna puščica levo in desno
dvojna puščica gor in dol
trikotna puščica navzgor
trikotna puščica navzdol
trikotnik puščica desno
trikotnik puščica levo
zvezde, snežinke
Sneženi mož
Snežinka
Snežinka v sendviču z deteljico
Debela ostrokotna snežinka
Zasenčena zvezda
Prazna zvezda
Nezapolnjena zvezda v zapolnjenem krogu
Zapolnjena zvezda z odprtim krogom v notranjosti
Vrteča se zvezda
Narisana bela zvezda
Srednji odprt krog
Srednji zapolnjen krog
Sekstil (tip snežinke)
Osemkraka vrteča se zvezda
Zvezda s sferičnimi konci
Drzen osemkraki zvezdasti propeler v obliki kapljice
Šestnajstkraka zvezdica
Dvanajstkraka zvezda
Krepka osemkraka ravno zapolnjena zvezda
Šesterokraka zapolnjena zvezda
Osemkraka ravno zapolnjena zvezda
Osemkraka zvezda
Osemkraka zvezda
Zvezdica s praznim središčem
Debela zvezda
Štirikraka odprta zvezda
Štirikraka zašiljena zvezda
Zvezdica v krogu
Snežinka v krogu
ura, čas
Pazi
Pazi
Peščena ura
Peščena ura

Obstaja kar nekaj zanimivega način pridobivanja HTML koda mnemotehnika za znak, ki ga potrebujete. Če želite to narediti, odprite urejevalnik Microsoft Word, ustvarite nov dokument in izberite med zgornji meni"Vstavi" - "Simbol" (uporabljam različico 2003, zato ne vem, kako izvesti podobno operacijo v novejših različicah).

V oknu, ki se odpre, morate izbrati pisavo, na primer Times New Roman (ali katero koli drugo, ki bo očitno prisotna na večini računalnikov obiskovalcev vašega spletnega mesta - na primer Courier ali Arial).

S seznama, ki se odpre, dodajte na svoj Wordov dokument vse posebne znake, ki jih potrebujete, in shranite ta Wordov dokument kot spletno stran (izbrano s spustnega seznama ».html« pri shranjevanju). No, potem morate samo odpreti to spletno stran v katerem koli urejevalniku HTML (to stori isti Notepad++) in videli boste vse digitalne kode mnemotehnika, ki jo potrebujete:

Metoda je nekoliko zapletena, a če želite na strani svojega spletnega mesta uporabiti nekaj redkih posebnih znakov, bo to lažje kot iskanje tabel, kot je prikazana zgoraj, na internetu. Nastalo kodo posebnega znaka boste morali prilepiti na pravo mesto in namesto nje na spletni strani bo brskalnik prikazal znak, ki ga potrebujete (na primer neprekinjen presledek).

Neprekinitveni presledek in mehki vezaj v primerih

Kot sem že omenil in kot je razvidno iz zgornje tabele posebnih znakov, so nekatere mnemotehnike v Html dobile poleg digitalne tudi simbolno oznako za lažje pomnjenje. Tisti. Namesto znaka "#" (hash) se besede uporabljajo v simbolnih različicah. Na primer, isti neprekinjeni presledek je lahko zapisan kot (digitalna mnemonika) ali kot (znak).

Če morate pri pisanju člankov vstaviti znak & (&) ali odprt oklepaj (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

To je, če pišete članek, v katerem boste morali v besedilo vstaviti na primer prikaz oznake< body>ali pa morate samo vstaviti znak manj kot (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Zato boste morali za rešitev podobne težave vstaviti naslednjo konstrukcijo:

Enako velja za prikaz kode samih mnemonik, saj se začnejo z znakom &. V besedilo boste morali vstaviti kodo in zamenjati znak ampersand z njegovo zamenjavo (poseben znak):

To bo treba storiti, da pridete na stran<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Najverjetneje boste uporabili tudi neprekinjen presledek, ki bo videti kot običajni presledek na spletni strani, vendar ga brskalnik sploh ne bo obravnaval kot presledek in na njem ne bo izvajal nakazil(to bo na primer primerno za besedne zveze, kot je 1400 GB itd., ki jih ni priporočljivo vezati v različnih vrsticah):

1400 GB.

Včasih lahko pride do nasprotne situacije, ko besedilo vsebuje zelo dolge besede in se želite prepričati, da brskalnik po potrebi Te besede bi lahko prekinil z vezajem. Za te namene je na voljo poseben simbol "mehak prenos" -

Dolga, dolga beseda;

Ko se bo treba premakniti v drugo vrstico, bo brskalnik namesto mehkega mnemotehničnega pomišljaja uporabil vezaj in preostanek besede poslal v naslednjo vrstico. Če je dovolj prostora za umestitev celotne besede v eno vrstico, brskalnik ne bo narisal nobene vrstice. Tako preprosto je.

Srečno! Kmalu se vidimo na straneh spletnega dnevnika

Morda vas bo zanimalo

MailTo - kaj je to in kako ustvariti povezavo v Html za pošiljanje e-pošte
Oznake in atributi naslovov H1-H6, vodoravna črta Hr, prelom vrstice Br in odstavek P po standardu Html 4.01
Kako v HTML vstaviti povezavo in sliko (fotografijo) - oznake IMG in A
Kaj je hiperbesedilni označevalni jezik Html in kako si ogledati seznam vseh oznak v validatorju W3C
Pisava (obraz, velikost in barva), Blockquote in oznake Pre - podedovano oblikovanje besedila v čistem HTML (brez uporabe CSS)
Kako so barve nastavljene v kodi Html in CSS, izbira odtenkov RGB v tabelah, izpis Yandex in drugi programi
Navodila za komentiranje in Doctype v kodi Html ter koncept blokovnih in vgrajenih elementov (oznak)
Seznami v Html kodi - oznake UL, OL, LI in DL

Pozdravljeni, dragi bralci spletnega dnevnika! Tisti, ki so se z njim vsaj površno seznanili, so se verjetno že seznanili, čeprav na splošno. To pomeni, da imajo predstavo o tem, kateri simboli HTML se običajno uporabljajo v kodi dokumenta.

V današnjem članku bomo poskušali ugotoviti, kaj je presledek v HTML in v katerih primerih lahko uporabite presledke pri oblikovanju same kode za lažje branje. Ugotovili bomo, kdaj je treba uporabiti neprekinjen presledek, in se seznanili tudi z drugimi posebnimi znaki (ali, kot jih imenujejo tudi mnemotehnike).

Pravzaprav bi vam svetoval, da ne prezrete teme uporabe različnih posebnih znakov, saj je to pomembna komponenta, ki vam omogoča dokončanje študija označevalnega jezika hiperbesedila. Na splošno informacije v tej publikaciji zagotovo ne bodo odveč. No, zdaj pa k bistvu.

Presledki in presledki v HTML

Najprej je treba narediti pomembno opombo. Na računalniški tipkovnici so posebne tipke, ki omogočajo ločevanje besedila (več o tem spodaj). Vendar le širok presledek omogoča ločevanje med besedami ne le v urejevalniku, ampak tudi v oknu brskalnika. Obstajajo nianse pri lomljenju črt in zamikanju od robov.

Kot veste, je prikaz določenih elementov v spletnem brskalniku določen z oznakami. Za oblikovanje besedila se uporablja dobro znani , ki temelji na blokih. To pomeni, da se njegova vsebina nahaja po celotni razpoložljivi širini.

Za prelomi vrstice znotraj odstavka P, morate uporabiti eno samo oznako BR, s katero lahko to storite. Recimo, da moramo v besedilo vstaviti nekaj vrstic iz pesmi, ki jo napišemo v urejevalniku besedil:

Kljub temu, da so vrstice verza pravilno nameščene in so vezaji narejeni na pravih mestih, bo v brskalniku vse videti drugače:


Če želite doseči enak prikaz v oknu spletnega brskalnika, morate pri vsakem prelomu vrstice napisati BR:

Zdaj smo opravili nalogo in pesniške vrstice bodo v brskalniku prikazane povsem pravilno:

Tako so potrebni prelomi vrstic dokončani. Druga značilnost, ki jo je treba upoštevati, je, da več presledkov, ki prihajajo drug za drugim, spletni brskalnik prikaže kot enega. To lahko preverite, če v istem urejevalniku poskusite med dve besedi vstaviti ne enega, ampak več presledkov in s klikom na gumb »Shrani« poglejte rezultat v brskalniku.

Presledek, tabulator in prelom vrstice

V bistvu s temi presledki Spoznamo se takoj, ko začnemo z besedilom delati v urejevalniku in ga oblikujemo v zahtevano obliko. Za izvedbo takšne naloge obstajajo posebni ključi, od katerih vsaka ustreza svojemu presledku:

  • Preslednica je najširša tipka na računalniški tipkovnici (brez oznake);
  • Tab - tipka na levi z napisom "Tab" in dvema puščicama, ki kažeta v različnih smereh;
  • Prelom vrstice - tipka "Enter".

Vendar, kot sem rekel zgoraj, dobimo končni želeni rezultat ne le v urejevalniku besedil, ampak tudi v brskalniku, šele ko uporabimo prvo tipko. Vse tri tipke (vključno s tabulatorjem in prelomom vrstice so uporabne pri oblikovanju kode HTML. Recimo, da je takole videti fragment kode v NotePad++ (o tem urejevalniku je veliko informacij) pri prikazu vseh presledkov:


Dobimo kodo, ki je lahko berljiva in razumljiva zahvaljujoč presledkom. Oranžne puščice označujejo vdolbine, ustvarjene s tipko Tab, simbola CR in LF pa označujeta prelome vrstic, ustvarjene s tipko Enter.

Vsebnike, ugnezdene drug v drugega, si lahko ogledate, odpiralne in zapiralne oznake pa so jasno vidne. V tej obliki je to kodo mogoče enostavno urejati. Sedaj jo primerjajte z isto kodo, ki nima takšne razdelitve besedila:

Na enak način lahko z uporabo presledkov napišete pravila CSS, ki bodo vizualno videti jasna in prebavljiva:


Ko spravite vse sloge na skupni imenovalec in popolnoma dokončate urejanje datoteke slogov, lahko izvedete urejanje tako, da iz kode odstranite vse presledke. To je potrebno za povečanje , kar je zelo pomembno pri promociji vira.

Posebni znaki (ali mnemotehnike) v kodi HTML

Zdaj pa poglejmo primere, v katerih je treba uporabiti posebne znake, ki sem jih omenil na začetku članka. Posebni znaki HTML, včasih imenovani mnemotehnika, so bili uvedeni, da bi rešili dolgoletno težavo s kodiranjem, ki se je pojavila v označevalnem jeziku hiperbesedila.

Ko tipkate besedilo na tipkovnici, so znaki jezika, ki ga uporabljate, kodirani. V spletnem brskalniku bo vtipkano besedilo prikazano s pisavami, ki ste jih izbrali kot rezultat obratnega dekodiranja.

Dejstvo je, da obstaja veliko takih kodiranj, zdaj nimamo cilja, da bi jih podrobno analizirali. Le vsakemu od njih morda manjkajo določeni simboli, ki pa jih je treba prikazati. Recimo, da čutite željo po pisanju enojnih narekovajev ali naglasnega znaka, vendar te ikone preprosto niso vključene v komplet.

Da bi odpravili to težavo, je bil uveden sistem posebnih simbolov, ki vključuje ogromno različnih mnemotehnik. Vsi se začnejo z znakom & "&" in običajno končajo s podpičjem ";". Sprva je imel vsak poseben znak svojo digitalno kodo. Na primer, za neprekinjen prostor, ki ga bomo podrobneje obravnavali spodaj, bo veljaven naslednji vnos:

Toda čez nekaj časa so najpogostejšim simbolom dodelili črkovne analoge (mnemonike), da bi si jih lažje zapomnili. Recimo, da je za isti neprekinjeni prostor videti takole:

Posledično brskalnik prikaže ustrezen simbol. Seznam mnemotehnik je zelo obsežen, najpogosteje uporabljeni posebni znaki v HTML lahko ugotovite iz spodnje tabele:

simbol Koda mnemotehnika opis
neprekinjen prostor
ozek prostor (en-širina kot črka n)
širok prostor (em-širina kot črka m)
- pomišljaj (pomišljaj)
- em pomišljaj (em pomišljaj)
­ - ­ mehak prenos
A ́ poudarek je postavljen za črko "stres".
© © avtorske pravice
® ® ® registrirana blagovna znamka
znak blagovne znamke
º º º Marsovo kopje
ª ª ª ogledalo Venere
ppm
π π π pi (uporabite Times New Roman)
¦ ¦ ¦ navpična pikčasta črta
§ § § odstavek
° ° ° stopnja
µ µ µ mikro znak
znak odstavka
elipsa
prelivanje
´ ´ ´ naglasno znamenje
številski znak
🔍 🔍 Povečevalno steklo (nagnjeno v levo)
🔎 🔎 Povečevalno steklo (nagnjeno v desno)
znaki aritmetičnih in matematičnih operacij
× × × pomnožiti
÷ ÷ ÷ razdeliti
< < manj
> > > več
± ± ± plus/minus
¹ ¹ ¹ stopnja 1
² ² ² stopnja 2
³ ³ ³ stopnja 3
¬ ¬ ¬ zanikanje
¼ ¼ ¼ ena četrtina
½ ½ ½ polovica
¾ ¾ ¾ tri četrtine
decimalna vejica
minus
manj ali enako
več ali enako
približno (skoraj) enako
ni enako
enako
kvadratni koren (radikal)
neskončnost
znak za seštevek
delovna oznaka
delni diferencial
integral
za vse (vidno samo, če je krepko)
obstaja
prazen niz
Ø Ø Ø premer
pripada
ne pripadajo
vsebuje
je podnabor
je nadnabor
ni podmnožica
je podmnožica ali enako
je nadnabor ali enako
plus v krogu
znak za množenje v krogu
pravokotno
kotiček
logični IN
logični ALI
križišče
zveza
valutnih znakov
Evro
¢ ¢ ¢ cent
£ £ £ Lb
¤ ¤t; ¤ Znak valute
¥ ¥ ¥ Znak jen in juan
ƒ ƒ ƒ Florin znak
markerji
. preprost marker
krog
· · · srednja točka
križ
dvojni križ
vrhovi
klubi
srca
diamanti
romb
svinčnik
svinčnik
svinčnik
roka
citati
" " " dvojni narekovaj
& & & ampersand
« « « levi tipografski narekovaj (narekovaj v obliki ribje kosti)
» » » desni tipografski narekovaj (narekovaj v obliki ribje kosti)
odpiranje citata v enem kotu
zapiranje ponudbe v enem kotu
prime (minute, čevlji)
dvojno praštevilo (sekunde, palci)
zgornji levi enojni narekovaj
zgornji desni enojni narekovaj
spodnji desni enojni narekovaj
narekovaj levo
citatna noga zgoraj desno
citatna noga spodaj desno
enojni angleški začetni narekovaj
enojni angleški zaključni narekovaj
začetni dvojni narekovaj
zaključni dvojni narekovaj
puščice
puščica levo
puščica navzgor
puščica desno
puščica navzdol
levo in desno puščico
puščica gor in dol
vračilo prevoza
dvojna puščica levo
dvojna puščica navzgor
dvojna puščica desno
dvojna puščica navzdol
dvojna puščica levo in desno
dvojna puščica gor in dol
trikotna puščica navzgor
trikotna puščica navzdol
trikotnik puščica desno
trikotnik puščica levo
zvezde, snežinke
Sneženi mož
Snežinka
Snežinka v sendviču z deteljico
Debela ostrokotna snežinka
Zasenčena zvezda
Prazna zvezda
Nezapolnjena zvezda v zapolnjenem krogu
Zapolnjena zvezda z odprtim krogom v notranjosti
Vrteča se zvezda
Narisana bela zvezda
Srednji odprt krog
Srednji zapolnjen krog
Sekstil (tip snežinke)
Osemkraka vrteča se zvezda
Zvezda s sferičnimi konci
Drzen osemkraki zvezdasti propeler v obliki kapljice
Šestnajstkraka zvezdica
Dvanajstkraka zvezda
Krepka osemkraka ravno zapolnjena zvezda
Šesterokraka zapolnjena zvezda
Osemkraka ravno zapolnjena zvezda
Osemkraka zvezda
Osemkraka zvezda
Zvezdica s praznim središčem
Debela zvezda
Štirikraka odprta zvezda
Štirikraka zašiljena zvezda
Zvezdica v krogu
Snežinka v krogu
ura, čas
Pazi
Pazi
Peščena ura
Peščena ura

Primeri uporabe nekaterih posebnih znakov, vključno s presledkom in mehkim vezajem

Če ste že malo preučili tabelo, ste prejeli potrditev tega, kar sem rekel zgoraj, da se za prikaz vseh posebnih znakov uporablja digitalna koda () ali njen abecedni analog (simbolna mnemonika), kjer namesto nabora hash oznake in številke, črke ().

Zdaj pa poglejmo, kdaj uporabiti te kode. Recimo, da morate v članku v informativne namene navesti neko oznako HTML, na primer

. Če s tipkovnico vnesete kotne oklepaje (in obstaja taka možnost), bo brskalnik takšno konstrukcijo zaznal kot začetno oznako in ne kot preprost del besedila.

Zato iz iste tabele posebnih znakov HTML vzamemo ustrezne kode in celoten vnos bo videti takole:

Poleg tega, da se v brskalniku ne prikaže sam znak ampersand, ampak njegova oznaka v oblika

, morate dodati njegovo kodo iz tabele:

noga

Nato bo brskalnik prikazal natančno zapis mnemotehnike, ki jo je treba uporabiti za prikaz oznake FOOTER. Malo je zmedeno, toda na tej strani lahko vadite ta vidik tako, da v polje »HTML« vnesete mnemonike za ustrezne znake in uporabite gumb »Zaženi« ter v območju »Rezultat« pridobite rezultat njihovega prikaza v brskalnik:


Upoštevajte, da sem zagotovil, da je bilo besedilo zavito z že omenjeno oznako BR, tako da sami znaki niso bili prikazani v eni vrstici, ampak v stolpcu zaradi priročnosti.

Kar daj. Včasih se v besedilu pojavijo kombinacije, ki jih ni zaželeno ločiti v različne vrstice. Recimo "1000 rubljev." Logično bi bilo, da bi jo pustili v zgornji vrstici ali če ni dovolj prostora, celotno strukturo premaknite v nižjo vrstico.

To še posebej velja, če uporabniki uporabljajo naprave z različnimi širinami zaslona, ​​vključno z mobilnimi. Dejansko v tem primeru spletni brskalnik oblikuje besedilo in se prilagaja novim razmeram. In če je besedilo videti pravilno pri standardnih velikostih monitorjev, se lahko vse spremeni, če se spremenijo.

Za te primere je predvideno HTML neprekinjen presledek, ki sem ga že omenil. Naj vas spomnim, da je v tem primeru prostorska koda naslednja:

Vstaviti ga je treba med dva niza znakov, ki ju je treba povezati:

1000 rub.

Zdaj jih brskalnik v nobenem primeru ne bo ločil, tudi če je za pravilen prikaz potrebno oblikovanje besedila.

Obstaja tudi situacija, ko se zelo dolga beseda ne prilega v prosti prostor in jo morate premakniti. Kako lahko vnaprej določim novo vrstico v tem primeru, če je to potrebno? Za to obstaja poseben znak mehkega vezaja-, ki ga je treba postaviti na mesto, kjer je treba besedo prekiniti:

Dolga dolga dolga dolga beseda

Če pride do situacije, ko je treba besedo razdeliti z vezajem, se na mestu mnemonike mehkega vezaja oblikuje vrzel, kjer se pojavi vezaj (vezaj), preostanek besede pa se pojavi v naslednji vrstici spodaj.

Vendar pa bo spet koristno videti celotno stvar, vključno s primeri neprekinjenega in mehkega prenosa, v praksi:


V oknu tega urejevalnika lahko spremenite velikost polja za ogled »Rezultat«, tako da z levim gumbom miške zgrabite rob tega območja in ga, ne da bi ga spustili, povlečete v levo, da zmanjšate širino. Nato pride do resnične situacije, ko brskalnik začne preoblikovati vsebino, da jo pravilno prikaže.

In prenos se izvede, kar je bilo predvideno v primerih, ki sem jih opisal. Vendar pa lahko sami premaknete okno za ogled, ga razširite in zožite, in to vizualno preverite.

Ko je dokument prikazan na zaslonu, se presledki in prazne vrstice ne ohranijo, razen besedila, obdanega z oznakami PRED(predhodno oblikovano besedilo). To pomeni, da je vsako zaporedje presledkov, zavihkov in praznih vrstic enakovredno enemu samemu presledku v datoteki HTML. Po drugi strani pa je prazen prostor v datoteki HTML mogoče predstaviti s poljubnim številom presledkov ali novih (praznih) vrstic.

Izraz newlin(nova vrstica) se uporablja za TEORETIČNO označevanje konca vrstice. SGML določa, da se mora vrstica (zapis) začeti z začetnim znakom (nova vrstica - pomik vrstice, LF, ASCII koda 10) in končati s koncem zapisa (povratni znak, CR, ASCII 13). V praksi se dokumenti HTML upodabljajo in prenašajo z uporabo predstavitve nove vrstice, ki je skladna z danimi računalniškimi sistemi. Zato brskalniki HTML omogočajo podporo za katero koli od treh pogostih predstavitev ločevanja vrstic, označenih z zaporedjem CR LF, samo CR ali samo LF, in na podlagi te predpostavke poudarjajo napake v predstavitvi začetnih in končnih znakov zapisa. .

Tako ni pomembno, kako besedilo razdelite na vrstice, saj je pomik v vrstico enakovreden presledku. Upoštevajte pa, da besede v HTML ne smete razdeliti na dve vrstici. Če na primer besedo mednarodno razdelite v dve vrstici, kot je prikazano spodaj:

mednarodni

bo to razlagano kot

mednarodni

Če želite logično predstaviti svoj dokument, morate uporabiti oznake HTML, kot je npr p oz BR da po potrebi zagotovi podajanje v vrstico.

Brskalniki na splošno ne razdelijo besed v dve vrstici, razen če beseda vsebuje vezaj. Referenčne specifikacije HTML 3.2 glede tega vprašanja niso zelo natančne in pri razpravi o razdelku tabele je navedeno naslednje:

Pri nekaterih uporabniških agentih bo morda potrebno ali zaželeno prevesti niz znotraj besede. V takih primerih je priporočljivo vizualno preveriti, ali se je to zgodilo.

Pazite se dolžina vrstice je izven vašega nadzora. To je odvisno od brskalnika, računalnika in nastavitev ljudi, ki si ogledujejo vaš dokument. Na splošno ni mogoče preprečiti prelomov vrstic med besedami, lahko pa poskusite preprečiti prelome vrstic z neprekinjenimi presledki.

Glede uporabe nove vrstice v kombinaciji z oznakami HTML veljajo posebna pravila:

  • Prelomi vrstic, ki sledijo začetni oznaki, so prezrti. Na primer črte
  • Podobno je prelom vrstice pred končno oznako prezrt. Na primer črte

Vodoravni tabulator (HT) je mogoče uporabiti v dokumentu HTML. Ampak znotraj elementa PRED Tabulator ima posebno razlago, je enakovreden presledku in ne nosi nobenih informacij o tabulatorju. (Za predstavitev podatkov v tabeli uporabite element tabela.) V praksi se je bolje izogniti vključevanju znakov tabulatorjev v kodo HTML in namesto tega uporabiti ustrezno količino presledkov, če želite formatirati izvorno kodo HTML dokumenta kot tabulatorje.

Obstaja razlika med tem, kaj napisano v vaši kodi HTML in kaj prikazano v brskalniku.

Kot smo že videli, oznake HTML kot npr<р>, bere samo brskalnik (da veste, kateri vrsta vsebina napisana), vendar ni prikazano v njem.

Videli smo tudi, kako znate pisati komentarji v kodi HTML, da človeku pomaga prebrati kodo, ne da bi moral prikazati te komentarje v brskalniku.

Druga vrsta pisne kode, ki prezrti brskalnik je prostora, vključuje:

  • prelomi vrstic;
  • prazne vrstice;
  • zavihek (ali zamik).

Prelomi vrstic

Prelomi vrstic in prazne vrstice (ki so zaporedje prelomov vrstic) v kodi HTML prezrti brskalnik. Znešajo le poenoteno prostora.

Prvotna ideja spleta je bila, da bi moral biti prostor za sodelovanje, kjer bi lahko komunicirali z izmenjavo informacij.

Da bi bilo resnično vstavi prelom vrstice morate uporabiti element
:

V najboljšem primeru je življenje popolno
nepredvidljivo

Tabelacija

Tabelacija je poseben znak, pridobljen s tipko Tab. Običajno premakne kazalec na naslednji tabulatorski položaj, včasih pa se spremeni v dva presledka.

V vsakem primeru, tako kot običajni presledek, tab neviden. Prav tako ga brskalnik ignorira:

Vstavimo to besedilo v tabulator.

Če želite dodati prostor prej skratka, morali boste uporabiti CSS.

Če želite zapreti element HTML, morate najprej zapreti vse njegove podrejene elemente.

Oblikovanje drevesa

Ker so elementi HTML lahko ugnezdeni drug v drugega, morate biti pozorni na to v redu v katerem so bili odprti, saj bo to vplivalo na vrstni red, v katerem so zaprti.

Ta koda je zapisana v eno linija.

Ker je lahko težko slediti vrstnemu redu, v katerem so bili elementi HTML odprti, je priporočljivo, da vpišete HTML drevesna oblika:

Ta koda je zapisana v nekajčrte, vendar bo še vedno prikazan kot eno linija.

Oblikovanje drevesa vam omogoča vizualno razmnoževati raven gnezdenja vašo kodo HTML. Tako je enostavno videti, da:

  • je prednik;
  • - starš Za in ;

  • in - To bratski elementi.

Napišite HTML, da ga boste brali

Tabulatorje, prazne vrstice, presledke in prelome vrstic računalnik izpusti in vse se spremeni v en prostor.

Dokument HTML napiše in prebere človek, prebere pa ga samo računalnik. Glede na to, da zavihki, presledki in prelomi vrstic ne vplivajo na to, kako bo brskalnik prebral in posledično prikazal spletno stran, lahko svoj dokument oblikujete tako, da je najbolj berljiv za sebe način.

Glede oblikovanja HTML ni posebnih pravil, obstajajo pa implicitna sporazumov, še posebej:

  • uporaba tabeliranje za pomoč pri vizualizaciji priloge elementi HTML;
  • vstavite odpiralne in zapiralne oznake elementov bloka ločene vrstice;
  • zapišite inline elemente v eno vrstico (vključno z odpiralnimi in zapiralnimi oznakami).