Velik znak plus. posebni znaki HTML. Primeri uporabe nekaterih posebnih znakov, vključno s presledkom in mehkim vezajem

Posebni znaki HTML so posebne jezikovne konstrukcije, ki se nanašajo na znake iz nabora znakov, ki se uporabljajo v besedilnih datotekah. Tabela prikazuje seznam rezerviranih in posebnih znakov, ki jih ni mogoče dodati izvorni kodi dokumenta HTML s tipkovnico:

  • znaki, ki jih ni mogoče vnesti s tipkovnico (na primer simbol avtorskih pravic)
  • znaki, namenjeni označevanju (na primer znak več ali manj)

Takšni znaki se dodajo z uporabo številčne kode ali imena.

SimbolŠtevilčna kodaIme simbolaOpis
" " " narekovaj
" " " apostrof
& & & ampersand
< < znak manj
> > > znak več
neprekinjen presledek (Neprekinjeni presledek je presledek, ki se pojavi znotraj vrstice kot običajni presledek, vendar programom za prikazovanje in tiskanje ne dovoljuje, da bi na tej točki prekinili vrstico.)
¡ ¡ ¡ obrnjeni klicaj
¢ ¢ ¢ cent
£ £ £ lb.
¤ ¤ ¤ valute
¥ ¥ ¥ jen
¦ ¦ ¦ zlomljena navpična črta
§ § § razdelek
¨ ¨ ¨ interval (cirilica)
© znak avtorskih pravic
ª ª ª ženski redni eksponent
« « « Francoski narekovaji (riblja kost) - levo
¬ ¬ ¬ negacijski izrazi
® ® ® registrirana blagovna znamka
¯ ¯ ¯ makronski interval
° ° ° stopnja
± ± ± plus ali minus
² ² ² nadnapis 2
³ ³ ³ nadnapis 3
´ ´ ´ akutni interval
µ µ µ mikro
odstavek
· · · srednja točka
¸ ¸ ¸ cedilla interval
¹ ¹ ¹ nadnapis 1
º º º moški vrstni eksponent
» » » Francoski citati (ribja kost) - desno
¼ ¼ ¼ 1/4 del
½ ½ ½ 1/2 del
¾ ¾ ¾ 3/4 delov
¿ ¿ ¿ obrnjen vprašaj
× × × množenje
÷ ÷ ÷ delitev
́ ́ poudarek
ΠΠΠkapitalna ligatura OE
œ œ œ male začetnice ligatura oe
Š Š Š S s krono
š š š mala črka S s krono
Ÿ Ÿ Ÿ veliki Y s tiaro
ƒ ƒ ƒ f s kavljem
ˆ ˆ ˆ dikriatski naglas
˜ ˜ ˜ mala tilda
- pomišljaj
em pomišljaj
levi enojni narekovaj
desni enojni narekovaj
spodnji enojni narekovaj
levi dvojni narekovaji
desne dvojne narekovaje
spodnje dvojne narekovaje
bodalo
dvojno bodalo
. krogla
vodoravna elipsa
ppm (tisočinke)
minut
sekund
enojni citat v levem kotu
enojni citat v desnem kotu
prelivanje
Evro
™ oz blagovna znamka
puščica levo
puščica navzgor
puščica desno
puščica navzdol
dvojna puščica
puščica za vrnitev na vrstico
zgornji levi kot
zgornji desni kot
spodnji levi kot
spodnji desni kot
romb
vrhovi
križ
črvi
diamanti

Matematični simboli, podprti v HTML

SimbolŠtevilčna kodaIme simbolaOpis
za vsakogar, za vsakogar
del
obstaja
prazen niz
Hamiltonov operator (nabla)
pripada kompletu
ne sodi v sklop
oz
delo
vsota
minus
množenje ali operator, konjugiran na
× × &krat znak za množenje
Kvadratni koren
sorazmernost
neskončnost
večkratnost
kotiček
in
oz
križišče
zveza
integral
Zato
kot
primerljivi
približno enako
ni enako
enako
manj ali enako


