HTML-specialtecken är speciella språkkonstruktioner som refererar till tecken från teckenuppsättningen som används i textfiler. Tabellen visar en lista över reserverade tecken och specialtecken som inte kan läggas till i källkoden för ett HTML-dokument med hjälp av tangentbordet:

• tecken som inte kan matas in med tangentbordet (till exempel en copyright-symbol)
• tecken avsedda för märkning (till exempel ett tecken som är större än eller mindre än)

Sådana tecken läggs till med en numerisk kod eller ett namn.

Symbol	Numerisk kod	Symbolnamn	Beskrivning
"	"	"	citattecken
"	"	"	apostrof
&	&	&	och-tecken
<		<	mindre än tecken
>	>	>	mer tecken
			icke-brytande mellanslag (Ett icke-brytande mellanslag är ett mellanslag som visas inuti en rad som ett vanligt mellanslag, men som inte tillåter att visnings- och utskriftsprogram bryter linjen vid denna tidpunkt.)
¡	¡	¡	omvänt utropstecken
¢	¢	¢	cent
£	£	£	lb.
¤	¤	¤	valutor
¥	¥	¥	yen
¦	¦	¦	bruten vertikal stång
§	§	§	sektion
¨	¨	¨	intervall (kyrillisk)
	©		upphovsrättsskylt
ª	ª	ª	kvinnlig ordinalexponent
«	«	«	Franska citat (fiskben) - vänster
¬	¬	¬	negations-uttryck
®	®	®	registrerat varumärke
¯	¯	¯	makronintervall
°	°	°	grad
±	±	±	plus eller minus
²	²	²	upphöjd 2
³	³	³	upphöjd 3
´	´	´	akut intervall
µ	µ	µ	mikro
¶	¶	¶	paragraf
·	·	·	mittpunkt
¸	¸	¸	cedilla intervall
¹	¹	¹	upphöjd 1
º	º	º	manlig ordinalexponent
»	»	»	Franska citat (fiskben) - höger
¼	¼	¼	1/4 del
½	½	½	1/2 del
¾	¾	¾	3/4 delar
¿	¿	¿	omvänt frågetecken
×	×	×	multiplikation
÷	÷	÷	division
́	́		betoning
Œ	Œ	Œ	stor ligatur OE
œ	œ	œ	ligatur med små bokstäver oe
Š	Š	Š	S med krona
š	š	š	gemener S med krona
Ÿ	Ÿ	Ÿ	stort Y med tiara
ƒ	ƒ	ƒ	f med krok
ˆ	ˆ	ˆ	dikritisk accent
˜	˜	˜	liten tilde
–	–	-	rusa
—	—	—	em streck
‘	‘	‘	vänster enstaka citat
’	’	’	rätt enda citat
‚	‚	‚	nedersta enstaka citat
“	“	“	lämnade dubbla citattecken
”	”	”	rätt dubbla citattecken
„	„	„	lägre dubbla citattecken
†	†	†	dolk
‡	‡	‡	dubbel dolk
		.	kula
…	…	…	horisontell ellips
‰	‰	‰	ppm (tusendelar)
′	′	′	minuter
″	″	″	sekunder
‹	‹	‹	enkla vänster hörn citat
›	›	›	enkla högra hörnet citat
‾	‾	‾	överstrykning
€	€	€	Euro
™	™ eller	™	varumärke
←	←	←	vänster pil
			uppåtpil
→	→	→	höger pil
↓	↓	↓	pil nedåt
↔	↔	↔	dubbel pil
↵	↵	↵	vagnreturpil
⌈	⌈	⌈	övre vänstra hörnan
⌉	⌉	⌉	översta högra hörnet
⌊	⌊	⌊	nedre vänstra hörnet
⌋	⌋	⌋	nedre högra hörnet
◊	◊	◊	romb
♠	♠	♠	toppar
♣	♣	♣	korsa
			maskar
♦	♦	♦	ruter

Matematiska symboler stöds i HTML

Symbol	Numerisk kod	Symbolnamn	Beskrivning
∀	∀	∀	för vem som helst, för alla
∂	∂	∂	Del
∃	∃	∃	existerar
∅	∅	∅	tom uppsättning
∇	∇	∇	Hamilton operatör (nabla)
∈	∈	∈	tillhör uppsättningen
∉	∉	∉	hör inte till uppsättningen
∋	∋	∋	eller
∏	∏	∏	arbete
∑	∑	∑	belopp
−	−	−	minus
∗	∗	∗	multiplikation eller operator konjugera till
×	×	&tider	multiplikationstecken
√	√	√	Roten ur
∝	∝	∝	proportionalitet
∞	∞	∞	oändlighet
⋮	⋮		mångfald
∠	∠	∠	hörn
∧	∧	∧	Och
∨	∨	∨	eller
∩	∩	∩	genomskärning
∪	∪	∪	Union
∫	∫	∫	väsentlig
∴	∴	∴	Det är därför
∼	∼	∼	tycka om
≅	≅	≅	jämförbar
≈	≈	≈	ungefär lika
≠	≠	≠	inte jämnlikt
≡	≡	≡	identiskt
≤	≤	≤	mindre eller lika
⩽	⩽ ⩽	⩽ ⩽	mindre eller lika
≥	≥	≥	mer eller lika
⩾	⩾ ⩾	⩾ ⩾	mer eller lika
⊂	⊂	⊂	delmängd
⊃	⊃	⊃	superset
⊄	⊄	⊄	inte en delmängd
⊆	⊆	⊆	delmängd
⊇	⊇	⊇	superset
⊕	⊕	⊕	direkt belopp
⊗	⊗	⊗	spännare produkt
⊥	⊥	⊥	vinkelrät
⋅	⋅	⋅	punktoperator

