HTML specialieji simboliai. Tarpo simboliai ir jų kodo formatavimas HTML, taip pat specialūs nepertraukiami tarpai ir kiti mnemoniniai ženklai

Rašomąja mašinėle tekstas susideda iš spausdintų simbolių – grafinių simbolių.
Grafiniai simboliai yra simboliai, kurie yra matomi tekste.
Visi grafiniai simboliai yra surinkti į vieną universalią Unicode sistemą.
Įdėkite Unicode grafinį simbolį į html dokumentą
- pagrindinis ir vienintelis šios lentelės tikslas.

Simbolį į HTML dokumentą galite įterpti vienu iš šių būdų:

1. nukopijuokite simbolio vaizdą iš naršyklės lango į savo vaizdinės html redaktoriaus langą
2. nukopijuokite simbolio html kodą tiesiai į html dokumento kodą

Supraskite, kad tai du skirtingi metodai:

1. įterpti vaizdinį į vaizdinį
2. įterpti kodą į kodą.

Simbolio šriftą, jo dydį ir spalvą HTML galima nustatyti naudojant tokį kodą:
CHARACTER_CODE
kur,
Arial - šriftas,
10 pikselių – šrifto dydis pikseliais,
#ff0000 – šrifto spalvos kodas (raudona)

Pavyzdžiui:
☎ - simbolio šrifto dydis 30 pikselių,
☎ - simbolio šrifto dydis 30px, spalva - raudona
☎ - simbolio šrifto dydis 20 pikselių,
☎ - simbolio šrifto dydis 10 pikselių.
Pastaba Rekomenduojami šriftai specialiiesiems simboliams įterpti yra Arial, Verdana ir Tahoma. Šie šriftai teisingai rodo Unicode simbolius ir patys juos tinkamai palaiko žiniatinklio programos.

1. "simbolis"
   (matomas simbolių ekranas)
   Iš šio stulpelio galite nukopijuoti simbolio vaizdą ir įklijuoti jį į html teksto rengyklės langą. Simbolis bus nukopijuotas 20 pikselių šrifto dydžiu. Kai kopijavimas bus baigtas, gali reikėti individualiai pakoreguoti šrifto dydį tiesiai prie nukopijuoto simbolio.
2. "Vardas"
   (tik svarbiems ar neaiškiems simboliams)
   Simbolio paskirties paaiškinimas, jo apimtis, pavyzdžiai...
3. "Mnemonika"
   Mnemonika yra abėcėlinė formos konstrukcija, žyminti HTML simbolio abėcėlinį kodą. Jis įterpiamas tiesiai į html dokumento html kodą. Mnemonika yra labai populiari tarp profesionalių maketuotojų. Ją puikiai įsimena žmonės ir yra palaikomos visose html programose kiekvienos mnemonikos yra unikalus ir lengvai skaitomas, nes yra kilęs iš angliško žodžio, apibūdinančio simbolį.

   Mnemonika (graikų kalba) – menas ką nors atsiminti. Mnemonika naudojama siekiant palengvinti sunkiai įsimenamos informacijos suvokimą, kai įsiminimo objektas su kažkuo perkeliamas į asociatyvią būseną.