manj ali enako
več ali enako


več ali enako
podnabor
nadnabori
ni podnabor
podnabor
superset
neposredni znesek
napet izdelek
pravokotno
operator pike

Grška in koptska abeceda

Simbol Številčna koda Šestnajstiška koda Ime simbola
Ͱ Ͱ Ͱ
ͱ ͱ ͱ
Ͳ Ͳ Ͳ
ͳ ͳ ͳ
ʹ ʹ ʹ
͵ ͵ ͵
Ͷ Ͷ Ͷ
ͷ ͷ ͷ
ͺ ͺ ͺ
ͻ ͻ ͻ
ͼ ͼ ͼ
ͽ ͽ ͽ
; ; ;
΄ ΄ ΄
΅ ΅ ΅
Ά Ά Ά
· · ·
Έ Έ Έ
Ή Ή Ή
Ί Ί Ί
Ό Ό Ό
Ύ Ύ Ύ
Ώ Ώ Ώ
ΐ ΐ ΐ
Α Α Α Α
Β Β Β Β
Γ Γ Γ Γ
Δ Δ Δ Δ
Ε Ε Ε Ε
Ζ Ζ Ζ Ζ
Η Η Η Η
Θ Θ Θ Θ
Ι Ι Ι Ι
Κ Κ Κ Κ
Λ Λ Λ Λ
Μ Μ Μ Μ
Ν Ν Ν Ν
Ξ Ξ Ξ Ξ
Ο Ο Ο Ο
Π Π Π Π
Ρ Ρ Ρ Ρ
Σ Σ Σ Σ
Τ Τ Τ Τ
Υ Υ Υ Υ
Φ Φ Φ Φ
Χ Χ Χ Χ
Ψ Ψ Ψ Ψ
Ω Ω Ω Ω
Ϊ Ϊ Ϊ
Ϋ Ϋ Ϋ
ά ά ά
έ έ έ
ή ή ή
ί ί ί
ΰ ΰ ΰ
α α α α
β β β β
γ γ γ γ
δ δ δ δ
ε ε ε ε
ζ ζ ζ ζ
η η η η
θ θ θ θ
ι ι ι ι
κ κ κ κ
λ λ λ λ
μ μ μ μ
ν ν ν ν
ξ ξ ξ ξ
ο ο ο ο
π π π π
ρ ρ ρ ρ
ς ς ς ς
σ σ σ σ
τ τ τ τ
υ υ υ υ
φ φ φ φ
χ χ χ χ
ψ ψ ψ ψ
ω ω ω ω
ϊ ϊ ϊ
ϋ ϋ ϋ
ό ό ό
ύ ύ ύ
ώ ώ ώ
Ϗ Ϗ Ϗ
ϐ ϐ ϐ
ϑ ϑ ϑ ϑ
ϒ ϒ ϒ ϒ
ϓ ϓ ϓ
ϔ ϔ ϔ
ϕ ϕ ϕ ϕ
ϖ ϖ ϖ ϖ
ϗ ϗ ϗ
Ϙ Ϙ Ϙ
ϙ ϙ ϙ
Ϛ Ϛ Ϛ
ϛ ϛ ϛ
Ϝ Ϝ Ϝ Ϝ
ϝ ϝ ϝ ϝ
Ϟ Ϟ Ϟ
ϟ ϟ ϟ
Ϡ Ϡ Ϡ
ϡ ϡ ϡ
Ϣ Ϣ Ϣ
ϣ ϣ ϣ
Ϥ Ϥ Ϥ
ϥ ϥ ϥ
Ϧ Ϧ Ϧ
ϧ ϧ ϧ
Ϩ Ϩ Ϩ
ϩ ϩ ϩ
Ϫ Ϫ Ϫ
ϫ ϫ ϫ
Ϭ Ϭ Ϭ
ϭ ϭ ϭ
Ϯ Ϯ Ϯ
ϯ ϯ ϯ
ϰ ϰ ϰ ϰ
ϱ ϱ ϱ ϱ
ϲ ϲ ϲ
ϳ ϳ ϳ
ϴ ϴ ϴ
ϵ ϵ ϵ ϵ
϶ ϶ ϶ ϶
Ϸ Ϸ Ϸ
ϸ ϸ ϸ
Ϲ Ϲ Ϲ
Ϻ Ϻ Ϻ
ϻ ϻ ϻ
ϼ ϼ ϼ
Ͻ Ͻ Ͻ
Ͼ Ͼ Ͼ
Ͽ Ͽ Ͽ