Grekiska och koptiska alfabet

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

Varför behövs specialtecken och hur man använder dem

Låt oss säga att du bestämmer dig för att beskriva någon tagg på din sida, men eftersom webbläsaren använder tecken< и >som början och slutet av en tagg kan det leda till problem att applicera dem i innehållet i din HTML-kod. Men HTML ger dig ett enkelt sätt att definiera dessa och andra specialtecken med enkla förkortningar som kallas referenser till symboler.

Låt oss titta på hur detta fungerar. För varje tecken som anses vara speciellt eller som du vill använda på din webbsida men som inte kan skrivas ut i din editor (till exempel copyright-symbolen) hittar du förkortningen och skriver ut den i html-koden istället för önskat tecken . Till exempel, för symbolen ">" är förkortningen > , och för symbolen "<" - < .

Låt oss säga att du ville skriva ut "Element mycket viktigt" på hans sida. Istället måste du använda referenser till de symboler du behöver för att visa posten korrekt, och i slutändan ska din post i koden se ut så här:

Element väldigt viktigt

Prova "

Ett annat specialtecken du behöver känna till är symbolen & (ampersand). Om du vill att den ska visas på din HTML-sida, använd länken & istället för symbolen &.

Specialtecken är tekniska tecken som inte finns representerade på tangentbordet och som är kodade med UNICODE eller annat metaspråk. Specialtecken är indelade i grupper: matematiska, grekiska alfabetet, ISO 8859-1 och andra. Varför de behövs och hur man använder dem, läs vidare i artikeln.

Använda specialtecken när du skriver dokument

Användningen är för följande ändamål:

1. Ger artikeln fullständighet och estetik. Särskilda tecken hjälper dig att snabbt förstå dimensionella värden eller läsa ett historiskt namn på latin eller grekiska.
2. Vissa element säkerställer korrekt layout av dokumentet. Till exempel är "" och "" olika, de första sänds med standardmedel, de andra med specialtecken.
3. Layout av matematiska dokument kan inte klara sig utan kunskap om huvudgrupperna av element.

Grundläggande tecken

Materialet gör att du kan hitta specialtecken i lämplig kodning för snabb infogning i text.

Utseende	Beteckning	HTML-kod	CSS-kod
☃	Snögubbe	☃	\2603
☦	ortodoxt kors	☦	\2626
⚓	Ankare	⚓	\2693
✆	Telefon tecken	✆	\2706
☎	Telefon	☎	\260E
☕	Varma drycker	☕	\2615
✎	Penna som pekar nedåt	✎	\270E
✏	Penna	✏	\270F
✐	Penna som pekar uppåt till höger	✐	\2710
✑	Tom spets	✑	\2711
✒	Fylld pennspets	✒	\2712
⚜	fleur-de-lis	⚜	\269C
⛑	Hjälm med vitt kors	⛑	\26D1
⚝	Ritad vit stjärna	⚝	\269D
❄	Snöflinga	❄	\2744
❤	Skuggat djärvt hjärta	❤	\2764
❅	Snöflinga inklämd av shamrocks	❅	\2745
❆	Fet skarpvinklad snöflinga	❆	\2746
★	Skuggad stjärna	★	\2605
☆	Tom stjärna	☆	\2606
✪	Ofylld stjärna i en fylld cirkel	✪	\272A
✫	Fylld stjärna med en öppen cirkel inuti	✫	\272B
✯	Roterande stjärna	✯	\272F
❉	Stjärna med sfäriska ändar	❉	\2749
❋	Djärv åttauddig droppformad stjärnpropeller	❋	\274B
✲	Stjärna med tom mitt	✲	\2732
☀	Målad sol med strålar	☀	\2600
☁	Moln	☁	\2601
☂	Paraply	☂	\2602
☑	Kryssa i en ruta	☑	\2611
☒	Korsa i en kvadrat	☒	\2612
☹	Frynkande uttryckssymbol	☹	\2639
☺	Leende uttryckssymbol	☺	\263A
☻	Skuggad leende uttryckssymbol	☻	\263B
☭	Hammare och skära	☭	\262D
⚑	Fylld flagga	⚑	\2691
⚐	Tom flagga	⚐	\2690
☰	Trigram	☰	\2630
✿	Målad blomma	✿	\273f
❀	Tom blomma	❀	\2740
✾	Blomma med sex kronblad	✾	\273E
❁	Färgad konturblomma	❁	\2741
❂	Blomma gjord av prickar	❂	\2742
✉	Kuvert	✉	\2709
❦	Hjärta i form av en blomma	❦	\2766
❶	Nummer 1	❶	\2776
❷	Nummer 2	❷	\2777
❸	Nummer 3	❸	\2778
❹	Nummer 4	❹	\2779
❺	Nummer 5	❺	\277A
❻	Nummer 6	❻	\277B
❼	Nummer 7	❼	\277C
❽	Nummer 8	❽	\277D
➒	Nummer 9	➒	\2792
➓	Nummer 10	➓	\2793
✖	Fet multiplikationstecken	✖	\2716
✘	Djärvt kors	✘	\2718
✔	Fet bock	✔	\2714
✚	Fett kors	✚	\271A
⚛	Atom symbol	⚛	\269B
♺	Återvinning symbol	♺	\267A
❑	Ofylld fyrkant med skugga nedre till höger	❑	\2751
❒	Ofylld fyrkant med skugga uppe till höger	❒	\2752
◈	Diamant i ram	◈	\25C8
◐	Cirkel med vänster halva ifylld	◐	\25D0
◑	Cirkel med den högra halvan ifylld	◑	\25D1
⁂	Tre stjärnor	⁂	\2042