4. "Kodas"
   Kodas – skaitmeninis dešimtainis simbolio kodas HTML, pvz., &. Įterpiamas tiesiai į html dokumento html kodą. Dešimtainį kodą sudaro skaičius, nurodantis simbolio serijos numerį Unicode sistemoje, ir keli aptarnavimo simboliai (& ir #), kurie yra signalas naršyklei nuskaityti kodą ir nerodomi monitoriaus ekrane. Dešimtainis kodas yra plačiai naudojamas ir naudojamas dėl savo universalumo ir lengvo suvokimo.

Valdykite simbolius HTML (XHTML)

HTML valdymo simboliai (XHTML) yra HTML kalbos paslaugų simboliai, naudojami tinklalapio HTML makete. Bet kuri naršyklė turi palaikyti šiuos simbolius, nes be jų neįmanoma teisingai parodyti HTML teksto. Valdymo simboliai tekste nerodomi, o įvedus tiesiai iš klaviatūros, naršyklė juos interpretuoja kaip skyrybos ženklus, raginančius atlikti kokį nors veiksmą, kai puslapis nupieštas ekrane.

Įprastuose tekstuose leidžiama naudoti valdymo simbolius, kur jie simbolizuoja universalias sąvokas, o naršyklė juos interpretuoja kaip įprastus tipografinius simbolius. Tokiu būdu naudojant paslaugų simbolius HTML tekstuose, reikia įvesti ne paties simbolio reikšmę, o jo HTML kodą. Nes, kartoju, kitu atveju naršyklė paslaugos simbolį suvoks kaip raginimą veikti ir monitoriaus ekrane netinkamai parodys HTML tekstą.

Valdymo simbolius ir jų HTML kodą žino ir supranta visos be išimties naršyklės, ko, deja, negalima pasakyti apie kitus simbolius, kurie skirtingose ​​naršyklėse gali būti rodomi neteisingai arba, dar blogiau, visai nerodomi.

Sintaksė ir skyrybos ženklai

	N ilgio erdvė (įprasta erdvė)
	M ilgio erdvė (ilgoji erdvė)
-	minkštas brūkšnelis (nespausdinamas simbolis)			-	­
‑	brūkšnelis				– ‑
-	N ilgio brūkšnys (įprastas brūkšnys)			-	–
—	M ilgio brūkšnys (em brūkšnys)			—	—
.	taškas				.
,	kablelis				,
…	elipsės			…	…
:	dvitaškis				:
;	kabliataškis				;
!	šauktukas				! ǃ
?	Klaustukas				?
@	"šuo"				@
*	"žvaigždė"				*
#	"grotelės"				#
‘	viena viršutinė kairioji citata			‘	‘ ‘
’	viena citata viršuje dešinėje			’	’ ’
‚	viena apatinė dešinė citata			‚	‚ ‚
“	dviguba viršutinė kairioji citata			“	“ “
”	dviguba viršutinė dešinė citata			”	” ”
„	dviguba apatinė dešinė citata			&bdquo	„ „
«	Dviguba kairiojo kampo kabutė (Rusija)			«	«
»	dviguba dešiniojo kampo kabutė (Rusija)			»	»
́	kirčio ženklas, pavyzdys: Vasya				́
"	apostrofas, pavyzdys: Jūs"I				"
´	ūmus, pavyzdys: Vasya			´	´
¶	pastraipa (nespausdinamas simbolis)			¶	¶
§	pastraipą			§	§
ˆ	akcentas (apverstas paukštis)			ˆ	ˆ ˆ
˜	maža tildė			˜	˜ ˜
¦	vertikali punktyrinė linija			¦	¦
(	kairysis skliaustas				(
)	dešinysis skliaustas				)
〈	kairysis kampinis skliaustas			〈	〈
〉	stačiakampis laikiklis			〉	〉
‹	kairysis kampinis skliaustas, galimybė			‹	‹
›	stačiakampis laikiklis, galimybė			›	›
[	laužtiniai skliaustai kairėje				[
]	laužtiniai skliaustai dešinėje				]
/	brūkšnys – pasvirasis brūkšnys				/
\	pasvirasis brūkšnys				\
⁄	pasvirasis brūkšnys (padalijimo ženklas)			⁄	⁄
ǀ	vertikali juosta				ǀ
ǁ	dviguba vertikali juosta				ǁ
‾	perbraukimas, pavyzdys: Vasya‾vasya			‾	‾
¯	makrokonas, pavyzdys: Vasya¯vasya			¯	¯

Prekių ženklai ir valiuta

+	pliusas			+	+
−	minusas			−	- −
=	lygus				=
±	pliusas ar minusas			±	±
×	daugybos ženklas			×	×
÷	padalijimo ženklas			÷	÷
⋅	taško operatorius (eilutės vidurys)			⋅	· ⋅
∗	Žvaigždutės operatorius (eilutės viduryje)			∗	∗
∼	tildė operatorius			∼	∼
.	sąrašo žymeklis (eilutės vidurys)			.	•
¹	viršutinis indeksas "1"			¹	¹
²	viršutinis indeksas "2"			²	²
³	viršutinis indeksas "3"			³	³
Viršutinis ir apatinis indeksas HTML (XHTML) galima įterpti naudojant žymes Ir , atitinkamai: NUMERIS Viršutinis indeksas→ SKAIČIUS Viršutinis indeksas NUMERIS Pradinis indeksas→ SKAIČIUS Pradinis indeksas
½	trupmena "pusė"			½	½
⅓	trupmena "trečdalis"				⅓
¼	trupmena "ketvirtadalis"			¼	¼
¾	trupmena "trys ketvirčiai"			¾	¾
№	numerio ženklas				№
%	proc				%
‰	ppm			‰	‰ ‰
°	laipsnių			°	°
′	pagrindinis (minutės, pėdos)			′	′
″	dvigubas pirminis dydis (sekundės, coliai) 1 pavyzdys: 30° 25′ 12″ 2 pavyzdys: 25′ 12 ″			″	″
µ	mikro			µ	µ
π	Pi			π	π
ƒ	funkcijos ženklas (nepainioti su „integraliu“)			ƒ	ƒ ƒ
∫	integralas			∫	∫
∅	kirto nulį, tuščias rinkinys (nepainioti su "skersmuo")			∅	∅
⌀	skersmuo (nepainioti su perbrauktu lotynišku „o“)				⌀
ø	Lotyniškas „o“ įstrižai perbrauktas			ø	ø
Ø	Lotyniška didžioji „O“ įstrižai perbraukta			Ø	Ø
∏	darbo ženklas			∏	∏
∑	sumavimo ženklas			∑	∑
√	radikalus (kvadratinė šaknis arba x šaknis)			√	√
∝	proporcingai			∝	∝
∞	begalybė			∞	∞
∠	kampas			∠	∠
⊥	stačiakampis (statmenas)			⊥	⊥
∴	pasirašykite "todėl"			∴	∴
≅	maždaug lygus			≅	≅
≈	beveik lygus			≈	≈
≠	nėra lygus			≠	≠
≡	identiškai			≡	≡
≤	mažesnis arba lygus			≤	≤
≥	daugiau ar lygus			≥	≥
∧	logiška IR			∧	∧
∨	logiškas ARBA			∨	∨
⊕	pliuso ženklas apskritime (tiesioginė suma)			⊕	⊕
⊗	daugybos ženklas apskritime (kryžminis produktas, rodyklė nuo stebėtojo)			⊗	⊗
ʘ	taškas apskritime (rodyklė į stebėtoją)				ʘ

				✵ ✵

Šiame puslapyje yra rodyklėmis„VKontakte“ (ir ne tik) iš „Unicode“. Daug iš jų. Galbūt daugiau nei mes. Nenustebčiau, jei kada nors jie užvaldys pasaulį. Ir tai nėra faktas, kad tai yra blogai. Jų jau dabar visur. Apsidairykite aplinkui, tikriausiai pamatysite bent vieną. Na, ar kažkas panašaus, ką galima naudoti vietoje. Jie žiūri ir laukia. Iki šiol jie davė daugiau naudos nei žalos. Tikėkimės, kad taip ir išliks. Na, padėkime žymeklio simboliams įsiskverbti į socialinius tinklus.

Pasakysiu keletą žodžių apie strėlių atsiradimo istoriją. Jos atsirado ant kelnių XIX amžiuje dėl to, kad po gabenimo ankštuose ryšuliuose kelnes buvo sunku išlyginti. Jie buvo nutapyti mūsų akyse dar senovės Egipte. Nežinau, kada toje vietoje atsirado ženklai. Tikriausiai dar iki pirmosios rašomosios kalbos sukūrimo. Unikode rodyklės pasirodė etapais. Nors jie turi savo atskirą sekciją ir dvi papildomas, dar keliose sekcijų galima pamatyti įvairius posūkio rodiklius. Pavyzdžiui, įvairiuose techniniuose simboliuose arba dingbatuose.

Rodyklių simboliai socialiniams tinklams

Reikalingos juodos rodyklės ir, žinoma. Juk jie nurodo kryptį. Pavyzdžiui, į dešinę ir į apačią: ⇘. Bet į pietryčius: ➘. Nuostabu, ar ne?

Rodyklės gali būti daugiausia skirtingi tipai ir dydžiai. Banguotas, sulaužytas, drąsus, juodas, baltas. Kai kurie net nėra tipiški. Pažvelkite į šį tamsuotą dešiniarankį ietigalį: ➤. Tai gali papuošti bet kokį pranešimą, būseną ar. Aukščiau pateiktos nuorodos kiekvienam skoniui ir dydžiui. Daug įvairių, labai daug. Kada nors jie paims viršų... Kažkur buvo vaistas...

Norėdami nukopijuoti rodyklę kur nors „VKontakte“, pasirinkite ją pele ir nukopijuokite kur nors „VKontakte“.

HTML specialieji simboliai yra specialios kalbos konstrukcijos, nurodančios simbolius iš naudojamo simbolių rinkinio tekstinius failus. Lentelėje rodomas rezervuotų ir specialiųjų simbolių, kurių negalima pridėti, sąrašas šaltinis HTML dokumentas naudojant klaviatūrą:

• simboliai, kurių negalima įvesti naudojant klaviatūrą (pavyzdžiui, autorių teisių simbolis)
• simboliai, skirti žymėjimui (pavyzdžiui, didesnis arba mažesnis nei ženklas)

Tokie simboliai pridedami naudojant skaitmeninį kodą arba pavadinimą.

Simbolis	Skaitmeninis kodas	Simbolio pavadinimas	apibūdinimas
"	"	"	kabutės
"	"	"	apostrofas
&	&	&	ampersandas
<		<	mažiau nei ženklas
>	>	>	daugiau ženklo
			nepertraukiamas tarpas (Nepertraukiamas tarpas yra tarpas, kuris eilutėje rodomas kaip įprastas tarpas, tačiau neleidžia rodymo ir spausdinimo programoms pertraukti linijos tame taške.)
¡	¡	¡	apsivertė Šauktukas
¢	¢	¢	cento
£	£	£	lb.
¤	¤	¤	valiutomis
¥	¥	¥	jenų
¦	¦	¦	sulaužyta vertikali juosta
§	§	§	skyrius
¨	¨	¨	intervalas (kirilica)
	©		autorių teisių ženklas
ª	ª	ª	moteriškas eilinis rodiklis
«	«	«	Prancūziškos citatos (silkė) – kairėje
¬	¬	¬	neigimas-išraiškos
®	®	®	registruotas prekės ženklas
¯	¯	¯	makronų intervalas
°	°	°	laipsnį
±	±	±	pliusas ar minusas
²	²	²	viršutinis indeksas 2
³	³	³	viršutinis indeksas 3
´	´	´	ūminis intervalas
µ	µ	µ	mikro
¶	¶	¶	pastraipą
·	·	·	vidurio taškas
¸	¸	¸	cedilla intervalas
¹	¹	¹	viršutinis indeksas 1
º	º	º	vyriškas eilės laipsnis
»	»	»	Prancūziškos citatos (silkė) – teisingai
¼	¼	¼	1/4 dalis
½	½	½	1/2 dalis
¾	¾	¾	3/4 dalių
¿	¿	¿	apverstas klaustukas
×	×	×	daugyba
÷	÷	÷	padalinys
́	́		pabrėžimas
Œ	Œ	Œ	kapitalo ligatūra OE
œ	œ	œ	mažosios raidės ligatūra oe
Š	Š	Š	S su karūna
š	š	š	mažosios S raidės su karūna
Ÿ	Ÿ	Ÿ	didžioji Y raidė su tiara
ƒ	ƒ	ƒ	f su kabliuku
ˆ	ˆ	ˆ	dikriatinis akcentas
˜	˜	˜	maža tildė
–	–	-	brūkšnys
—	—	—	em brūkšnys
‘	‘	‘	paliko vieną citatą
’	’	’	teisinga viena citata
‚	‚	‚	apatinė viena citata
“	“	“	paliko dvigubas kabutes
”	”	”	dešinės dvigubos kabutės
„	„	„	apatines dvigubas kabutes
†	†	†	durklas
‡	‡	‡	dvigubas durklas
		.	kulka
…	…	…	horizontali elipsė
‰	‰	‰	ppm (tūkstančiosios dalys)
′	′	′	minučių
″	″	″	sekundžių
‹	‹	‹	viena kairiojo kampo citata
›	›	›	viena dešiniojo kampo citata
‾	‾	‾	pamušalas
€	€	€	eurų
™	™ arba	™	prekės ženklas
←	←	←	rodyklė kairėn
			rodyklė aukštyn
→	→	→	rodyklė dešinėn
↓	↓	↓	rodyklė žemyn
↔	↔	↔	dviguba rodyklė
↵	↵	↵	vežimo grįžimo rodyklė
⌈	⌈	⌈	viršutiniame kairiajame kampe
⌉	⌉	⌉	viršutiniame dešiniajame kampe
⌊	⌊	⌊	apatiniame kairiajame kampe
⌋	⌋	⌋	apatiniame dešiniajame kampe
◊	◊	◊	rombas
♠	♠	♠	viršūnės
♣	♣	♣	kirsti
			kirminų
♦	♦	♦	deimantai

HTML palaikomi matematiniai simboliai

Simbolis	Skaitmeninis kodas	Simbolio pavadinimas	apibūdinimas
∀	∀	∀	bet kam, visiems
∂	∂	∂	dalis
∃	∃	∃	egzistuoja
∅	∅	∅	tuščias rinkinys
∇	∇	∇	Hamiltono operatorius (nabla)
∈	∈	∈	priklauso daugeliui
∉	∉	∉	komplektui nepriklauso
∋	∋	∋	arba
∏	∏	∏	dirbti
∑	∑	∑	suma
−	−	−	minusas
∗	∗	∗	daugybos arba operatoriaus konjugatas į
×	×	&laikai	daugybos ženklas
√	√	√	Kvadratinė šaknis
∝	∝	∝	proporcingumo
∞	∞	∞	begalybė
⋮	⋮		daugialypiškumas
∠	∠	∠	kampas
∧	∧	∧	Ir
∨	∨	∨	arba
∩	∩	∩	sankryža
∪	∪	∪	sąjunga
∫	∫	∫	integralas
∴	∴	∴	Štai kodėl
∼	∼	∼	Kaip
≅	≅	≅	palyginamas
≈	≈	≈	maždaug lygus
≠	≠	≠	nėra lygus
≡	≡	≡	identiškai
≤	≤	≤	mažesnis arba lygus
⩽	⩽ ⩽	⩽ ⩽	mažesnis arba lygus
≥	≥	≥	daugiau ar lygus
⩾	⩾ ⩾	⩾ ⩾	daugiau ar lygus
⊂	⊂	⊂	poaibis
⊃	⊃	⊃	supersetai
⊄	⊄	⊄	ne poaibis
⊆	⊆	⊆	poaibis
⊇	⊇	⊇	superset
⊕	⊕	⊕	tiesioginė suma
⊗	⊗	⊗	įtemptesnis produktas
⊥	⊥	⊥	statmenai
⋅	⋅	⋅	taško operatorius

Graikų ir koptų abėcėlės

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

Kodėl reikalingi specialieji simboliai ir kaip juos naudoti

Tarkime, kad savo puslapyje nuspręsite apibūdinti tam tikrą žymą, tačiau naršyklė naudoja simbolius< и >kaip ir žymos pradžia ir pabaiga, jas taikant HTML kodo turinyje gali kilti problemų. Bet HTML suteikia jums lengvas kelias nustatyti šiuos ir kitus Specialūs simboliai naudojant paprastas santrumpas, vadinamas nuorodos į simbolius.

Pažiūrėkime, kaip tai veikia. Kiekvienam simboliui, kuris laikomas ypatingu arba kurį norite naudoti savo tinklalapyje, bet kurio negalima atspausdinti redaktoriuje (pavyzdžiui, autorių teisių simbolis), turite rasti santrumpą ir atspausdinti ją html kode vietoje norimo simbolio. . Pavyzdžiui, simbolio ">" santrumpa yra > ir simboliui "<" - < .

Tarkime, kad norėjote išspausdinti „Element labai svarbu“ jo puslapyje. Vietoj to turėsite naudoti nuorodas į simbolius, kurių reikia, kad įrašas būtų rodomas teisingai, ir galiausiai jūsų įrašas kode turėtų atrodyti taip:

Elementas labai svarbus

Bandyti "

Kitas specialus simbolis, apie kurį turite žinoti, yra & (ampersando) simbolis. Jei norite, kad jis būtų rodomas jūsų HTML puslapyje, vietoj & simbolio naudokite nuorodą &.

Sveiki, mieli tinklaraščio svetainės skaitytojai! Tie, kurie bent paviršutiniškai su ja susipažino, tikriausiai jau atkreipė dėmesį, nors ir bendrai. Tai reiškia, kad jie turi idėją, kokie HTML simboliai paprastai naudojami dokumento kode.

Šiandienos straipsnyje pabandysime išsiaiškinti, kas yra tarpas HTML ir kokiais atvejais galite naudoti tarpo simbolius formatuodami patį kodą, kad būtų lengviau skaityti. Sužinosime, kada reikia naudoti nepertraukiamą tarpą, taip pat susipažinsime su kitais specialiais simboliais (arba, kaip jie dar vadinami, mnemonika).

Tiesą sakant, patarčiau neignoruoti įvairių specialiųjų simbolių naudojimo temos, nes tai yra svarbus komponentas, leidžiantis baigti hiperteksto žymėjimo kalbos studijas. Apskritai šiame leidinyje pateikta informacija tikrai nebus nereikalinga. Na, o dabar prie reikalo.

Tarpai ir tarpai HTML

Pirmiausia reikia padaryti svarbią pastabą. Kompiuterio klaviatūroje yra specialūs klavišai, leidžiantys atskirti tekstą (daugiau apie tai žemiau). Tačiau tik platus tarpo klavišas leidžia atskirti žodžius ne tik redaktoriuje, bet ir naršyklės lange. Yra niuansų laužant linijas ir įtraukiant nuo kraštų.

Kaip žinia, tam tikrų elementų atvaizdavimą žiniatinklio naršyklėje lemia žymos. Tekstui formatuoti naudojamas gerai žinomas , kuris yra blokinis. Tai yra, jo turinys yra per visą galimą plotį.

Į apvyniokite eilutes P pastraipoje, turite naudoti vieną BR žymą, su kuria galite tai padaryti. Tarkime, į tekstą turime įterpti keletą eilėraščio eilučių, kurias rašome teksto rengyklėje:

Nepaisant to, kad eilėraščio eilutės išdėstytos teisingai, o brūkšneliai padaryti tinkamose vietose, naršyklėje viskas atrodys kitaip:

Norėdami pasiekti tą patį vaizdą žiniatinklio naršyklės lange, kiekvienoje eilutės lūžyje turite parašyti BR:

Dabar mes pasiekėme užduotį ir poetinės eilutės naršyklėje bus rodomos visiškai teisingai:

Taigi, būtini eilučių lūžiai yra baigti. Kitas bruožas, į kurį reikia atkreipti dėmesį, yra tai, kad žiniatinklio naršyklė rodo vieną po kitos einančius tarpus kaip vieną. Tai galite patikrinti, jei tame pačiame redaktoriuje bandysite įdėti ne vieną, o kelis tarpus tarp dviejų žodžių ir spustelėję mygtuką „Išsaugoti“ peržiūrėsite rezultatą naršyklėje.

Tarpas, tabuliavimas ir eilutės lūžis

Iš esmės su šiais tarpų simbolių Susipažįstame vos pradėję dirbti su tekstu redaktoriuje ir suformatuoti jį reikiama forma. Norint atlikti tokią užduotį, yra specialūs klavišai, kurių kiekvienas atitinka savo tarpo simbolį:

• Tarpo klavišas yra plačiausias kompiuterio klaviatūros klavišas (be etiketės);
• Tab - kairėje esantis klavišas su užrašu „Tab“ ir dviem rodyklėmis, nukreiptomis į skirtingas puses;
• Eilutės lūžis – klavišas „Enter“.

Tačiau, kaip jau sakiau aukščiau, galutinį norimą rezultatą gauname ne tik teksto rengyklėje, bet ir naršyklėje, tik panaudojus pirmąjį klavišą. Visi trys klavišai (įskaitant tabuliavimo ir eilutės lūžius yra naudingi formatuojant HTML kodą. Tarkime, taip atrodo kodo fragmentas programoje NotePad++ (apie šį redaktorių yra daug informacijos), kai rodomi visi tarpų simboliai:

Mes gauname kodą, kurį lengva perskaityti ir suprasti dėl tarpų. Oranžinės rodyklės žymi įtraukas, sukurtas naudojant klavišą Tab, o simboliai CR ir LF nurodo eilučių lūžius, sukurtus naudojant klavišą Enter.

Peržiūrimi vienas kitame sudėti konteineriai, aiškiai matomos atidarymo ir uždarymo žymos. Šioje formoje šį kodą galima lengvai redaguoti. Dabar palyginkite jį su tuo pačiu kodu, kuriame nėra tokio teksto padalijimo:

Lygiai taip pat, naudodami tarpo simbolius, galite parašyti CSS taisykles, kurios vizualiai atrodys aiškios ir lengvai suprantamos:

Sujungę visus stilius į bendrą vardiklį ir visiškai baigę redaguoti stilių failą, galite atlikti redagavimą pašalindami iš kodo visus tarpus. Tai būtina padidinti, o tai labai svarbu reklamuojant išteklius.

Specialieji simboliai (arba mnemonika) HTML kode

Dabar pažiūrėkime, kokiais atvejais būtina naudoti specialiuosius simbolius, kuriuos minėjau straipsnio pradžioje. HTML specialieji simboliai, kartais vadinami mnemonika, buvo įvesti siekiant išspręsti ilgalaikę kodavimo problemą, kuri iškilo hiperteksto žymėjimo kalboje.

Kai įvedate tekstą klaviatūra, jūsų vartojamos kalbos simboliai yra užkoduoti. Žiniatinklio naršyklėje įvestas tekstas bus rodomas naudojant šriftus, kuriuos pasirinkote atlikdami atvirkštinio dekodavimo operaciją.

Faktas yra tai, kad yra daug tokių kodų, dabar mes neturime tikslo jų išsamiai išanalizuoti. Tiesiog kiekviename iš jų gali trūkti tam tikrų simbolių, kurie vis dėlto turi būti rodomi. Tarkime, kad jaučiate norą rašyti pavienes kabutes ar kirčio ženklą, tačiau šios piktogramos tiesiog nėra įtrauktos į rinkinį.

Siekiant pašalinti šią problemą, buvo įdiegta specialių simbolių sistema, apimanti daugybę skirtingų mnemonikų. Visi jie prasideda ampersandu „&“ ir paprastai baigiasi kabliataškiu „;“. Iš pradžių kiekvienas specialus simbolis turėjo savo skaitmeninį kodą. Pavyzdžiui, nepertraukiamai erdvei, kurią išsamiau aptarsime toliau, galios šis įrašas:

Tačiau po kurio laiko dažniausiai naudojamiems simboliams buvo priskirti raidžių analogai (mnemonika), kad juos būtų lengviau įsiminti. Tarkime, kad ta pati nepertraukiama erdvė atrodo taip:

Dėl to naršyklėje rodomas atitinkamas simbolis. Mnemonikos sąrašas yra labai didelis, dažniausiai naudojami specialieji simboliai HTML galite sužinoti iš šios lentelės:

simbolis	kodas	mnemonika	apibūdinimas
			nelūžtanti erdvė
			siauras tarpas (en-plotis kaip raidė n)
			plati erdvė (em-plotis kaip raidė m)
–	-	–	brūkšnys (en-dash)
-	—	—	em brūkšnys (em brūkšnys)
­	-	­	minkštas perkėlimas
A		́	kirtis dedamas po raidės „stresas“.
©		©	autorių teisės
®	®	®	registruotas prekės ženklas
™	™	™	prekės ženklo ženklas
º	º	º	Marso ietis
ª	ª	ª	Veneros veidrodis
‰	‰	‰	ppm
π	π	π	pi (naudokite Times New Roman)
¦	¦	¦	vertikali punktyrinė linija
§	§	§	pastraipą
°	°	°	laipsnį
µ	µ	µ	mikro ženklas
¶	¶	¶	pastraipos ženklas
…	…	…	elipsės
‾	‾	‾	pamušalas
´	´	´	akcento ženklas
№		№	numerio ženklas
🔍		🔍	Didinamasis stiklas (pakreiptas į kairę)
🔎		🔎	Didinamasis stiklas (pakreiptas į dešinę)
aritmetinių ir matematinių operacijų ženklai
×	×	×	padauginti
÷	÷	÷	padalinti
<	<		mažiau
>	>	>	daugiau
±	±	±	pliusas/minusas
¹	¹	¹	1 laipsnis
²	²	²	2 laipsnis
³	³	³	3 laipsnis
¬	¬	¬	neigimas
¼	¼	¼	vienas ketvirtis
½	½	½	pusė
¾	¾	¾	trys ketvirtadaliai
⁄	⁄	⁄	kablelio
−	−	−	minusas
≤	≤	≤	mažesnis arba lygus
≥	≥	≥	daugiau ar lygus
≈	≈	≈	maždaug (beveik) lygus
≠	≠	≠	nėra lygus
≡	≡	≡	identiškai
√	√	√	kvadratinė šaknis (radikalas)
∞	∞	∞	begalybė
∑	∑	∑	sumavimo ženklas
∏	∏	∏	darbo ženklas
∂	∂	∂	dalinis diferencialas
∫	∫	∫	integralas
∀	∀	∀	visiems (matomas tik paryškintu šriftu)
∃	∃	∃	egzistuoja
∅	∅	∅	tuščias rinkinys
Ø	Ø	Ø	skersmuo
∈	∈	∈	priklauso
∉	∉	∉	nepriklauso
∋	∋	∗	yra
⊂	⊂	⊂	yra poaibis
⊃	⊃	⊃	yra supersetas
⊄	⊄	⊄	nėra poaibis
⊆	⊆	⊆	yra poaibis arba jam lygus
⊇	⊇	⊇	yra superset arba lygus
⊕	⊕	⊕	plius ratu
⊗	⊗	⊗	daugybos ženklas apskritime
⊥	⊥	⊥	statmenai
∠	∠	∠	kampas
∧	∧	∧	logiška IR
∨	∨	∨	logiškas ARBA
∩	∩	∩	sankryža
∪	∪	∪	sąjunga
valiutos ženklai
€	€	€	eurų
¢	¢	¢	Cent
£	£	£	Lb
¤	¤t;	¤	Valiutos ženklas
¥	¥	¥	Jenos ir juanių ženklas
ƒ	ƒ	ƒ	Florino ženklas
žymekliai
	.		paprastas žymeklis
○		○	ratas
·	·	·	vidurio taškas
†		†	kirsti
‡		‡	dvigubas kryžius
♠	♠	♠	viršūnės
♣	♣	♣	klubai
			širdyse
♦	♦	♦	deimantai
◊	◊	◊	rombas
✏		✏	pieštukas
✎		✎	pieštukas
✐		✐	pieštukas
✍		✍	ranka
citatos
"	"	"	dviguba citata
&	&	&	ampersandas
«	«	«	kairioji tipografinė kabutė (smiltelės kabutė)
»	»	»	dešinioji tipografinė kabutė (smiltelės kabutė)
‹		‹	vieno kampo citatos atidarymas
›		›	vieno kampo citatos uždarymas
′	′	′	pagrindinis (minutės, pėdos)
″	″	″	dvigubas pirminis (sekundės, coliai)
‘	‘	‘	viršuje kairėje viena citata
’	’	’	viena citata viršuje dešinėje
‚	‚	‚	apatinė dešinė viena citata
“	“	“	citata pėda kairėje
”	”	”	citata pėdos viršuje dešinėje
„	„	„	citata kojos apačioje dešinėje
❛		❛	viena angliška pradžios kabutė
❜		❜	viena anglų kabutė
❝		❝	pradžios dviguba kabutė
❞		❞	baigiamoji dviguba kabutė
rodyklėmis
←	←	←	rodyklė kairėn
			rodyklė aukštyn
→	→	→	rodyklė dešinėn
↓	↓	↓	rodyklė žemyn
↔	↔	↔	rodyklė kairėn ir dešinėn
↕		↕	rodyklė aukštyn ir žemyn
↵	↵	↵	vežimo grąžinimas
⇐	⇐	⇐	dviguba rodyklė kairėn
⇑	⇑	⇑	dviguba rodyklė aukštyn
⇒	⇒	⇒	dviguba rodyklė dešinėn
⇓	⇓	⇓	dviguba rodyklė žemyn
⇔	⇔	⇔	dviguba rodyklė kairėn ir dešinėn
⇕		⇕	dviguba rodyklė aukštyn ir žemyn
▲		▲	trikampio rodyklė aukštyn
▼		▼	trikampio rodyklė žemyn
			trikampio rodyklė į dešinę
◄		◄	trikampio rodyklė į kairę
žvaigždės, snaigės
☃		☃	Sniego senis
❄		❄	Snaigė
❅		❅	Snaigė, įsprausta smėlinukų
❆		❆	Riebi aštraus kampo snaigė
★		★	Užtemdyta žvaigždė
☆		☆	Tuščia žvaigždė
✪		✪	Neužpildyta žvaigždė užpildytame apskritime
✫		✫	Užpildyta žvaigždė su atviru apskritimu viduje
✯		✯	Besisukanti žvaigždė
⚝		⚝	Nupiešta balta žvaigždė
⚪		⚪	Vidurinis atviras ratas
⚫		⚫	Viduryje užpildytas ratas
⚹		⚹	Sekstilė (snaigės tipo)
✵		✵	Aštuonkampė besisukanti žvaigždė
❉		❉	Žvaigždė su sferiniais galais
❋		❋	Drąsus aštuonių smailių lašo formos žvaigždės sraigtas
✺		✺	Šešiolikos taškų žvaigždutė
✹		✹	Dvylikakampė žvaigždė
✸		✸	Ryški aštuoniakampė tiesiai užpildyta žvaigždė
✶		✶	Šešiakampė užpildyta žvaigždė
✷		✷	Aštuonkampė tiesi užpildyta žvaigždė
✴		✴	Aštuonkampė žvaigždė
✳		✳	Aštuonkampė žvaigždė
✲		✲	Žvaigždė su tuščiu centru
✱		✱	Storoji žvaigždė
✧		✧	Smailia keturkampė atvira žvaigždė
✦		✦	Smailia keturkampė užpildyta žvaigždė
⍟		⍟	Žvaigždė apskritime
⊛		⊛	Snaigė ratu
laikrodis, laikas
⏰		⏰	Žiūrėti
⌚		⌚	Žiūrėti
⌛		⌛	Smėlio laikrodis
⏳		⏳	Smėlio laikrodis

Kai kurių specialiųjų simbolių, įskaitant nepertraukiamą tarpą ir švelnų brūkšnelį, naudojimo atvejai

Jei jau šiek tiek išstudijavote lentelę, gavote patvirtinimą, ką sakiau aukščiau, kad visiems specialiiesiems simboliams rodyti naudojamas skaitmeninis kodas () arba jo abėcėlinis analogas (simbolinė mnemonika), kur vietoj maišos rinkinio rašomi ženklai ir skaičiai, raidės ().

Dabar pažiūrėkime, kada naudoti šiuos kodus. Tarkime, kad straipsnyje reikia nurodyti tam tikrą HTML žymą informaciniais tikslais, pavyzdžiui,