Zakaj so potrebni posebni znaki in kako jih uporabiti

Recimo, da se odločite opisati neko oznako na svoji strani, vendar brskalnik uporablja znake< и >Kot začetek in konec oznake, lahko njuna uporaba znotraj vsebine kode html povzroči težave. Toda HTML vam omogoča preprost način za definiranje teh in drugih posebnih znakov z uporabo preprostih okrajšav, imenovanih sklicevanja na simbole.

Poglejmo, kako to deluje. Za vsak znak, ki velja za posebnega ali ga želite uporabiti na svoji spletni strani, vendar ga v vašem urejevalniku ni mogoče natisniti (na primer znak za avtorske pravice), poiščete okrajšavo in jo natisnete v kodi html namesto želenega znaka . Na primer, za simbol ">" je okrajšava > in za simbol "<" - < .

Recimo, da ste želeli natisniti »Element zelo pomembno« na njegovi strani. Namesto tega boste morali uporabiti sklicevanja na simbole, ki jih potrebujete za pravilen prikaz vnosa, in na koncu bi moral vaš vnos v kodi izgledati takole:

Element zelo pomembno

Poskusite »

Drug poseben znak, ki ga morate poznati, je simbol & (ampersand). Če želite, da se prikaže na vaši strani HTML, namesto simbola & uporabite povezavo &.

Posebni znaki so tehnični znaki, ki niso predstavljeni na tipkovnici in so kodirani z uporabo UNICODE ali drugega metajezika. Posebni znaki so razdeljeni v skupine: matematični, grška abeceda, ISO 8859-1 in drugi. Zakaj so potrebni in kako jih uporabljati, preberite v članku.

Uporaba posebnih znakov pri pisanju dokumentov

Uporablja se za naslednje namene:

  1. Daje artiklu celovitost in estetiko. Posebni znaki vam pomagajo hitro razumeti dimenzijske vrednosti ali prebrati zgodovinsko ime v latinščini ali grščini.
  2. Nekateri elementi zagotavljajo pravilno postavitev dokumenta. Na primer, "" in "" sta različna, prvi se prenašajo s standardnimi sredstvi, drugi s posebnimi znaki.
  3. Postavitev matematičnih dokumentov ne more brez poznavanja glavnih skupin elementov.

Osnovni znaki

Gradivo vam bo omogočilo iskanje posebnih znakov v ustreznem kodiranju za hitro vstavljanje v besedilo.

