Veliki znak plus. HTML posebni znakovi. Slučajevi korištenja nekih posebnih znakova, uključujući neprekinuti razmak i meku crticu

Posebni HTML znakovi su posebne jezične konstrukcije koje se odnose na znakove iz skupa znakova koji se koriste u tekstualnim datotekama. Tablica prikazuje popis rezerviranih i posebnih znakova koji se ne mogu dodati izvornom kodu HTML dokumenta pomoću tipkovnice:

  • znakovi koji se ne mogu unijeti pomoću tipkovnice (na primjer, simbol autorskih prava)
  • znakovi namijenjeni označavanju (na primjer, znak veće od ili manje od)

Takvi se znakovi dodaju pomoću numeričkog koda ili naziva.

SimbolNumerički kodIme simbolaOpis
" " " navodnik
" " " apostrof
& & & ampersand
< < znak manje
> > > znak više
neprekidni razmak (Neprekidni razmak je razmak koji se pojavljuje unutar retka kao običan razmak, ali ne dopušta programima za prikaz i ispis da prekinu redak na ovom mjestu.)
¡ ¡ ¡ obrnuti uskličnik
¢ ¢ ¢ cent
£ £ £ lb.
¤ ¤ ¤ valute
¥ ¥ ¥ jen
¦ ¦ ¦ slomljena okomita traka
§ § § odjeljak
¨ ¨ ¨ interval (ćirilica)
© znak autorskog prava
ª ª ª ženski redni eksponent
« « « Francuski navodnici (riblja kost) - lijevo
¬ ¬ ¬ negacija-izrazi
® ® ® registrirani zaštitni znak
¯ ¯ ¯ makronski interval
° ° ° stupanj
± ± ± plus ili minus
² ² ² superskript 2
³ ³ ³ superskript 3
´ ´ ´ akutni interval
µ µ µ mikro
paragraf
· · · središnja točka
¸ ¸ ¸ cedilla interval
¹ ¹ ¹ superskript 1
º º º muški redni eksponent
» » » Francuski citati (riblja kost) - desno
¼ ¼ ¼ 1/4 dijela
½ ½ ½ 1/2 dijela
¾ ¾ ¾ 3/4 dijela
¿ ¿ ¿ obrnuti upitnik
× × × množenje
÷ ÷ ÷ podjela
́ ́ isticanje
ΠΠΠkapitalna ligatura OE
œ œ œ mala ligatura oe
Š Š Š S s krunom
š š š malo slovo S s krunom
Ÿ Ÿ Ÿ veliko Y s tijarom
ƒ ƒ ƒ f s kukom
ˆ ˆ ˆ dicriatic naglasak
˜ ˜ ˜ mala tilda
- crtica
em crtica
lijevi jednostruki navodnik
desni jednostruki navodnik
donji jednostruki navodnik
lijevi dvostruki navodnici
desni dvostruki navodnici
donji dvostruki navodnici
bodež
dvostruki bodež
. metak
horizontalna elipsa
ppm (tisućinke)
minuta
sekundi
jedan navodnik u lijevom kutu
jedan navodnik u desnom kutu
nadstavljanje
Euro
™ ili zaštitni znak
lijeva strelica
strelica prema gore
desna strijela
strelica prema dolje
dvostruka strelica
strelica za povratak na prijelaz
gornji lijevi kut
gornji desni kut
donji lijevi kut
donji desni kut
romb
vrhovi
križ
crvi
dijamant

Matematički simboli podržani u HTML-u

SimbolNumerički kodIme simbolaOpis
za bilo koga, za svakoga
Dio
postoji
prazan skup
Hamiltonov operator (nabla)
pripada skupu
ne pripada skupu
ili
raditi
iznos
minus
množenje ili operator konjugiran na
× × &puta znak množenja
Korijen
proporcionalnost
beskonačnost
mnoštvo
kutak
I
ili
križanje
Unija
sastavni
Zato
Kao
usporediv
približno jednaki
nejednak
identično
manje ili jednako


manje ili jednako
više ili jednako


više ili jednako
podskup
supersetovi
nije podskup
podskup
nadskup
izravni iznos
tenser proizvod
okomito
operator točka

grčki i koptski alfabet

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

Zašto su potrebni posebni znakovi i kako ih koristiti

Recimo da odlučite opisati neku oznaku na svojoj stranici, ali budući da preglednik koristi znakove< и >poput početka i kraja oznake, njihova primjena unutar sadržaja vašeg html koda može dovesti do problema. Ali HTML vam daje jednostavan način definiranja ovih i drugih posebnih znakova pomoću jednostavnih kratica tzv reference na simbole.