Punkter

Utseende	Beteckning	HTML-kod	CSS-kod
<	Mindre än-tecken (början av taggen)	<	\003C
>	Större än-tecken (slutet på taggen)	>	\003E
«	Vänster dubbelvinkelfäste	«	\00AB
»	Höger dubbelvinkelfäste	»	\00BB
‹	Vänster hörn enstaka citat	‹	\2039
›	Enkelt citat i högra hörnet	›	\203A
«	Dubbelt citat	"	\0022
′	Enkelt slag	′	\2032
″	Dubbelt slag	″	\2033
‘	Vänster enstaka citat	‘	\2018
’	Rätt enstaka citat	’	\2019
‚	Botten enstaka citat	‚	\201A
“	Vänster dubbla citattecken	“	\201C
”	Rätt dubbelcitat	”	\201D
„	Nedersta dubbelcitattecken	„	\201E
❜	Djärvt enskilt ledande kommatecken	❜	\275C
❛	Djärvt enkelroterat toppkomma	❛	\275B
&	Ampersand	&	\0026
‘	Apostrof (enkelt citat)	"	\0027
§	Paragraf	§	\00A7
©	Copyright tecken		\00A9
¬	Negationstecken	¬	\00AC
®	Registrerat varumärke	®	\00AE
¯	Macron	¯	\00AF
°	Grad	°	\00B0
±	Plus eller minus	±	\00B1
¹	Upphöjd "1"	¹	\00B9
²	Upphöjd "2"	²	\00B2
³	Upphöjd "3"	³	\00B3
¼	Fjärdedel	¼	\00BC
½	En halv	½	\00BD
¾	Trekvart	¾	\00BE
´	Accentmärke	´	\00B4
µ	Micro	µ	\00B5
¶	Styckemärke	¶	\00B6
·	Multiplikationstecken	·	\00B7
¿	Omvänt frågetecken	¿	\00BF
ƒ	Florin tecken	ƒ	\0192
™	Varumärke tecken	™	\2122
	Listmarkör	.	\2022