Videz Imenovanje HTML koda koda CSS
Sneženi mož \2603
pravoslavni križ \2626
Sidro \2693
Telefonski znak \2706
Telefon \260E
Topli napitki \2615
Svinčnik, usmerjen navzdol \270E
Svinčnik \270F
Svinčnik, usmerjen navzgor v desno \2710
Prazno pero \2711
Napolnjena konica peresa \2712
lilijanke \269C
Čelada z belim križem \26D1
Narisana bela zvezda \269D
Snežinka \2744
Senčeno krepko srce \2764
Snežinka v sendviču z deteljico \2745
Debela ostrokotna snežinka \2746
Zasenčena zvezda \2605
Prazna zvezda \2606
Nezapolnjena zvezda v zapolnjenem krogu \272A
Zapolnjena zvezda z odprtim krogom v notranjosti \272B
Vrteča se zvezda \272F
Zvezda s sferičnimi konci \2749
Drzen osemkraki zvezdasti propeler v obliki kapljice \274B
Zvezdica s praznim središčem \2732
Naslikano sonce z žarki \2600
Oblaki \2601
Dežnik \2602
Označite kvadratek \2611
Križ v kvadratu \2612
Namrščeni emotikon \2639
Nasmejani emotikon \263A
Zasenčen nasmejan emotikon \263B
Srp in kladivo \262D
Polnjena zastava \2691
Prazna zastavica \2690
Trigram \2630
Poslikana roža \273f
Prazen cvet \2740
Cvet s šestimi cvetnimi listi \273E
Barvna obrisana roža \2741
Rožica iz pik \2742
ovojnica \2709
Srce v obliki rože \2766
Številka 1 \2776
številka 2 \2777
številka 3 \2778
številka 4 \2779
številka 5 \277A
številka 6 \277B
številka 7 \277C
številka 8 \277D
številka 9 \2792
številka 10 \2793
Krepki znak za množenje \2716
Krepki križ \2718
Krepka kljukica \2714
Debeli križ \271A
Simbol atoma \269B
Simbol recikliranja \267A
Nezapolnjen kvadrat s spodnjo desno senco \2751
Nezapolnjen kvadrat s senco zgoraj desno \2752
Diamant v okvirju \25C8
Krog z zapolnjeno levo polovico \25D0
Krog z zapolnjeno desno polovico \25D1
Tri zvezdice \2042

Ločila