Pogledajmo kako ovo funkcionira. Za svaki znak koji se smatra posebnim ili koji želite koristiti na svojoj web stranici, a koji se ne može ispisati u vašem uređivaču (npr. simbol za kopirajt), pronađite kraticu i ispišite je u html kodu umjesto željenog znaka . Na primjer, za simbol ">" kratica je > , a za simbol "<" - < .

Recimo da želite ispisati "Element vrlo važno" na svojoj stranici. Umjesto toga, morat ćete koristiti reference na simbole koji su vam potrebni za ispravan prikaz unosa, a na kraju bi vaš unos u kodu trebao izgledati ovako:

Element jako važno

Pokušajte »

Još jedan poseban znak koji trebate znati je simbol & (ampersand). Ako želite da se pojavi na vašoj HTML stranici, koristite vezu & umjesto simbola &.

Posebni znakovi su tehnički znakovi koji nisu prikazani na tipkovnici i kodirani su pomoću UNICODE-a ili nekog drugog metajezika. Posebni znakovi podijeljeni su u skupine: matematički, grčki alfabet, ISO 8859-1 i drugi. Zašto su potrebni i kako ih koristiti, pročitajte dalje u članku.

Korištenje posebnih znakova pri pisanju dokumenata

Koristi se u sljedeće svrhe:

  1. Davanje cjelovitosti i estetike artiklu. Posebni znakovi pomažu vam da brzo razumijete dimenzionalne vrijednosti ili pročitate povijesno ime na latinskom ili grčkom.
  2. Neki elementi osiguravaju ispravan izgled dokumenta. Na primjer, "" i "" su različiti, prvi se prenose standardnim sredstvima, drugi posebnim znakovima.
  3. Izgled matematičkih dokumenata ne može proći bez poznavanja glavnih skupina elemenata.

Osnovni znakovi

Materijal će vam omogućiti da pronađete posebne znakove u odgovarajućem kodiranju za brzo umetanje u tekst.

Izgled Oznaka HTML kôd CSS kod
Snjegović \2603
pravoslavni krst \2626
Sidro \2693
Telefonski znak \2706
Telefon \260E
Vrući napitci \2615
Olovka okrenuta prema dolje \270E
Olovka \270F
Olovka usmjerena prema gore udesno \2710
Prazan vrh \2711
Napunjen vrh olovke \2712
ljiljan \269C
Kaciga s bijelim križem \26D1
Nacrtana bijela zvijezda \269D
Pahuljica \2744
Osjenčano podebljano srce \2764
Snježna pahulja stisnuta djetelinom \2745
Debela pahulja oštrog kuta \2746
Osjenčana zvijezda \2605
Prazna zvijezda \2606
Neispunjena zvijezda u ispunjenom krugu \272A
Ispunjena zvijezda s otvorenim krugom iznutra \272B
Rotirajuća zvijezda \272F
Zvijezda sa sfernim krajevima \2749
Podebljani osmokraki zvjezdasti propeler u obliku kapi \274B
Zvijezda s praznim središtem \2732
Naslikano sunce sa zrakama \2600
Oblaci \2601
Kišobran \2602
Označite kvadratić \2611
Križ u kvadratu \2612
Namršteni emotikon \2639
Nasmiješeni emotikon \263A
Osjenčani nasmiješeni emotikon \263B
Srp i čekić \262D
Ispunjena zastava \2691
Prazna zastavica \2690
Trigram \2630
Naslikani cvijet \273f
Prazan cvijet \2740
Cvijet sa šest latica \273E
Ocrtani cvijet u boji \2741
Cvijet od točkica \2742
Omotnica \2709
Srce u obliku cvijeta \2766
Broj 1 \2776
Broj 2 \2777
Broj 3 \2778
Broj 4 \2779
Broj 5 \277A
Broj 6 \277B
Broj 7 \277C
Broj 8 \277D
Broj 9 \2792
Broj 10 \2793
Podebljani znak množenja \2716
Podebljani križ \2718
Podebljana kvačica \2714
Masni križ \271A
Simbol atoma \269B
Simbol recikliranja \267A
Neispunjeni kvadrat s donjom desnom sjenom \2751
Neispunjeni kvadrat s gornjom desnom sjenom \2752
Dijamant u okviru \25C8
Zaokružite popunjenu lijevu polovinu \25D0
Zaokružite popunjenu desnu polovinu \25D1
Tri zvjezdice \2042

Interpunkcijski znakovi