…	Ellips	…	\2026
‾	Överstrykning	‾	\203E
–	Em streck	-	\2013
-	Em streck	—	\2014
‰	ppm	‰	\2030
}	Höger lockigt hängslen	}	\007D
{	Vänster lockigt stag	{	\007B
=	Likhetstecken	=	\003D
≠	Ojämlikhet tecken	≠	\2260
≅	Kongruens (geometrisk likhet)	≅	\2245
≈	Nästan lika	≈	\2248
≤	Mindre än eller lika	≤	\2264
≥	Större än eller lika med	≥	\2265
∠	Hörn	∠	\2220
⊥	Vinkelrät (uppåt-knapp)	⊥	\22A5
√	Roten ur	√	\221A
∑	N-är summering	∑	\2211
∫	Väsentlig	∫	\222B
※	Fotnotstecken	※	\203B
÷	Division tecken	÷	\00F7
∞	Oändlighetstecken	∞	\221E
@	Hund symbol	@	\0040
[	Vänster hakparentes	[	\005B
]	Höger hakparentes	]	\005D

Pilar

Utseende	Beteckning	HTML-kod	CSS-kod
←	Vänster pil	←	\2190
	Uppåtpil		\2191
→	Höger pil	→	\2192
↓	Pil ner	↓	\2193
↔	Vänster-höger pil	↔	\2194
↵	Ned- och vänsterpil – skylt för vagnretur	↵	\21B5
⇐	Dubbel vänsterpil	⇐	\21D0
⇑	Dubbel uppåtpil	⇑	\21D1
⇒	Dubbelpil till höger	⇒	\21D2
⇓	Dubbel nedåtpil	⇓	\21D3
⇔	Dubbel vänster-högerpil	⇔	\21D4
➠	Flygande pil	➠	\27A0
➤	Pilspets	➤	\27A4
➥	Böjd pil som pekar nedåt och åt höger	➥	\27A5
➦	Böjd pil som pekar uppåt och åt höger	➦	\27A6
➳	Pil till höger	➳	\27B3
↺		↺	\21BA
↻	Rund pil med moturs spets	↻	\21BB
⇧	Tjock ihålig pil	⇧	\21E7
↩	Vänsterpil med krok	↩	\21A9
➫	Nedåtlutande pil	➫	\27AB
⬇	Fylld nedåtpil	⬇	\2B07
⬆	Fylld upp pil	⬆	\2B06

Kortkostymer, stjärntecken och valutaikoner

Utseende	Beteckning	HTML-kod	CSS-kod
♠	"Spader"	♠	\2660
♣	"Klubbar"	♣	\2663
	"Hjärtan"		\2665
♦	"Ruter"	♦	\2666
♡	Kontur "hjärtan"	♡	\2661
♢	Kontur "Tamburiner"	♢	\2662
♤	Peaks Contour	♤	\2664
♧	Översikt över "klubbar"	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	rysk rubel	₽	\20BD
¥	Yen eller Yuan	¥	\00A5
€	Euro	€	\20AC
$	Dollar	$	\0024
₴	Hryvnia tecken	₴	\20B4
₹	indiska rupier	₹	\20B9
圓	CNY	圓	\5713
₸	Kazakstansk tenge	₸	\20B8
♈	Väduren	♈	\2648
♉	Oxen	♉	\2649
♊	tvillingar	♊	\264A
♋	Cancer	♋	\264B
♌	ett lejon	♌	\264C
♍	Jungfrun	♍	\264D
♎	Vågar	♎	\264E
♏	Skorpion	♏	\264F
♐	Skytten	♐	\2650
♑	Stenbocken	♑	\2651
♒	Vattumannen	♒	\2652
♓	Fisk	♓	\2653

grekiska alfabetet

Brev	små bokstäver		versaler
	symbol	html-kod	symbol	html-kod
alfa	α	α	Α	Α
beta	β	β	Β	Β
gamma	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
detta	η	η	Η	Η
theta	θ	θ	Θ	Θ
iota	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
naken	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omicron	ο	ο	Ο	Ο
pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
sista sigma	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hee	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Hur man använder det i praktiken

Oavsett CMS görs att lägga till en artikel med en visuell redigerare och en HTML-version. Alla specialtecken i kodningen kan endast infogas i det andra fallet. För att använda verktygen korrekt rekommenderas det att ta del av tabellerna som visar koden och extern representation.

Observera att om du infogar ett tecken i den visuella representationen av en artikel kommer elementet att konverteras till motsvarande kod i HTML. När du anger information manuellt, överväg fallet, vilket påverkar det slutliga resultatet.

Maskinskriven text består av tryckta tecken - grafiska symboler.
Grafiska symboler är symboler som har en synlig visning i texten.
Alla grafiska symboler är samlade i en uppsättning av ett enda universellt Unicode-system.
Infoga en Unicode-grafisk symbol i ett HTML-dokument
- det huvudsakliga och enda syftet med denna tabell.

Du kan infoga en symbol i ett HTML-dokument på något av följande sätt:

1. kopiera symbolbilden från webbläsarfönstret till fönstret i din visuella HTML-redigerare
2. kopiera html-koden för symbolen direkt till koden för html-dokumentet

Förstå att det här är två olika metoder:

1. infoga visuellt i visuellt
2. infoga kod i koden.

Teckensnittet för en symbol, dess storlek och färg i HTML kan ställas in med kod som:
CHARACTER_CODE
Var,
Arial - teckensnitt,
10px - teckenstorlek i pixlar,
#ff0000 - teckensnittets färgkod (röd)

Till exempel:
☎ - teckenstorlek 30px,
☎ - symbol teckenstorlek 30px, färg - röd
☎ - teckenstorlek 20px,
☎ - symbol teckenstorlek 10px.
Notera Rekommenderade teckensnitt för att infoga specialtecken är Arial, Verdana och Tahoma. Dessa teckensnitt visar Unicode-tecken korrekt och stöds själva korrekt av webbapplikationer.

1. "Symbol"
   (synlig symboldisplay)
   Från denna kolumn kan du kopiera symbolbilden och klistra in den i HTML-textredigerarens fönster. Symbolen kommer att kopieras med en teckenstorlek på 20px. När kopieringen är klar kan det vara nödvändigt att individuellt justera teckenstorleken direkt till det kopierade tecknet.
2. "Namn"
   (endast för viktiga eller oklara karaktärer)
   Förklaring av syftet med symbolen, dess omfattning, exempel...
3. "Mnemonics"
   En mnemonics är en alfabetisk konstruktion av formen ", som betecknar den alfabetiska koden för ett tecken i HTML. Den infogas direkt i HTML-koden för ett HTML-dokument. Mnemonics är mycket populära bland professionella layoutdesigners. De är perfekt memorerade av människor och stöds av alla html-applikationer. Varje minnesminne innehåller ett alfabetiskt namn (beteckning ) för dess symbol och ett servicetecken (&), som fungerar som en signal för webbläsaren att läsa koden och visas inte på skärmen. Namnet av varje mnemonic är unik och lätt att läsa, eftersom den härrör från det engelska ord som kännetecknar symbolen.

   Mnemonics (grekiska) - konsten att komma ihåg något. Mnemonics används för att underlätta uppfattningen av svår att memorera information när föremålet för memorering förs in i ett associativt tillstånd med något.

4. "Koda"
   Kod - den numeriska decimalkoden för ett tecken i HTML, som &. Infogas direkt i HTML-koden för ett HTML-dokument. Decimalkoden består av ett nummer som anger serienumret för tecknet i Unicode-systemet och flera tjänstecken (& och #), som fungerar som en signal för webbläsaren att läsa koden och som inte visas på skärmen. Decimalkoden används ofta och används på grund av dess mångsidighet och lätthet att uppfatta.

Kontrolltecken i HTML (XHTML)

Kontrolltecken i HTML (XHTML) är tjänstecken i HTML-språket som används i HTML-layouten på en webbsida. Alla webbläsare måste stödja dessa tecken, eftersom utan dem är det omöjligt att visa HTML-text korrekt. Kontrolltecken visas inte i texten och, när de skrivs in direkt från tangentbordet, tolkas de av webbläsaren som skiljetecken som kräver att någon åtgärd ska utföras när sidan ritas på skärmen.

Det är tillåtet att använda kontrolltecken i vanliga texter, där de symboliserar universella begrepp och tolkas av webbläsaren som vanliga typografiska tecken. När du använder tjänstesymboler i HTML-texter på detta sätt behöver du inte ange värdet på själva symbolen, utan dess HTML-kod. För, jag upprepar, annars kommer webbläsaren att uppfatta tjänstesymbolen som en uppmaning och kommer inte att visa HTML-texten korrekt på skärmen.

Kontrollsymboler och deras HTML-kod är kända och förstås av alla webbläsare utan undantag, vilket tyvärr inte kan sägas om andra symboler som kan visas felaktigt i olika webbläsare eller, ännu värre, inte visas alls.

Syntax och skiljetecken

	utrymme med längd N (vanligt utrymme)
	längdrum M (longspace)
-	mjukt bindestreck (oskrivbart tecken)			-	­
‑	bindestreck				– ‑
-	streck av längd N (vanligt streck)			-	–
—	streck av längd M (em streck)			—	—
.	punkt				.
,	kommatecken				,
…	ellips			…	…
:	kolon				:
;	semikolon				;
!	utropstecken				! ǃ
?	frågetecken				?
@	"hund"				@
*	"stjärna"				*
#	"gitter"				#
‘	enda övre vänstra citatet			‘	‘ ‘
’	enda övre högra citatet			’	’ ’
‚	enda nedre högra citatet			‚	‚ ‚
“	dubbelt övre vänster citat			“	“ “
”	dubbelt övre högra citat			”	” ”
„	dubbelt nedre högra citat			&bdquo	„ „
«	dubbelt vänster hörn citattecken (Rus)			«	«
»	dubbelt högra hörnet citattecken (Rus)			»	»
́	accenttecken, exempel: Vasya				́
"	apostrof, exempel: Du"I				"
´	akut, exempel: Vasya			´	´
¶	stycke (oskrivbart tecken)			¶	¶
§	paragraf			§	§
ˆ	accent (omvänd fågel)			ˆ	ˆ ˆ
˜	liten tilde			˜	˜ ˜
¦	vertikal streckad linje			¦	¦
(	vänster parentes				(
)	höger parentes				)
〈	vänster vinkelfäste			〈	〈
〉	rätvinkligt fäste			〉	〉
‹	vänster vinkelfäste, tillval			‹	‹
›	rätvinkligt fäste, tillval			›	›
[	hakparentes vänster				[
]	hakparentes höger				]
/	snedstreck - snedstreck karaktär				/
\	snedstreck				\
⁄	snedstreck (delningstecken)			⁄	⁄
ǀ	vertikal stång				ǀ
ǁ	dubbel vertikal stång				ǁ
‾	överlinje, exempel: Vasya‾vasya			‾	‾
¯	makron, exempel: Vasya¯vasya			¯	¯

Varumärken och valuta

+	plus			+	+
−	minus			−	- −
=	lika				=
±	plus eller minus			±	±
×	multiplikationstecken			×	×
÷	division tecken			÷	÷
⋅	punktoperator (mitten av linjen)			⋅	· ⋅
∗	asteriskoperator (mitten av raden)			∗	∗
∼	tilde operatör			∼	∼
.	listmarkör (mitten av raden)			.	•
¹	upphöjd "1"			¹	¹
²	upphöjd "2"			²	²
³	upphöjd "3"			³	³
Upphöjd och nedsänkt i HTML (XHTML) kan infogas med taggar Och , respektive: SIFFRA Exponent→ NUMBER Upphöjd SIFFRA Index→ NUMBER Subscript
½	bråkdel "en halv"			½	½
⅓	bråkdel "en tredjedel"				⅓
¼	bråkdel "en fjärdedel"			¼	¼
¾	bråkdel "tre fjärdedelar"			¾	¾
№	nummertecken				№
%	procent				%
‰	ppm			‰	‰ ‰
°	grader			°	°
′	prime (minuter, fot)			′	′
″	dubbelt primtal (sekunder, tum) Exempel 1: 30° 25′ 12″ Exempel 2: 25′ 12 ″			″	″
µ	mikro			µ	µ
π	Pi			π	π
ƒ	funktionstecken (inte att förväxla med "integral")			ƒ	ƒ ƒ
∫	väsentlig			∫	∫
∅	korsad noll, tom uppsättning (inte att förväxla med "diameter")			∅	∅
⌀	diameter (inte att förväxla med det överstrukna latinska "o")				⌀
ø	Latinskt "o" diagonalt överstruket			ø	ø
Ø	Latinska versalet "O" diagonalt överstruket			Ø	Ø
∏	arbetsmärke			∏	∏
∑	summeringstecken			∑	∑
√	radikal (kvadratrot eller x rot)			√	√
∝	proportionellt			∝	∝
∞	oändlighet			∞	∞
∠	hörn			∠	∠
⊥	ortogonal (vinkelrätt)			⊥	⊥
∴	underteckna "därför"			∴	∴
≅	ungefär lika			≅	≅
≈	nästan lika			≈	≈
≠	inte jämnlikt			≠	≠
≡	identiskt			≡	≡
≤	mindre eller lika			≤	≤
≥	mer eller lika			≥	≥
∧	logiskt OCH			∧	∧
∨	logiskt ELLER			∨	∨
⊕	plustecken i en cirkel (direkt belopp)			⊕	⊕
⊗	multiplikationstecken i en cirkel (korsprodukt, pil från observatör)			⊗	⊗
ʘ	prick i en cirkel (pil till observatör)				ʘ

				✵ ✵

Hej kära läsare av bloggsidan! De som åtminstone ytligt bekantat sig med det har nog redan tagit fasta på det, om än i allmänna ordalag. Det betyder att de har en uppfattning om vilka HTML-symboler som vanligtvis används i dokumentkoden.

I dagens artikel kommer vi att försöka ta reda på vad ett mellanslag är i HTML och i vilka fall du kan använda blanksteg när du formaterar själva koden för enkel läsning. Vi kommer att ta reda på när det är nödvändigt att använda ett icke-avbrytande utrymme och också bekanta oss med andra specialtecken (eller, som de också kallas, mnemonics).

Jag skulle faktiskt råda dig att inte ignorera ämnet att använda olika specialtecken, eftersom detta är en viktig komponent som låter dig slutföra din studie av hypertextmarkeringsspråk. I allmänhet kommer informationen i denna publikation definitivt inte att vara överflödig. Nåväl, nu till saken.

Mellanslag och blanksteg i HTML

Först finns det en viktig anteckning att göra. Det finns speciella tangenter på ett datortangentbord som låter dig separera text (mer om detta nedan). Det är dock bara ett brett mellanslagstangent som ger åtskillnad mellan ord inte bara i redigeraren utan även i webbläsarfönstret. Det finns nyanser när man bryter linjer och drar in från kanter.

Som du vet bestäms visningen av vissa element i en webbläsare av taggar. För att formatera texten används den välkända , som är blockbaserad. Det vill säga att dess innehåll ligger över hela den tillgängliga bredden.

Till linda rader inom stycke P, måste du använda en enda BR-tagg, med vilken du kan göra detta. Låt oss säga att vi behöver infoga några rader från en dikt i texten som vi skriver i en textredigerare:

Trots att versens rader är korrekt placerade och bindestreck är gjorda på rätt ställen, kommer allt att se annorlunda ut i webbläsaren:

För att få samma visning i ett webbläsarfönster måste du skriva BR vid varje radbrytning:

Nu har vi uppnått uppgiften och de poetiska raderna kommer att visas helt korrekt i webbläsaren:

Därmed är de nödvändiga radbrytningarna klara. En annan funktion som måste noteras här är att flera utrymmen som kommer efter varandra visas av webbläsaren som ett. Du kan verifiera detta om du i samma editor försöker sätta inte ett, utan flera mellanslag mellan två ord och, genom att klicka på "Spara"-knappen, titta på resultatet i webbläsaren.

Mellanslag, tabb och radbrytning

I grund och botten med dessa blanksteg Vi lär känna varandra så fort vi börjar arbeta med texten i editorn och formaterar den i önskad form. För att implementera en sådan uppgift finns det speciella nycklar, som var och en motsvarar sitt eget mellanslagstecken:

• Mellanslag är den bredaste tangenten på ett datortangentbord (utan etikett);
• Tab - en tangent till vänster med inskriptionen "Tab" och två pilar som pekar i olika riktningar;
• Radbrytning - "Enter"-tangenten.

Men, som jag sa ovan, får vi det slutliga önskade resultatet inte bara i en textredigerare, utan också i en webbläsare, bara när vi använder den första nyckeln. Alla tre nycklar (inklusive tabb- och radbrytning är användbara vid formatering av HTML-kod. Låt oss säga att det är så här ett kodfragment ser ut i NotePad++ (det finns mycket information om den här redigeraren) när alla blanktecken visas:

Vi får kod som är lätt att läsa och förstå tack vare mellanslag. Orange pilar indikerar indrag skapade med Tab-tangenten, och CR- och LF-symboler indikerar radbrytningar som skapats med Enter-tangenten.

Behållare som är kapslade i varandra visas och öppnings- och stängningstaggar är tydligt synliga. I det här formuläret kan denna kod enkelt redigeras. Jämför det nu med samma kod, som inte har en sådan textdelning:

På samma sätt, med blankstegstecken, kan du skriva CSS-regler som visuellt ser tydliga och lättsmälta ut:

När du har fört alla stilar till en gemensam nämnare och helt avslutat redigeringen av stilfilen, kan du utföra redigeringen genom att ta bort alla mellanslag från koden. Detta är nödvändigt för att öka, vilket är mycket viktigt när man marknadsför en resurs.

Specialtecken (eller mnemonics) i HTML-kod

Låt oss nu titta på de fall där det är nödvändigt att använda specialtecken som jag nämnde i början av artikeln. HTML-specialtecken, ibland kallade mnemonics, introducerades för att lösa ett långvarigt problem med kodningar som uppstod i hypertextmarkeringsspråk.

När du skriver text på tangentbordet, kodas tecknen i språket du använder. I webbläsaren kommer den inskrivna texten att visas med de teckensnitt du valde som ett resultat av den omvända avkodningsoperationen.

Faktum är att det finns många sådana kodningar, nu har vi inget mål att analysera dem i detalj. Det är bara det att var och en av dem kan sakna vissa symboler, som dock måste visas. Låt oss säga att du känner lust att skriva enstaka citattecken eller ett accenttecken, men dessa ikoner ingår helt enkelt inte i uppsättningen.

För att eliminera detta problem introducerades ett system med speciella symboler, som inkluderar ett stort antal olika mnemonics. De börjar alla med et-tecken "&" och slutar vanligtvis med semikolon ";". Till en början hade varje specialtecken sin egen digitala kod. Till exempel, för ett icke-brytande utrymme, som vi kommer att överväga mer detaljerat nedan, kommer följande post att vara giltig:

Men efter en tid tilldelades de vanligaste symbolerna bokstavsanaloger (mnemonics) för att göra dem lättare att komma ihåg. Låt oss säga att för samma icke-brytande utrymme ser det ut så här:

Som ett resultat visar webbläsaren motsvarande symbol. Listan över mnemonics är mycket omfattande, mest använda specialtecken i HTML du kan upptäcka nedanstående tabell:

symbol	koda	mnemonics	beskrivning
			icke-brytande utrymme
			smalt utrymme (en-bredd som bokstaven n)
			brett utrymme (em-bredd som bokstaven m)
–	-	–	en streck (en-dash)
-	—	—	em streck (em streck)
­	-	­	mjuk överföring
A		́	stress placeras efter "stress"-bokstaven
©		©	upphovsrätt
®	®	®	registrerat varumärke
™	™	™	varumärke tecken
º	º	º	Mars spjut
ª	ª	ª	Venus spegel
‰	‰	‰	ppm
π	π	π	pi (använd Times New Roman)
¦	¦	¦	vertikal streckad linje
§	§	§	paragraf
°	°	°	grad
µ	µ	µ	mikrotecken
¶	¶	¶	styckemärke
…	…	…	ellips
‾	‾	‾	överstrykning
´	´	´	accentmärke
№		№	nummertecken
🔍		🔍	Förstoringsglas (lutat åt vänster)
🔎		🔎	Förstoringsglas (lutat åt höger)
tecken på aritmetiska och matematiska operationer
×	×	×	multiplicera
÷	÷	÷	dela upp
<	<		mindre
>	>	>	Mer
±	±	±	plus minus
¹	¹	¹	grad 1
²	²	²	grad 2
³	³	³	grad 3
¬	¬	¬	negation
¼	¼	¼	fjärdedel
½	½	½	en halv
¾	¾	¾	trekvart
⁄	⁄	⁄	decimalpunkt
−	−	−	minus
≤	≤	≤	mindre eller lika
≥	≥	≥	mer eller lika
≈	≈	≈	ungefär (nästan) lika
≠	≠	≠	inte jämnlikt
≡	≡	≡	identiskt
√	√	√	kvadratrot (radikal)
∞	∞	∞	oändlighet
∑	∑	∑	summeringstecken
∏	∏	∏	arbetsmärke
∂	∂	∂	partiell differential
∫	∫	∫	väsentlig
∀	∀	∀	för alla (endast synligt om i fetstil)
∃	∃	∃	existerar
∅	∅	∅	tom uppsättning
Ø	Ø	Ø	diameter
∈	∈	∈	tillhör
∉	∉	∉	tillhör inte
∋	∋	∗	innehåller
⊂	⊂	⊂	är en delmängd
⊃	⊃	⊃	är en superset
⊄	⊄	⊄	är inte en delmängd
⊆	⊆	⊆	är en delmängd eller lika med
⊇	⊇	⊇	är en superuppsättning eller lika
⊕	⊕	⊕	plus i en cirkel
⊗	⊗	⊗	multiplikationstecken i en cirkel
⊥	⊥	⊥	vinkelrät
∠	∠	∠	hörn
∧	∧	∧	logiskt OCH
∨	∨	∨	logiskt ELLER
∩	∩	∩	genomskärning
∪	∪	∪	Union
valuta tecken
€	€	€	Euro
¢	¢	¢	Cent
£	£	£	Lb
¤	¤t;	¤	Valuta tecken
¥	¥	¥	Yen och Yuan tecken
ƒ	ƒ	ƒ	Florin tecken
markörer
	.		enkel markör
○		○	cirkel
·	·	·	mittpunkt
†		†	korsa
‡		‡	dubbel kors
♠	♠	♠	toppar
♣	♣	♣	klubbar
			hjärtan
♦	♦	♦	ruter
◊	◊	◊	romb
✏		✏	penna
✎		✎	penna
✐		✐	penna
✍		✍	hand
citat
"	"	"	dubbelt citat
&	&	&	och-tecken
«	«	«	vänster typografiska citattecken (fiskbenscitattecken)
»	»	»	höger typografiska citattecken (fiskbenscitattecken)
‹		‹	enstaka hörn offertöppning
›		›	enda hörn offert stängning
′	′	′	prime (minuter, fot)
″	″	″	dubbelt primtal (sekunder, tum)
‘	‘	‘	enstaka citat uppe till vänster
’	’	’	enstaka citat uppe till höger
‚	‚	‚	nedre högra enstaka citat
“	“	“	citat-fot kvar
”	”	”	citat fot uppe till höger
„	„	„	citat fot nedre höger
❛		❛	enda engelska inledande citattecken
❜		❜	enda engelska avslutande citattecken
❝		❝	inledande dubbla citattecken
❞		❞	avslutande dubbla citattecken
pilar
←	←	←	vänster pil
			uppåtpil
→	→	→	höger pil
↓	↓	↓	pil nedåt
↔	↔	↔	vänster och höger pil
↕		↕	upp och ner pil
↵	↵	↵	vagnretur
⇐	⇐	⇐	dubbel vänsterpil
⇑	⇑	⇑	dubbel uppåtpil
⇒	⇒	⇒	dubbel högerpil
⇓	⇓	⇓	dubbel nedåtpil
⇔	⇔	⇔	dubbelpil vänster och höger
⇕		⇕	dubbel upp- och nedpil
▲		▲	triangel upp pil
▼		▼	triangel nedåtpil
			triangel högerpil
◄		◄	triangel vänster pil
stjärnor, snöflingor
☃		☃	Snögubbe
❄		❄	Snöflinga
❅		❅	Snöflinga inklämd av shamrocks
❆		❆	Fet skarpvinklad snöflinga
★		★	Skuggad stjärna
☆		☆	Tom stjärna
✪		✪	Ofylld stjärna i en fylld cirkel
✫		✫	Fylld stjärna med en öppen cirkel inuti
✯		✯	Roterande stjärna
⚝		⚝	Ritad vit stjärna
⚪		⚪	Mellan öppen cirkel
⚫		⚫	Mellanfylld cirkel
⚹		⚹	Sextil (typ snöflingor)
✵		✵	Åttauddig roterande stjärna
❉		❉	Stjärna med sfäriska ändar
❋		❋	Djärv åttauddig droppformad stjärnpropeller
✺		✺	Sextonuddig asterisk
✹		✹	Tolvuddig stjärna
✸		✸	Fet åttauddig rak fylld stjärna
✶		✶	Sexuddig fylld stjärna
✷		✷	Åttauddig rak fylld stjärna
✴		✴	Åttauddig stjärna
✳		✳	Åttauddig stjärna
✲		✲	Stjärna med tom mitt
✱		✱	Fet stjärna
✧		✧	Spetsad fyruddig öppen stjärna
✦		✦	Spetsig fyruddig fylld stjärna
⍟		⍟	Stjärna i en cirkel
⊛		⊛	Snöflinga i en cirkel
klock tid
⏰		⏰	Kolla på
⌚		⌚	Kolla på
⌛		⌛	Timglas
⏳		⏳	Timglas

Fall av användning av vissa specialtecken, inklusive oavbrutet mellanslag och mjukt bindestreck

Om du redan har studerat tabellen lite har du fått bekräftelse på vad jag sa ovan, att för att visa alla specialtecken används en digital kod () eller dess alfabetiska analog (symbolisk mnemonics), där istället för en uppsättning hash märken och siffror, bokstäver () skrivs.

Låt oss nu se när vi ska använda dessa koder. Låt oss säga att du i en artikel måste ange en HTML-tagg i informationssyfte, t.ex.