Videz Imenovanje HTML koda koda CSS
< Znak manj kot (začetek oznake) < \003C
> Znak večje od (konec oznake) > \003E
« Levi dvojni kotni oklepaj « \00AB
» Desni dvojni kotni nosilec » \00BB
Enojni narekovaj v levem kotu \2039
Enojni narekovaj v desnem kotu \203A
« Dvojni narekovaj " \0022
Enojni udarec \2032
Dvojni udarec \2033
Levi enojni narekovaj \2018
Desni enojni narekovaj \2019
Spodnji enojni narekovaj \201A
Levi dvojni narekovaj \201C
Desni dvojni narekovaj \201D
Spodnji dvojni narekovaj \201E
Krepka enojna začetna vejica \275C
Krepka enojna zasukana zgornja vejica \275B
& Ampersand & \0026
Apostrof (enojni narekovaj) " \0027
§ odstavek § \00A7
© Avtorski znak \00A9
¬ Negacijski znak ¬ \00AC
® Registrirana blagovna znamka ® \00AE
¯ Macron ¯ \00AF
° stopnja ° \00B0
± Plus ali minus ± \00B1
¹ nadnapis "1" ¹ \00B9
² nadnapis "2" ² \00B2
³ nadnapis "3" ³ \00B3
¼ Ena četrtina ¼ \00BC
½ Polovica ½ \00BD
¾ Tri četrtine ¾ \00BE
´ Naglasno znamenje ´ \00B4
µ Mikro µ \00B5
Oznaka odstavka \00B6
· Znak za množenje · \00B7
¿ Obrnjen vprašaj ¿ \00BF
ƒ Florin znak ƒ \0192
Znak blagovne znamke \2122
Oznaka seznama . \2022
Elipsa \2026
Prekrivanje \203E
Em pomišljaj - \2013
- Em pomišljaj \2014
ppm \2030
} Desni zavit oklepaj } \007D
{ Levi zavit oklepaj { \007B
= znak enačaja = \003D
Znak neenakosti \2260
Kongruenca (geometrijska enakost) \2245
Skoraj enako \2248
Manj ali enako \2264
Večje ali enako \2265
Kotiček \2220
Pravokotno (gumb gor) \22A5
Kvadratni koren \221A
N-arno seštevanje \2211
Integral \222B
Znak za opombo \203B
÷ Znak delitve ÷ \00F7
Znak neskončnosti \221E
@ Simbol psa @ \0040
[ Levi oglati oklepaj [ \005B
] Desni oglati oklepaj ] \005D

Puščice

Videz Imenovanje HTML koda koda CSS
Puščica levo \2190
Puščica navzgor \2191
Desna puščica \2192
Puščica navzdol \2193
Puščica levo-desno \2194
Puščica navzdol in levo – znak za vrnitev na začetek \21B5
Dvojna puščica levo \21D0
Dvojna puščica navzgor \21D1
Dvojna puščica v desno \21D2
Dvojna puščica navzdol \21D3
Dvojna puščica levo-desno \21D4
Leteča puščica \27A0
Puščična konica \27A4
Ukrivljena puščica, ki kaže navzdol in v desno \27A5
Ukrivljena puščica, ki kaže navzgor in v desno \27A6
Puščica v desno \27B3
\21BA
Okrogla puščica s konico v nasprotni smeri urinega kazalca \21BB
Debela votla puščica navzgor \21E7
Puščica levo s kavljem \21A9
Navzdol nagnjena puščica \27AB
Zapolnjena puščica navzdol \2B07
Polna puščica navzgor \2B06

Barve kart, znaki zodiaka in ikone valut

Videz Imenovanje HTML koda koda CSS
"Pike" \2660
"Klubi" \2663
"srca" \2665
"Diamanti" \2666
Kontura "srca" \2661
Kontura "Tamburaši" \2662
Peaks Contour \2664
Oris "Klubi" \2667
¢ cent ¢ \FFE0
£ britanski funt £ \FFE1
ruski rubelj \20BD
¥ Yen ali Yuan ¥ \00A5
Evro \20AC
$ dolar $ \0024
Znak za grivno \20B4
Indijska rupija \20B9
CNY \5713
kazahstanski tenge \20B8
Oven \2648
Bik \2649
Dvojčki \264A
Rak \264B
lev \264C
Devica \264D
Luske \264E
Škorpijon \264F
Strelec \2650
Kozorog \2651
Vodnar \2652
ribe \2653

grška abeceda

Pismo male črke prestolnice
simbol html kodo simbol html kodo
alfa α α Α Α
beta β β Β Β
gama γ γ Γ Γ
delta δ δ Δ Δ
epsilon ε ε Ε Ε
zeta ζ ζ Ζ Ζ
to η η Η Η
theta θ θ Θ Θ
jota ι ι Ι Ι
kapa κ κ Κ Κ
lambda λ λ Λ Λ
mu μ μ Μ Μ
gola ν ν Ν Ν
xi ξ ξ Ξ Ξ
omikron ο ο Ο Ο
pi π π Π Π
ro ρ ρ Ρ Ρ
sigma σ σ Σ Σ
končna sigma ς ς
tau τ τ Τ Τ
ipsilon υ υ Υ Υ
fi φ φ Φ Φ
hej χ χ Χ Χ
psi ψ ψ Ψ Ψ
omega ω ω Ω Ω

Kako ga uporabiti v praksi


Ne glede na CMS se dodajanje članka izvede z uporabo vizualnega urejevalnika in različice HTML. Vse posebne znake v kodiranju je mogoče vstaviti samo v drugem primeru. Za pravilno uporabo orodij je priporočljivo upoštevati tabele, ki prikazujejo kodo in zunanjo predstavitev.

Upoštevajte, da če v vizualno predstavitev članka vstavite znak, bo element pretvorjen v ustrezno kodo v HTML. Pri ročnem vnosu podatkov upoštevajte primer, ki vpliva na končni rezultat.

Tipkano besedilo je sestavljeno iz tiskanih znakov – grafičnih znakov.
Grafični simboli so simboli, ki imajo viden prikaz v besedilu.
Vsi grafični simboli so zbrani v nizu enotnega univerzalnega sistema Unicode.
V dokument html vstavite grafični simbol Unicode
- glavni in edini namen te tabele.

Simbol lahko vstavite v dokument HTML na enega od naslednjih načinov:

  1. kopirajte sliko simbola iz okna brskalnika v okno vašega vizualnega urejevalnika html
  2. kopirajte html kodo simbola neposredno v kodo dokumenta html
Zavedajte se, da gre za dve različni metodi:
  1. vstavi vizualno v vizualno
  2. vstavite kodo v kodo.

Pisavo za simbol, njegovo velikost in barvo v HTML lahko nastavite s kodo, kot je:
CHARACTER_CODE
Kje,
Arial - pisava,
10px - velikost pisave v slikovnih pikah,
#ff0000 - barvna koda pisave (rdeča)

Na primer:
☎ - velikost pisave znakov 30px,
☎ - velikost pisave simbola 30px, barva - rdeča
☎ - velikost pisave znakov 20px,
☎ - velikost pisave simbola 10px.
Opomba Priporočene pisave za vstavljanje posebnih znakov so Arial, Verdana in Tahoma. Te pisave pravilno prikazujejo znake Unicode in jih spletne aplikacije same pravilno podpirajo.

  1. "Simbol"
    (prikaz vidnega simbola)
    Iz tega stolpca lahko kopirate sliko simbola in jo prilepite v okno urejevalnika besedila html. Simbol bo kopiran z velikostjo pisave 20px. Ko je kopiranje končano, bo morda treba individualno prilagoditi velikost pisave neposredno kopiranemu znaku.
  2. "Ime"
    (samo za pomembne ali nejasne znake)
    Razlaga namena simbola, njegov obseg, primeri...
  3. "Mnemotehnika"
    Mnemonika je abecedna konstrukcija oblike ", ki označuje abecedno kodo znaka v HTML. Vstavi se neposredno v kodo html dokumenta html. Mnemonika je zelo priljubljena med profesionalnimi oblikovalci postavitev. Ljudje si jo popolnoma zapomnijo in podpirajo vse html aplikacije.Vsaka mnemonika vsebuje abecedno ime (oznako ) svojega simbola in servisni znak (&), ki brskalniku služi kot signal za branje kode in ni prikazan na zaslonu monitorja. vsakega mnemonika je edinstven in lahko berljiv, ker izhaja iz angleške besede, ki označuje simbol.

    Mnemotehnika (grško) - umetnost zapomniti si nekaj. Mnemotehnika se uporablja za olajšanje zaznavanja težko zapomnljivih informacij, ko se predmet pomnjenja spravi v asociativno stanje z nečim.

  4. "Koda"
    Koda - številčna decimalna koda znaka v HTML, na primer &. Vstavljen neposredno v kodo html dokumenta html. Decimalna koda je sestavljena iz številke, ki označuje zaporedno številko znaka v sistemu Unicode, in več servisnih znakov (& in #), ki brskalniku služijo kot signal za branje kode in niso prikazani na zaslonu monitorja. Decimalna koda se pogosto uporablja in uporablja zaradi svoje vsestranskosti in enostavnosti zaznavanja.

Kontrolni znaki v HTML (XHTML)

Kontrolni znaki v HTML (XHTML) so servisni znaki jezika HTML, ki se uporabljajo v postavitvi HTML spletne strani. Vsak brskalnik mora podpirati te znake, saj brez njih ni mogoče pravilno prikazati besedila HTML. Kontrolni znaki niso prikazani v besedilu in jih brskalnik, ko jih vnesete neposredno s tipkovnice, razlaga kot ločila, ki pozivajo k izvedbi nekega dejanja, ko je stran narisana na zaslonu.

Dovoljena je uporaba kontrolnih znakov v običajnih besedilih, kjer simbolizirajo univerzalne koncepte in jih brskalnik interpretira kot običajne tipkarske znake. Pri uporabi storitvenih simbolov v besedilih HTML na ta način ne morate vnesti vrednosti samega simbola, temveč njegovo kodo HTML. Ker, ponavljam, sicer bo brskalnik simbol storitve zaznal kot poziv k dejanju in ne bo pravilno prikazal besedila HTML na zaslonu monitorja.

Kontrolne simbole in njihovo kodo HTML poznajo in razumejo vsi brskalniki brez izjeme, kar pa žal ne moremo reči za druge simbole, ki so lahko v različnih brskalnikih prikazani nepravilno ali, še huje, sploh niso prikazani.

Skladnja in ločila

prostor dolžine N (navaden prostor)
prostor dolžine M (longspace)
- mehki vezaj (nenatisljiv znak) - ­
pomišljaj –
- pomišljaj dolžine N (navaden pomišljaj) -
pomišljaj dolžine M (em pomišljaj)
. pika .
, vejica ,
elipsa …
: debelo črevo :
; podpičje ;
! klicaj !
ǃ
? vprašaj ?
@ "pes" @
* "zvezda" *
# "mreža" #
enojni zgornji levi narekovaj ‘
enojni zgornji desni narekovaj ’
enojni spodnji desni narekovaj ‚
dvojni zgornji levi narekovaj “
dvojni zgornji desni narekovaj ”
dvojni spodnji desni narekovaj &bdquo „
« dvojni levi kotni narekovaj (Rus) « «
» dvojni desni kotni narekovaj (Rus) » »
́ naglasno znamenje, primer: Vasya ́
" apostrof, primer: ti"jaz "
´ akutno, primer: Vasya ´ ´
odstavek (nenatisljiv znak)
§ odstavek § §
ˆ naglas (obrnjena ptica) ˆ ˆ
ˆ
˜ mala tilda ˜ ˜
˜
¦ navpična pikčasta črta ¦ ¦
( levi oklepaj (
) desni oklepaj )
levi kotni oklepaj
desni kotni oklepaj
levi kotni oklepaj, možnost
desni kotni oklepaj, možnost
[ oglati oklepaj levo [
] oglati oklepaj desno ]
/ poševnica - poševnica /
\ poševnica nazaj \
poševnica (znak za deljenje)
ǀ navpična vrstica ǀ
ǁ dvojna navpična črta ǁ
nadčrtano, primer: Vasya‾vasya
¯ macron, primer: Vasya¯vasya ¯ ¯

Blagovne znamke in valuta

+ plus + +
minus -
= enako =
± plus ali minus ± ±
× znak za množenje × ×
÷ znak delitve ÷ ÷
operator pike (sredina vrstice) ·
operator zvezdica (sredina vrstice)
operator tilde
. oznaka seznama (sredina vrstice) . •
¹ nadnapis "1" ¹ ¹
² nadnapis "2" ² ²
³ nadnapis "3" ³ ³
Nad in pod indeks v HTML (XHTML)
lahko vstavite z uporabo oznak in oziroma:
ŠTEVILKA Nadnapis→ ŠTEVILKA nadnapis
ŠTEVILKA indeks→ ŠTEVILKA Subscript
½ ulomek "ena polovica" ½ ½
ulomek "ena tretjina"
¼ ulomek "ena četrtina" ¼ ¼
¾ ulomek "tri četrtine" ¾ ¾
številski znak
% odstotkov %
ppm ‰
° stopnje ° °
prime (minute, čevlji)
dvojno praštevilo (sekunde, palci)
Primer 1: 30° 25′ 12″
Primer 2: 25′ 12
µ mikro µ µ
π Pi π π
ƒ funkcijski znak
(ne zamenjujte z "integral")
ƒ ƒ
ƒ
integral
čez ničlo, prazen niz
(ne zamenjujte s "premer")
premer (ne zamenjujte s prečrtanim latinskim "o")
ø Latinski "o" diagonalno prečrtan ø ø
Ø Latinska velika črka "O" diagonalno prečrtana Ø Ø
delovna oznaka
znak za seštevek
radikalen
(kvadratni koren ali x koren)
sorazmerno
neskončnost
kotiček
pravokoten (pravokoten)
znak "zato"
približno enako
skoraj enaka
ni enako
enako
manj ali enako
več ali enako
logični IN
logični ALI
znak plus v krogu
(neposredni znesek)
znak za množenje v krogu
(navzkrižni produkt, puščica od opazovalca)
ʘ pika v krogu
(puščica proti opazovalcu)
ʘ

✵ ✵

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.