Izgled Oznaka HTML kôd CSS kod
< Znak manje od (početak oznake) < \003C
> Znak veće od (kraj oznake) > \003E
« Lijeva dvostruka kutna zagrada « \00AB
» Desna dvostruka kutna zagrada » \00BB
Jednostruki navodnik u lijevom kutu \2039
Jednostruki navodnik u desnom kutu \203A
« Dupli navodnici " \0022
Jednostruki udar \2032
Dvostruki udar \2033
Lijevi jednostruki navodnik \2018
Desni jednostruki navod \2019
Donji jednostruki navodnik \201A
Lijevi dvostruki navodnik \201C
Desni dvostruki navod \201D
Donji dvostruki navodnik \201E
Podebljani pojedinačni zarez na početku \275C
Podebljani jedan rotirani gornji zarez \275B
& ampersand & \0026
Apostrof (jednostruki navodnik) " \0027
§ stavak § \00A7
© Znak autorskog prava \00A9
¬ Znak negacije ¬ \00AC
® Registrirani zaštitni znak ® \00AE
¯ Macron ¯ \00AF
° Stupanj ° \00B0
± Plus ili minus ± \00B1
¹ Superskript "1" ¹ \00B9
² Superskript "2" ² \00B2
³ Superskript "3" ³ \00B3
¼ Jedna četvrtina ¼ \00BC
½ Pola ½ \00BD
¾ Tri četvrtine ¾ \00BITI
´ Oznaka naglaska ´ \00B4
µ Mikro µ \00B5
Oznaka odlomka \00B6
· Znak množenja · \00B7
¿ Obrnuti upitnik ¿ \00BF
ƒ Florin znak ƒ \0192
Znak zaštitnog znaka \2122
Oznaka popisa . \2022
Elipsa \2026
Prekrivanje \203E
Em crtica - \2013
- Em crtica \2014
ppm \2030
} Desna vitičasta zagrada } \007D
{ Lijeva vitičasta zagrada { \007B
= znak jednakosti = \003D
Znak nejednakosti \2260
Kongruencija (geometrijska jednakost) \2245
Skoro jednaka \2248
Manje od ili jednako \2264
Veće ili jednako \2265
Kutak \2220
Okomito (gumb gore) \22A5
Korijen \221A
N-arno zbrajanje \2211
Sastavni \222B
Znak fusnote \203B
÷ Znak podjele ÷ \00F7
Znak beskonačnosti \221E
@ Simbol psa @ \0040
[ Lijeva uglata zagrada [ \005B
] Desna uglata zagrada ] \005D

strelice

Izgled Oznaka HTML kôd CSS kod
Lijeva strelica \2190
Strelica prema gore \2191
Desna strijela \2192
Strelica prema dolje \2193
Strelica lijevo-desno \2194
Strelica prema dolje i lijevo – znak za povratak na početak \21B5
Dupla strelica lijevo \21D0
Dupla strelica prema gore \21D1
Dvostruka strelica udesno \21D2
Dvostruka strelica prema dolje \21D3
Dupla strelica lijevo-desno \21D4
Leteća strijela \27A0
Vrh strelice \27A4
Zakrivljena strelica usmjerena prema dolje i udesno \27A5
Zakrivljena strelica usmjerena prema gore i udesno \27A6
Strelica udesno \27B3
\21BA
Okrugla strelica s vrhom u smjeru suprotnom od kazaljke na satu \21BB
Debela šuplja strelica prema gore \21E7
Lijeva strelica s kukom \21A9
Strelica nagnuta prema dolje \27AB
Ispunjena strelica prema dolje \2B07
Popunjena strelica prema gore \2B06

Odijela karata, znakovi zodijaka i ikone valuta

Izgled Oznaka HTML kôd CSS kod
"pik" \2660
"Klubovi" \2663
"srca" \2665
"Dijamant" \2666
Kontura "Srca" \2661
Kontura "Tamburaši" \2662
Peaks Contour \2664
Okvirni "klubovi" \2667
¢ Cent ¢ \FFE0
£ GBP £ \FFE1
ruska rublja \20BD
¥ Yen ili Yuan ¥ \00A5
Euro \20AC
$ Dolar $ \0024
Znak grivne \20B4
indijska rupija \20B9
CNY \5713
kazahstanski tenge \20B8
Ovan \2648
Bik \2649
Blizanci \264A
Rak \264B
Lav \264C
Djevica \264D
Vage \264E
Škorpion \264F
Strijelac \2650
Jarac \2651
Vodenjak \2652
Riba \2653

grčki alfabet

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

Kako to koristiti u praksi


Bez obzira na CMS, dodavanje članka se vrši pomoću vizualnog editora i HTML verzije. Svi posebni znakovi u kodiranju mogu se umetnuti samo u drugom slučaju. Za ispravnu upotrebu alata, preporuča se uzeti u obzir tablice koje prikazuju kôd i vanjski prikaz.

Imajte na umu da ako umetnete znak u vizualni prikaz članka, element će se pretvoriti u odgovarajući kod u HTML-u. Prilikom ručnog unosa podataka, razmotrite slučaj koji utječe na konačni rezultat.

Tipkani tekst sastoji se od tiskanih znakova – grafičkih simbola.
Grafički simboli su simboli koji imaju vidljiv prikaz u tekstu.
Svi grafički simboli prikupljeni su u skupu jednog univerzalnog Unicode sustava.
Umetnite Unicode grafički simbol u html dokument
- glavna i jedina svrha ove tablice.

Možete umetnuti simbol u HTML dokument na jedan od sljedećih načina:

  1. kopirajte sliku simbola iz prozora preglednika u prozor vašeg vizualnog html uređivača
  2. kopirajte html kod simbola izravno u kod html dokumenta
Imajte na umu da su ovo dvije različite metode:
  1. umetnuti vizualno u vizualno
  2. umetnuti kod u kod.

Font za simbol, njegova veličina i boja u HTML-u mogu se postaviti kodom kao što je:
CHARACTER_CODE
Gdje,
Arial - font,
10px - veličina fonta u pikselima,
#ff0000 - kod boje fonta (crveno)

Na primjer:
☎ - veličina slova slova 30px,
☎ - veličina slova simbola 30px, boja - crvena
☎ - veličina slova slova 20px,
☎ - veličina fonta simbola 10px.
Bilješka Preporučeni fontovi za umetanje posebnih znakova su Arial, Verdana i Tahoma. Ovi fontovi ispravno prikazuju Unicode znakove i sami ih ispravno podržavaju web aplikacije.

  1. "Simbol"
    (vidljivi prikaz simbola)
    Iz ovog stupca možete kopirati sliku simbola i zalijepiti je u prozor uređivača html teksta. Simbol će biti kopiran s veličinom fonta od 20px. Nakon dovršetka kopiranja, možda će biti potrebno individualno prilagoditi veličinu fonta izravno kopiranom znaku.
  2. "Ime"
    (samo za važne ili nejasne znakove)
    Objašnjenje svrhe simbola, opsega, primjeri...
  3. "Mnemotehnika"
    Mnemotehnika je abecedna konstrukcija oblika ", koja označava abecedni kod znaka u HTML-u. Umeće se izravno u html kod html dokumenta. Mnemotehnike su vrlo popularne među profesionalnim dizajnerima izgleda. Ljudi ih savršeno pamte i podržavaju sve html aplikacije.Svaka mnemonika sadrži abecedni naziv (oznaku) svog simbola i servisni znak (&), koji služi kao signal pregledniku za čitanje koda i ne prikazuje se na ekranu monitora.Ime svakog mnemotehničkog znaka je jedinstven i lak za čitanje, jer je izveden iz engleske riječi koja karakterizira simbol.

    Mnemotehnika (grč.) – umijeće pamćenja nečega. Mnemotehnika se koristi za olakšavanje percepcije teško pamtljivih informacija kada se predmet pamćenja dovede u asocijativno stanje s nečim.

  4. "Kodirati"
    Kod - numerički decimalni kod znaka u HTML-u, poput &. Umetnuto izravno u html kod html dokumenta. Decimalni kod se sastoji od broja koji označava redni broj znaka u Unicode sustavu i nekoliko servisnih znakova (& i #), koji pregledniku služe kao signal za čitanje koda i ne prikazuju se na ekranu monitora. Decimalni kod je naširoko korišten i korišten zbog svoje svestranosti i lakoće percepcije.

Kontrolni znakovi u HTML-u (XHTML)

Kontrolni znakovi u HTML-u (XHTML) su servisni znakovi HTML jezika koji se koriste u HTML izgledu web stranice. Svaki preglednik mora podržavati ove znakove, jer bez njih nije moguće ispravno prikazati HTML tekst. Kontrolni znakovi nisu prikazani u tekstu i, kada se unesu izravno s tipkovnice, preglednik ih tumači kao interpunkcijske znakove koji pozivaju na izvršenje neke radnje kada se stranica iscrtava na ekranu.

Dopušteno je koristiti kontrolne znakove u običnim tekstovima, gdje oni simboliziraju univerzalne pojmove, a preglednik ih tumači kao obične tipografske znakove. Kada koristite servisne simbole u HTML tekstovima na ovaj način, ne morate unijeti vrijednost samog simbola, već njegov HTML kod. Jer, ponavljam, inače će preglednik simbol usluge shvatiti kao poziv na akciju i neće ispravno prikazati HTML tekst na zaslonu monitora.

Kontrolne simbole i njihov HTML kod poznaju i razumiju svi preglednici bez iznimke, što se, nažalost, ne može reći za druge simbole koji se mogu netočno prikazati u različitim preglednicima ili, još gore, uopće se ne prikazuju.

Sintaksa i interpunkcija

prostor duljine N (regularni prostor)
prostor duljine M (longspace)
- meka crtica (znak koji se ne može ispisati) - ­
crtica –
- crtica duljine N (obična crtica) -
crtica duljine M (em crtica)
. točka .
, zarez ,
elipsa …
: debelo crijevo :
; točka i zarez ;
! uskličnik !
ǃ
? upitnik ?
@ "pas" @
* "zvijezda" *
# "Rešetka" #
jednostruki gornji lijevi navodnik ‘
jednostruki gornji desni navodnik ’
jedan donji desni navodnik ‚
dvostruki gornji lijevi citat “
dvostruki gornji desni navodnik ”
dvostruki donji desni navodnik &bdquo „
« dvostruki navodnik u lijevom kutu (Rus) « «
» dvostruki navodnik u desnom kutu (Rus) » »
́ znak naglaska, primjer: Vasya ́
" apostrof, primjer: Ti"Ja "
´ akutni, primjer: Vasya ´ ´
odlomak (znak koji se ne može ispisati)
§ paragraf § §
ˆ naglasak (obrnuta ptica) ˆ ˆ
ˆ
˜ mala tilda ˜ ˜
˜
¦ okomita isprekidana linija ¦ ¦
( lijeva zagrada (
) desna zagrada )
lijeva kutna zagrada
prava kutna zagrada
lijeva kutna zagrada, opcija
desna kutna zagrada, opcija
[ uglata zagrada lijevo [
] uglata zagrada desna ]
/ kosa crta - znak kose crte /
\ obrnuta kosa crta \
kosa crta (znak dijeljenja)
ǀ okomita traka ǀ
ǁ dvostruka okomita traka ǁ
nadcrtavanje, primjer: Vasya‾vasya
¯ macron, primjer: Vasya¯vasya ¯ ¯

Zaštitni znakovi i valuta

+ plus + +
minus -
= jednaki =
± plus ili minus ± ±
× znak množenja × ×
÷ znak podjele ÷ ÷
operator točka (sredina retka) ·
operator zvjezdice (sredina retka)
operator tilde
. oznaka popisa (sredina retka) . •
¹ gornji indeks "1" ¹ ¹
² gornji indeks "2" ² ²
³ gornji indeks "3" ³ ³
Gornji indeks i indeks u HTML-u (XHTML)
mogu se umetnuti pomoću oznaka I , odnosno:
BROJ Superskript→ BROJ Superskript
BROJ indeks→ BROJ indeks
½ razlomak "jedna polovica" ½ ½
razlomak "jedna trećina"
¼ razlomak "jedna četvrtina" ¼ ¼
¾ razlomak "tri četvrtine" ¾ ¾
brojčani znak
% postotak %
ppm ‰
° stupnjeva ° °
primarni (minute, stope)
dvostruko prima (sekunde, inči)
Primjer 1: 30° 25′ 12″
Primjer 2: 25′ 12
µ mikro µ µ
π Pi π π
ƒ znak funkcije
(ne brkati s "integralnim")
ƒ ƒ
ƒ
sastavni
prekrižena nula, prazan skup
(ne smije se brkati s "promjerom")
promjer (ne smije se brkati s prekriženim latinskim "o")
ø Latinsko "o" dijagonalno prekriženo ø ø
Ø Latinsko veliko "O" dijagonalno prekriženo Ø Ø
oznaka rada
znak zbrajanja
radikal
(kvadratni korijen ili x korijen)
proporcionalno
beskonačnost
kutak
ortogonalno (okomito)
znak "dakle"
približno jednaki
gotovo jednaka
nejednak
identično
manje ili jednako
više ili jednako
logično I
logički ILI
znak plus u krugu
(izravni iznos)
znak množenja u krugu
(križni umnožak, strelica od promatrača)
ʘ točka u krugu
(strelica prema promatraču)
ʘ

✵ ✵

Pozdrav, dragi čitatelji bloga! Oni koji su se s njim barem površno upoznali vjerojatno su ga već primili na znanje, iako općenito. To znači da imaju ideju o tome koji se HTML simboli općenito koriste u kodu dokumenta.

U današnjem ćemo članku pokušati otkriti što je razmak u HTML-u i u kojim slučajevima možete koristiti razmake prilikom oblikovanja samog koda za lakše čitanje. Saznat ćemo kada je potrebno koristiti neprekinuti razmak, a također ćemo se upoznati s drugim posebnim znakovima (ili, kako ih još nazivaju, mnemotehnikama).

Zapravo, savjetovao bih vam da ne zanemarite temu korištenja raznih posebnih znakova, budući da je to važna komponenta koja vam omogućuje da dovršite svoje proučavanje jezika za označavanje hiperteksta. Općenito, informacije navedene u ovoj publikaciji definitivno neće biti suvišne. Pa, sada na stvar.

Razmaci i razmaci u HTML-u

Prvo treba napraviti važnu napomenu. Na tipkovnici računala postoje posebne tipke koje vam omogućuju odvajanje teksta (o tome više u nastavku). Međutim, samo široka razmaknica pruža razdvajanje između riječi ne samo u uređivaču, već iu prozoru preglednika. Postoje nijanse kod lomljenja linija i uvlačenja od rubova.

Kao što znate, prikaz određenih elemenata u web pregledniku određen je oznakama. Za oblikovanje teksta koristi se dobro poznati , koji se temelji na blokovima. Odnosno, njegov sadržaj se nalazi po cijeloj dostupnoj širini.

Do prelomi retke unutar odlomka P, morate koristiti jednu BR oznaku, s kojom to možete učiniti. Recimo da u tekst trebamo umetnuti stihove iz pjesme koju smo napisali u uređivaču teksta:

Unatoč činjenici da su redovi stiha ispravno smješteni i crtice su napravljene na pravim mjestima, sve će izgledati drugačije u pregledniku:


Da biste postigli isti prikaz u prozoru web preglednika, trebate napisati BR na svakom prijelomu retka:

Sada smo ispunili zadatak i poetski stihovi bit će potpuno ispravno prikazani u pregledniku:

Time su dovršeni potrebni prijelomi redaka. Još jedna značajka koju ovdje treba napomenuti je da se više razmaka koji dolaze jedan za drugim prikazuje u web pregledniku kao jedan. To možete provjeriti ako u istom uređivaču pokušate staviti ne jedan, već nekoliko razmaka između dvije riječi i klikom na gumb "Spremi" pogledajte rezultat u pregledniku.

Razmak, tabulator i prijelom retka

Uglavnom, s ovima znakovi razmaka Upoznajemo se čim počnemo raditi s tekstom u editoru i oblikujemo ga u željeni oblik. Za provedbu takvog zadatka postoje posebni ključevi, od kojih svaki odgovara vlastitom razmaku:

  • Razmaknica je najšira tipka na tipkovnici računala (bez oznake);
  • Tab - tipka s lijeve strane s natpisom "Tab" i dvije strelice koje pokazuju u različitim smjerovima;
  • Prijelom retka - tipka "Enter".

Međutim, kao što sam rekao gore, konačni željeni rezultat dobivamo ne samo u uređivaču teksta, već iu pregledniku, samo kada koristimo prvu tipku. Sva tri ključa (uključujući tabulator i prijelom retka korisni su pri formatiranju HTML koda. Recimo da ovako izgleda fragment koda u NotePad++ (ima puno informacija o ovom uređivaču) kada se prikazuju svi razmaci:


Dobivamo kod koji je lako čitljiv i razumljiv zahvaljujući razmacima. Narančaste strelice označavaju udubljenja stvorena pomoću tipke Tab, a simboli CR i LF označavaju prijelome redaka stvorene pomoću tipke Enter.

Pregledavaju se spremnici ugniježđeni jedan u drugi, a oznake za otvaranje i zatvaranje jasno su vidljive. U ovom obliku, ovaj kod se može lako uređivati. Sada ga usporedite s istim kodom, koji nema takvu podjelu teksta:

Na isti način, koristeći razmake, možete napisati CSS pravila koja će vizualno izgledati jasno i probavljivo:


Nakon što sve stilove dovedete pod zajednički nazivnik i potpuno završite s uređivanjem datoteke stilova, možete izvršiti uređivanje uklanjanjem svih razmaka iz koda. To je potrebno za povećanje, što je vrlo važno kada se promovira resurs.

Posebni znakovi (ili mnemotehnike) u HTML kodu

Sada pogledajmo slučajeve u kojima je potrebno koristiti posebne znakove koje sam spomenuo na početku članka. Posebni HTML znakovi, ponekad zvani mnemotehnika, uvedeni su kako bi se riješio dugogodišnji problem s kodiranjem koji se pojavio u jeziku za označavanje hiperteksta.

Kada tipkate tekst na tipkovnici, znakovi jezika koji koristite su kodirani. U web pregledniku će se upisani tekst prikazati pomoću fontova koje ste odabrali kao rezultat operacije obrnutog dekodiranja.

Činjenica je da postoji mnogo takvih kodiranja, sada nemamo cilj detaljno ih analizirati. Samo što svakom od njih možda nedostaju određeni simboli, koji se ipak moraju prikazati. Recimo da osjećate potrebu da napišete jednostruke navodnike ili znak naglaska, ali te ikone jednostavno nisu uključene u set.

Kako bi se uklonio ovaj problem, uveden je sustav posebnih simbola koji uključuje veliki broj različitih mnemotehnika. Svi počinju znakom & "&" i obično završavaju točkom i zarezom ";". U početku je svaki poseban znak imao svoj digitalni kod. Na primjer, za neprekinuti prostor, koji ćemo detaljnije razmotriti u nastavku, vrijedit će sljedeći unos:

Ali nakon nekog vremena, najčešćim simbolima dodijeljeni su slovni analozi (mnemotehnike) kako bi se lakše zapamtili. Recimo da za isti neprekinuti prostor to izgleda ovako:

Kao rezultat, preglednik prikazuje odgovarajući simbol. Popis mnemotehnike je vrlo obiman, najčešće korišteni posebni znakovi u HTML-u možete otkriti u sljedećoj tablici:

simbol kodirati mnemotehnika opis
neprekinuti prostor
uzak prostor (en-širina kao slovo n)
širok prostor (em-širina kao slovo m)
- crtica (crtica)
- em crtica (em crtica)
­ - ­ meki prijenos
A ́ naglasak se stavlja iza slova "naglasak".
© © autorsko pravo
® ® ® registrirani zaštitni znak
znak zaštitnog znaka
º º º koplje Marsa
ª ª ª ogledalo Venere
ppm
π π π pi (koristite Times New Roman)
¦ ¦ ¦ okomita isprekidana linija
§ § § paragraf
° ° ° stupanj
µ µ µ mikro znak
oznaka odlomka
elipsa
nadstavljanje
´ ´ ´ znak naglaska
brojčani znak
🔍 🔍 Povećalo (nagnuto ulijevo)
🔎 🔎 Povećalo (nagnuto udesno)
znakovi aritmetičkih i matematičkih operacija
× × × pomnožiti
÷ ÷ ÷ podijeliti
< < manje
> > > više
± ± ± plus/minus
¹ ¹ ¹ stupanj 1
² ² ² stupanj 2
³ ³ ³ stupanj 3
¬ ¬ ¬ negacija
¼ ¼ ¼ Jedna četvrtina
½ ½ ½ pola
¾ ¾ ¾ tri četvrtine
decimalna točka
minus
manje ili jednako
više ili jednako
približno (skoro) jednak
nejednak
identično
kvadratni korijen (radikal)
beskonačnost
znak zbrajanja
oznaka rada
parcijalni diferencijal
sastavni
za sve (vidljivo samo ako je podebljano)
postoji
prazan skup
Ø Ø Ø promjer
pripada
ne pripada
sadrži
je podskup
je superset
nije podskup
je podskup ili jednak
je nadskup ili jednak
plus u krug
znak množenja u krugu
okomito
kutak
logično I
logički ILI
križanje
Unija
znakovi valute
Euro
¢ ¢ ¢ Cent
£ £ £ lb
¤ ¤t; ¤ Znak valute
¥ ¥ ¥ Znak jena i juana
ƒ ƒ ƒ Florin znak
oznake
. jednostavan marker
krug
· · · središnja točka
križ
dvostruki križ
vrhovi
klubovi
srca
dijamant
romb
olovka
olovka
olovka
ruka
citati
" " " dvostruki navodnik
& & & ampersand
« « « lijevi tipografski navodnik (navodnik u obliku riblje kosti)
» » » desni tipografski navodnik (navodnik riblje kosti)
single corner citatni otvor
single corner quote closing
primarni (minute, stope)
dvostruko prima (sekunde, inči)
gornji lijevi jednostruki navodnik
gornji desni jednostruki navodnik
donji desni jednostruki navodnik
citat-foot lijevo
citat stopalo gore desno
citat stopalo dolje desno
jednostruki engleski početni navodnik
jednostruki engleski zatvarajući navodnik
otvarajući dvostruki navodnik
zatvarajući dvostruki navodnik
strijele
lijeva strelica
strelica prema gore
desna strijela
strelica prema dolje
strelica lijevo i desno
strelica gore i dolje
povrat prtljage
dvostruka strelica lijevo
dvostruka strelica prema gore
dvostruka desna strelica
dvostruka strelica prema dolje
dvostruka strelica lijevo i desno
dvostruka strelica gore i dolje
trokut strelica prema gore
trokut strelica prema dolje
trokut strelica desno
trokut strelica lijevo
zvijezde, snježne pahulje
Snjegović
Pahuljica
Snježna pahulja stisnuta djetelinom
Debela pahulja oštrog kuta
Osjenčana zvijezda
Prazna zvijezda
Neispunjena zvijezda u ispunjenom krugu
Ispunjena zvijezda s otvorenim krugom iznutra
Rotirajuća zvijezda
Nacrtana bijela zvijezda
Srednji otvoreni krug
Ispunjeni srednji krug
Sekstil (tip snježne pahulje)
Osmerokraka rotirajuća zvijezda
Zvijezda sa sfernim krajevima
Podebljani osmokraki zvjezdasti propeler u obliku kapi
Šesnaestokraka zvjezdica
Dvanaestokraka zvijezda
Podebljana osmerokraka ravno ispunjena zvijezda
Ispunjena šestokraka zvijezda
Osmokraka ravno ispunjena zvijezda
Zvijezda s osam krakova
Zvijezda s osam krakova
Zvijezda s praznim središtem
Debela zvijezda
Zašiljena četverokraka otvorena zvijezda
Zašiljena četverokraka ispunjena zvijezda
Zvijezda u krugu
Pahuljica u krugu
sat, vrijeme
Gledati
Gledati
Pješčani sat
Pješčani sat

Slučajevi korištenja nekih posebnih znakova, uključujući neprekinuti razmak i meku crticu

Ako ste već malo proučili tablicu, dobili ste potvrdu onog što sam gore rekao, da se za prikaz svih posebnih znakova koristi digitalni kod () ili njegov abecedni analog (simbolička mnemonika), gdje se umjesto skupa hash oznaka oznake i brojke, slova ().

Sada da vidimo kada koristiti ove kodove. Recimo da u članku trebate navesti neku HTML oznaku u informativne svrhe, na primjer,

. Ako s tipkovnice upišete kutne zagrade (a postoji takva opcija), preglednik će takvu konstrukciju percipirati kao početnu oznaku, a ne kao jednostavan fragment teksta.

Stoga iz iste HTML tablice posebnih znakova uzimamo odgovarajuće kodove i cijeli unos će izgledati ovako:

Osim toga, kako bi se u pregledniku prikazao ne sam znak ampersand, već njegova oznaka oblik

, trebate dodati njegov kod iz tablice:

podnožje

Tada će preglednik prikazati točno onaj zapis mnemotehnike koju je potrebno primijeniti za prikaz oznake FOOTER. Malo je zbunjujuće, ali na ovoj stranici možete vježbati ovaj aspekt unosom mnemotehnike za odgovarajuće znakove u polje “HTML” i korištenjem gumba “Pokreni”, a u području “Rezultat” dobivanjem rezultata njihovog prikaza u preglednik:


Imajte na umu da sam osigurao da je tekst omotan pomoću već spomenute BR oznake tako da sami znakovi nisu prikazani u jednom retku, već u stupcu radi praktičnosti.

Samo naprijed. Ponekad se u tekstu pojavljuju kombinacije koje nije poželjno razdvajati u različite retke. Recimo, "1000 rubalja." Bilo bi logično ostaviti ga u gornjoj liniji ili ako nema dovoljno prostora, premjestiti cijelu strukturu u crtu ispod.

To je osobito istinito ako korisnici koriste uređaje s različitim širinama zaslona, ​​uključujući mobilne. Doista, u ovom slučaju, web preglednik oblikuje tekst, prilagođavajući se novim uvjetima. A ako tekst izgleda ispravno na standardnim veličinama monitora, onda ako se one promijene, sve se može promijeniti.

Za ove slučajeve predviđeno je HTML neprekinuti razmak, što sam već spomenuo. Dopustite mi da vas podsjetim da je u ovom slučaju prostorni kod sljedeći:

I treba ga umetnuti između dva skupa znakova koje je potrebno povezati:

1000 rub.

Sada ih preglednik ni pod kojim okolnostima neće razdvojiti, čak i ako je za ispravan prikaz potrebno oblikovanje teksta.

Postoji i situacija kada vrlo dugačka riječ ne stane u slobodni prostor i trebate pomaknuti dio nje. Kako mogu predefinirati novi red u ovom slučaju ako je potrebno? Za ovo postoji poseban znak meke crtice-, koji treba staviti na mjesto gdje treba prekinuti riječ:

Duga, duga, duga, duga riječ

Ako dođe do situacije kada riječ treba staviti crticom, tada se na mjestu mnemonike meke crtice formira praznina, gdje se pojavljuje crtica (crtica), a ostatak riječi pojavljuje se u sljedećem retku ispod.

Međutim, opet, bit će korisno vidjeti cijelu ovu stvar, uključujući primjere kontinuiranog i mekog prijenosa, u praksi:


U prozoru ovog uređivača možete promijeniti veličinu polja za prikaz "Rezultat" tako da lijevom tipkom miša uhvatite rub ovog područja i, bez otpuštanja, povučete ulijevo kako biste smanjili širinu. Tada nastaje stvarna situacija kada preglednik počne preoblikovati sadržaj kako bi ga ispravno prikazao.

I prijenos se provodi, što je bilo predviđeno u primjerima koje sam opisao. Međutim, sami možete pomicati prozor za gledanje, širiti ga i sužavati i to vizualno provjeriti.