Caracterele speciale sunt caractere tehnice care nu sunt reprezentate pe tastatură și sunt codificate folosind UNICODE sau un alt metalimbaj. Caracterele speciale sunt împărțite în grupuri: matematice, alfabet grecesc, ISO 8859-1 și altele. De ce sunt necesare și cum să le folosiți, citiți mai departe în articol.

Utilizarea caracterelor speciale la scrierea documentelor

Utilizarea este în următoarele scopuri:

1. Oferirea articolului de completitudine și estetică. Semnele speciale vă ajută să înțelegeți rapid valorile dimensionale sau să citiți un nume istoric în latină sau greacă.
2. Unele elemente asigură aspectul corect al documentului. De exemplu, „” și „” sunt diferite, primele sunt transmise prin mijloace standard, celelalte prin caractere speciale.
3. Așezarea documentelor matematice nu se poate face fără cunoașterea principalelor grupe de elemente.

Semne de bază

Materialul vă va permite să găsiți caractere speciale în codificarea corespunzătoare pentru inserarea rapidă în text.

Aspect	Desemnare	cod HTML	Cod CSS
☃	Om de zapada	☃	\2603
☦	cruce ortodoxă	☦	\2626
⚓	Ancoră	⚓	\2693
✆	Semn de telefon	✆	\2706
☎	Telefon	☎	\260E
☕	Bauturi calde	☕	\2615
✎	Creion îndreptat în jos	✎	\270E
✏	Creion	✏	\270F
✐	Creion îndreptat în sus spre dreapta	✐	\2710
✑	Penita goală	✑	\2711
✒	Peniță umplută	✒	\2712
⚜	flori de lis	⚜	\269C
⛑	Casca cu cruce alba	⛑	\26D1
⚝	Steaua albă desenată	⚝	\269D
❄	Fulg de nea	❄	\2744
❤	Inima îndrăzneață umbrită	❤	\2764
❅	Fulg de nea cuprins de trifoi	❅	\2745
❆	Fulg de zăpadă gras cu unghi ascuțit	❆	\2746
★	Steaua umbrită	★	\2605
☆	Steaua goală	☆	\2606
✪	Steaua neumplută într-un cerc plin	✪	\272A
✫	Steaua plină cu un cerc deschis înăuntru	✫	\272B
✯	Steaua rotativă	✯	\272F
❉	Steaua cu capete sferice	❉	\2749
❋	Elice îndrăznețe în formă de picătură cu opt colțuri	❋	\274B
✲	Steaua cu centru gol	✲	\2732
☀	Soare pictat cu raze	☀	\2600
☁	nori	☁	\2601
☂	Umbrelă	☂	\2602
☑	Bifați într-un pătrat	☑	\2611
☒	Cruce într-un pătrat	☒	\2612
☹	Emoticon încruntat	☹	\2639
☺	Emoticon zâmbitor	☺	\263A
☻	Emoticon zâmbitor umbrit	☻	\263B
☭	Secera și ciocanul	☭	\262D
⚑	Steagul umplut	⚑	\2691
⚐	Steagul gol	⚐	\2690
☰	Trigramă	☰	\2630
✿	Floare pictată	✿	\273f
❀	Floare goală	❀	\2740
✾	Floare cu șase petale	✾	\273E
❁	Floare conturată colorată	❁	\2741
❂	Floare făcută din puncte	❂	\2742
✉	Plic	✉	\2709
❦	Inimă sub formă de floare	❦	\2766
❶	Numărul 1	❶	\2776
❷	Numarul 2	❷	\2777
❸	Numărul 3	❸	\2778
❹	Numărul 4	❹	\2779
❺	Numărul 5	❺	\277A
❻	Numărul 6	❻	\277B
❼	Numărul 7	❼	\277C
❽	Numărul 8	❽	\277D
➒	Numărul 9	➒	\2792
➓	Numărul 10	➓	\2793
✖	Semn de înmulțire aldine	✖	\2716
✘	cruce îndrăzneață	✘	\2718
✔	Bifă aldine	✔	\2714
✚	cruce grasă	✚	\271A
⚛	Simbol atomic	⚛	\269B
♺	Simbol de reciclare	♺	\267A
❑	Pătrat neumplut cu umbră din dreapta jos	❑	\2751
❒	Pătrat neumplut cu umbră din dreapta sus	❒	\2752
◈	Diamantul într-un cadru	◈	\25C8
◐	Cercul cu jumătatea stângă completată	◐	\25D0
◑	Cercul cu jumătatea dreaptă completată	◑	\25D1
⁂	Trei stele	⁂	\2042

Semne de punctuatie

Aspect	Desemnare	cod HTML	Cod CSS
<	Mai puțin decât semnul (începutul etichetei)	<	\003C
>	Mai mare decât semnul (sfârșitul etichetei)	>	\003E
«	Suport unghi dublu stânga	«	\00AB
»	Suport cu unghi dublu drept	»	\00BB
‹	Colțul din stânga ghilimele simple	‹	\2039
›	Colțul din dreapta ghilimele simple	›	\203A
«	Citat dublu	"	\0022
′	O singură lovitură	′	\2032
″	Cursă dublă	″	\2033
‘	ghilimele unice stânga	‘	\2018
’	ghilimele drepte	’	\2019
‚	Ghilimele unice de jos	‚	\201A
“	ghilimele duble stânga	“	\201C
”	ghilimele duble corecte	”	\201D
„	Ghilimele duble de jos	„	\201E
❜	Virgulă îndrăzneață unică	❜	\275C
❛	Virgulă aldine rotită de sus	❛	\275B
&	Ampersand	&	\0026
‘	Apostrof (ghilimele unice)	"	\0027
§	Paragraf	§	\00A7
©	Semnul dreptului de autor		\00A9
¬	Semn de negație	¬	\00AC
®	Marcă înregistrată	®	\00AE
¯	Macron	¯	\00AF
°	grad	°	\00B0
±	Plus sau minus	±	\00B1
¹	Superscript „1”	¹	\00B9
²	Superscript „2”	²	\00B2
³	Superscript „3”	³	\00B3
¼	Sfert	¼	\00BC
½	O jumatate	½	\00BD
¾	Trei sferturi	¾	\00BE
´	Semn de accent	´	\00B4
µ	Micro	µ	\00B5
¶	Marca de paragraf	¶	\00B6
·	Semnul de înmulțire	·	\00B7
¿	Semn de întrebare inversat	¿	\00BF
ƒ	semnul Florin	ƒ	\0192
™	Semn de marcă comercială	™	\2122
	Marcator de listă	.	\2022
…	Elipsă	…	\2026
‾	Supralinierea	‾	\203E
–	Em liniuță	-	\2013
-	Em liniuță	—	\2014
‰	ppm	‰	\2030
}	Acolada dreapta	}	\007D
{	Acolada stângă	{	\007B
=	Semn egal	=	\003D
≠	Semnul inegalității	≠	\2260
≅	Congruență (egalitate geometrică)	≅	\2245
≈	Aproape egal	≈	\2248
≤	Mai mic sau egal	≤	\2264
≥	Mai mare sau egal	≥	\2265
∠	Colţ	∠	\2220
⊥	Perpendicular (buton sus)	⊥	\22A5
√	Rădăcină pătrată	√	\221A
∑	Însumarea n-ariană	∑	\2211
∫	Integral	∫	\222B
※	Semnul notei de subsol	※	\203B
÷	Semnul diviziunii	÷	\00F7
∞	Semnul infinitului	∞	\221E
@	Simbol câine	@	\0040
[	Paranteză pătrată din stânga	[	\005B
]	Paranteză pătrată dreaptă	]	\005D

Săgețile

Aspect	Desemnare	cod HTML	Cod CSS
←	Sageata stanga	←	\2190
	Săgeata în sus		\2191
→	Sageata dreapta	→	\2192
↓	Săgeată în jos	↓	\2193
↔	Săgeată stânga-dreapta	↔	\2194
↵	Săgeată în jos și stânga – semn de întoarcere a căruciorului	↵	\21B5
⇐	Săgeată dublă stânga	⇐	\21D0
⇑	Dubla săgeată în sus	⇑	\21D1
⇒	Săgeată dublă la dreapta	⇒	\21D2
⇓	Dubla săgeată în jos	⇓	\21D3
⇔	Săgeată dublă stânga-dreapta	⇔	\21D4
➠	Săgeată zburătoare	➠	\27A0
➤	Vârf de săgeată	➤	\27A4
➥	Săgeată curbată îndreptată în jos și spre dreapta	➥	\27A5
➦	Săgeată curbată îndreptată în sus și la dreapta	➦	\27A6
➳	Săgeată spre dreapta	➳	\27B3
↺		↺	\21BA
↻	Săgeată rotundă cu vârf în sens invers acelor de ceasornic	↻	\21BB
⇧	Săgeată groase goale în sus	⇧	\21E7
↩	Săgeată stânga cu cârlig	↩	\21A9
➫	Săgeată înclinată în jos	➫	\27AB
⬇	Săgeată în jos umplută	⬇	\2B07
⬆	Săgeată umplută	⬆	\2B06

Costume de cărți, semne zodiacale și pictograme valutare

Aspect	Desemnare	cod HTML	Cod CSS
♠	"Pică"	♠	\2660
♣	"Cluburi"	♣	\2663
	"Inimi"		\2665
♦	"Diamante"	♦	\2666
♡	Contur „Inimi”	♡	\2661
♢	Contur „Tamburine”	♢	\2662
♤	Conturul vârfurilor	♤	\2664
♧	Descrierea „Cluburilor”	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	rubla rusă	₽	\20BD
¥	Yen sau Yuan	¥	\00A5
€	Euro	€	\20AC
$	Dolar	$	\0024
₴	Semnul Hryvnia	₴	\20B4
₹	Rupia indiană	₹	\20B9
圓	CNY	圓	\5713
₸	tenge kazah	₸	\20B8
♈	Berbec	♈	\2648
♉	Taurul	♉	\2649
♊	Gemenii	♊	\264A
♋	Cancer	♋	\264B
♌	un leu	♌	\264C
♍	Fecioara	♍	\264D
♎	Cântare	♎	\264E
♏	Scorpion	♏	\264F
♐	Săgetător	♐	\2650
♑	Capricornul	♑	\2651
♒	Vărsător	♒	\2652
♓	Peşte	♓	\2653

alfabet grecesc

Scrisoare	litere mici		capitalele
	simbol	cod html	simbol	cod html
alfa	α	α	Α	Α
beta	β	β	Β	Β
gamma	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
acest	η	η	Η	Η
teta	θ	θ	Θ	Θ
iotă	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
nud	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omicron	ο	ο	Ο	Ο
pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
sigma finală	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hee	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Cum să-l folosești în practică

Indiferent de CMS, adăugarea unui articol se face folosind un editor vizual și o versiune HTML. Toate caracterele speciale din codificare pot fi inserate numai în al doilea caz. Pentru a utiliza corect instrumentele, se recomandă să luați notă de tabelele care arată codul și reprezentarea externă.

Vă rugăm să rețineți că dacă introduceți un semn în reprezentarea vizuală a unui articol, elementul va fi convertit în codul corespunzător în HTML. Când introduceți manual informații, luați în considerare cazul, care afectează rezultatul final.

Caracterele speciale HTML sunt constructe de limbaj speciale care se referă la caractere din setul de caractere utilizat în fișierele text. Tabelul arată o listă de caractere rezervate și speciale care nu pot fi adăugate la codul sursă al unui document HTML folosind tastatura:

• caractere care nu pot fi introduse folosind tastatura (de exemplu, un simbol de drepturi de autor)
• caractere destinate marcarii (de exemplu, un semn mai mare sau mai mic decât)

Astfel de caractere sunt adăugate folosind un cod numeric sau un nume.

Simbol	Cod numeric	Nume simbol	Descriere
"	"	"	Ghilimele
"	"	"	apostrof
&	&	&	ampersand
<		<	mai putin de semn
>	>	>	semn mai mult
			spațiu neîntrerupt (Un spațiu neîntrerupt este un spațiu care apare în interiorul unei linii ca un spațiu obișnuit, dar nu permite programelor de afișare și tipărire să întrerupă linia în acest moment.)
¡	¡	¡	semnul exclamării inversat
¢	¢	¢	cent
£	£	£	livre.
¤	¤	¤	valute
¥	¥	¥	yeni
¦	¦	¦	bară verticală spartă
§	§	§	secțiune
¨	¨	¨	interval (chirilic)
	©		semnul dreptului de autor
ª	ª	ª	exponent ordinal feminin
«	«	«	Citate franceze (herringbone) - stânga
¬	¬	¬	negație-expresii
®	®	®	marca inregistrata
¯	¯	¯	interval macron
°	°	°	grad
±	±	±	plus sau minus
²	²	²	indicele 2
³	³	³	indicele 3
´	´	´	interval acut
µ	µ	µ	micro
¶	¶	¶	paragraf
·	·	·	punct de mijloc
¸	¸	¸	interval cedilla
¹	¹	¹	indicele 1
º	º	º	exponent ordinal masculin
»	»	»	Citate franceze (herringbone) - corect
¼	¼	¼	1/4 parte
½	½	½	1/2 parte
¾	¾	¾	3/4 părți
¿	¿	¿	semn de întrebare inversat
×	×	×	multiplicare
÷	÷	÷	Divizia
́	́		accent
Œ	Œ	Œ	ligatură capitală OE
œ	œ	œ	ligatura cu litere mici oe
Š	Š	Š	S cu coroana
š	š	š	S minuscul cu coroană
Ÿ	Ÿ	Ÿ	Y majuscul cu tiara
ƒ	ƒ	ƒ	f cu cârlig
ˆ	ˆ	ˆ	accent dicriatic
˜	˜	˜	tildă mică
–	–	-	liniuță
—	—	—	ei liniuță
‘	‘	‘	ghilimele stânga
’	’	’	ghilimele drepte
‚	‚	‚	ghilimele de jos
“	“	“	ghilimele lăsate
”	”	”	ghilimele drepte
„	„	„	ghilimele duble inferioare
†	†	†	pumnal
‡	‡	‡	pumnal dublu
		.	glonţ
…	…	…	elipsă orizontală
‰	‰	‰	ppm (mii)
′	′	′	minute
″	″	″	secunde
‹	‹	‹	citat unic din colțul din stânga
›	›	›	citat unic din colțul din dreapta
‾	‾	‾	supraliniere
€	€	€	Euro
™	™ sau	™	marcă
←	←	←	sageata stanga
			Săgeata în sus
→	→	→	sageata dreapta
↓	↓	↓	săgeată în jos
↔	↔	↔	săgeată dublă
↵	↵	↵	săgeată de întoarcere a căruciorului
⌈	⌈	⌈	coltul din stanga sus
⌉	⌉	⌉	coltul din dreapta-sus
⌊	⌊	⌊	colțul din stânga jos
⌋	⌋	⌋	coltul din dreapta jos
◊	◊	◊	romb
♠	♠	♠	culmi
♣	♣	♣	cruce
			viermi
♦	♦	♦	diamante

Simboluri matematice acceptate în HTML

Simbol	Cod numeric	Nume simbol	Descriere
∀	∀	∀	pentru oricine, pentru toată lumea
∂	∂	∂	Parte
∃	∃	∃	există
∅	∅	∅	set gol
∇	∇	∇	operator Hamilton (nabla)
∈	∈	∈	aparține setului
∉	∉	∉	nu aparține setului
∋	∋	∋	sau
∏	∏	∏	muncă
∑	∑	∑	sumă
−	−	−	minus
∗	∗	∗	multiplicare sau operator conjugat la
×	×	&ori	semn de înmulțire
√	√	√	Rădăcină pătrată
∝	∝	∝	proporționalitatea
∞	∞	∞	infinit
⋮	⋮		multiplicitate
∠	∠	∠	colţ
∧	∧	∧	Și
∨	∨	∨	sau
∩	∩	∩	intersecție
∪	∪	∪	Uniune
∫	∫	∫	integrală
∴	∴	∴	De aceea
∼	∼	∼	ca
≅	≅	≅	comparabil
≈	≈	≈	aproximativ egale
≠	≠	≠	nu este egal
≡	≡	≡	identic
≤	≤	≤	mai putin sau egal
⩽	⩽ ⩽	⩽ ⩽	mai putin sau egal
≥	≥	≥	mai mult sau egal
⩾	⩾ ⩾	⩾ ⩾	mai mult sau egal
⊂	⊂	⊂	subset
⊃	⊃	⊃	superseturi
⊄	⊄	⊄	nu un subset
⊆	⊆	⊆	subset
⊇	⊇	⊇	superset
⊕	⊕	⊕	suma directă
⊗	⊗	⊗	produs mai tensionat
⊥	⊥	⊥	perpendicular
⋅	⋅	⋅	operator punct

Alfabetul grecesc și copt

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

De ce sunt necesare caractere speciale și cum să le folosești

Să presupunem că decizi să descrii o etichetă pe pagina ta, dar din moment ce browserul folosește caractere< и >precum începutul și sfârșitul unei etichete, aplicarea acestora în conținutul codului dvs. HTML poate duce la probleme. Dar HTML vă oferă o modalitate ușoară de a defini aceste și alte caractere speciale folosind abrevieri simple numite referiri la simboluri.

Să vedem cum funcționează. Pentru fiecare caracter care este considerat special sau pe care doriți să îl utilizați pe pagina dvs. web, dar care nu poate fi tipărit în editorul dvs. (de exemplu, simbolul dreptului de autor), găsiți abrevierea și o tipăriți în codul html în loc de caracterul dorit. . De exemplu, pentru simbolul ">" abrevierea este > , iar pentru simbolul "<" - < .

Să presupunem că doriți să tipăriți „Element foarte important” pe pagina sa. În schimb, va trebui să utilizați referințe la simbolurile de care aveți nevoie pentru a afișa corect intrarea și, în final, intrarea dvs. în cod ar trebui să arate astfel:

Element foarte important

Încerca "

Un alt caracter special despre care trebuie să știți este simbolul & (ampersand). Dacă doriți să apară pe pagina dvs. HTML, utilizați linkul & în loc de caracterul &.

Astăzi vei afla cum se face o casetă de selectare în HTML si adauga la el CSS stiluri pentru o mai bună compatibilitate cu designul site-ului.

Demonstrație

Casetă de selectare în HTML

Să creăm un bloc cu patru casete de selectare, prima va fi marcată cu o bifă. Fiecare casetă de selectare va fi inclusă într-o etichetă eticheta, în interiorul căruia există un câmp de introducere, text și un element span a fi stilizat.

unu

Două

Trei

Patru

Etichetă eticheta servește ca un container pentru fiecare casetă de selectare; pentru claritate, am setat temporar un cadru roșu etichetei eticheta. Când aveți puțină experiență, aceasta este o modalitate bună de a vedea limitele oricărei etichete pentru a nu acționa orbește.

CSS pentru caseta de selectare

Etichetă de linie eticheta, înlocuiți-l cu bloc (afișare: bloc) astfel încât casetele de selectare să stea una sub alta, user-select: niciunul– împiedică utilizatorul să selecteze un element.

Container (
afisare: bloc;
user-select: niciunul;
}

Acest cod ascunde stilurile implicite de browser pentru caseta de selectare. Facem elementul complet transparent prin opacitate, lățimeȘi înălţime cu o valoare zero și, în locul lor, setați stiluri personalizate pentru caseta de selectare.

Introducere container (
opacitate: 0;
inaltime: 0;
latime: 0;
}

Creăm casete de selectare personalizate. Schimbați dimensiunea și culoarea fundalului.

Bifează marcajul (
înălțime: 23px;
latime: 22px;
culoare de fundal: #eec321;
}

Când treceți cursorul, faceți culoarea de fundal puțin mai închisă.

Container:hover input ~ .checkmark (
culoare de fundal: #ccc678;
}

Pentru o casetă de selectare bifată, setați o culoare diferită pentru fundal.

Introducere container: bifat ~ .checkmark (
culoare de fundal: #2196f3;
}

Ascunderea casetei de selectare pentru casetele de selectare nebifate folosind un pseudo-element după.

Bifă: după (
continut: "";
poziție: absolută;
afișaj: niciunul;
}

Facem bifa vizibilă numai pentru casetele de selectare bifate.

Introducere container:verificat ~ .checkmark:după (
afisare: bloc;
}

Desenați și stilizați bifa. Desenăm o bifă pe un gol CSS. Să desenăm un dreptunghi cu un cadru alb, cele două laturi ale dreptunghiului nu au cadru (lățime zero), obținem un colț dreptunghiular, îl rotim la 45 de grade și obținem o bifă.

Textul dactilografiat este format din caractere tipărite - simboluri grafice.
Simbolurile grafice sunt simboluri care au o afișare vizibilă în text.
Toate simbolurile grafice sunt colectate într-un set de un singur sistem Unicode universal.
Inserați un simbol grafic Unicode într-un document html
- scopul principal și singurul pentru acest tabel.

Puteți insera un simbol într-un document HTML într-unul dintre următoarele moduri:

1. copiați imaginea simbolului din fereastra browserului în fereastra editorului dvs. vizual html
2. copiați codul html al simbolului direct în codul documentului html

Vă rugăm să înțelegeți că acestea sunt două metode diferite:

1. introduceți vizual în vizual
2. introduceți codul în cod.

Fontul pentru un simbol, dimensiunea și culoarea acestuia în HTML pot fi setate cu cod ca:
CARACTER_CODE
Unde,
Arial - font,
10px - dimensiunea fontului în pixeli,
#ff0000 - codul culorii fontului (roșu)

De exemplu:
☎ - dimensiunea fontului caracterelor 30px,
☎ - dimensiune font simbol 30px, culoare - roșu
☎ - dimensiunea fontului caracterelor 20px,
☎ - dimensiunea fontului simbol 10px.
Notă Fonturile recomandate pentru inserarea caracterelor speciale sunt Arial, Verdana și Tahoma. Aceste fonturi afișează corect caracterele Unicode și sunt ele însele acceptate corect de aplicațiile web.

1. "Simbol"
   (afișare simbol vizibil)
   Din această coloană puteți copia imaginea simbolului și o puteți lipi în fereastra editorului de text HTML. Simbolul va fi copiat cu o dimensiune a fontului de 20px. După finalizarea copierii, poate fi necesar să ajustați individual dimensiunea fontului direct la caracterul copiat.
2. "Nume"
   (doar pentru personajele importante sau neclare)
   Explicația scopului simbolului, domeniul său de aplicare, exemple...
3. „Mnemonice”
   Un mnemotec este o construcție alfabetică a formei ", care denotă codul alfabetic al unui caracter în HTML. Este inserat direct în codul html al unui document html. Mnemoteciile sunt foarte populare printre designerii profesioniști de layout. Sunt perfect memorate de oameni și sunt acceptate de toate aplicațiile html. Fiecare mnemonică conține un nume alfabetic (desemnare ) al simbolului său și un semn de serviciu (&), care servește drept semnal pentru browser pentru a citi codul și nu este afișat pe ecranul monitorului.Numele al fiecărui mnemonic este unic și ușor de citit, deoarece este derivat din cuvântul englezesc care caracterizează simbolul.

   Mnemonică (greacă) - arta de a-ți aminti ceva. Mnemonicele sunt folosite pentru a facilita percepția informațiilor greu de memorat atunci când obiectul memorării este adus într-o stare asociativă cu ceva.

4. "Cod"
   Cod - codul zecimal numeric al unui caracter în HTML, cum ar fi &. Inserat direct în codul html al unui document html. Codul zecimal constă dintr-un număr care indică numărul de serie al caracterului în sistemul Unicode și mai multe caractere de serviciu (& și #), care servesc drept semnal pentru browser pentru a citi codul și nu sunt afișate pe ecranul monitorului. Codul zecimal este utilizat și utilizat pe scară largă datorită versatilității și ușurinței de percepere.

Caractere de control în HTML (XHTML)

Caracterele de control în HTML (XHTML) sunt caractere de serviciu ale limbajului HTML care sunt utilizate în aspectul HTML al unei pagini web. Orice browser trebuie să accepte aceste caractere, deoarece fără ele este imposibil să se afișeze corect textul HTML. Caracterele de control nu sunt afișate în text și, atunci când sunt introduse direct de la tastatură, sunt interpretate de browser ca semne de punctuație care solicită o anumită acțiune care trebuie efectuată atunci când pagina este desenată pe ecran.

Este permisă utilizarea caracterelor de control în textele obișnuite, unde acestea simbolizează concepte universale și sunt interpretate de browser ca caractere tipografice obișnuite. Când utilizați simboluri de serviciu în texte HTML în acest fel, trebuie să introduceți nu valoarea simbolului în sine, ci codul său HTML. Pentru că, repet, altfel browserul va percepe simbolul serviciului ca un apel la acțiune și nu va afișa corect textul HTML pe ecranul monitorului.

Simbolurile de control și codul lor HTML sunt cunoscute și înțelese de toate browserele fără excepție, ceea ce nu se poate spune, din păcate, despre alte simboluri care pot fi afișate incorect în diferite browsere sau, și mai rău, deloc afișate.

Sintaxă și punctuație

	spațiu de lungime N (spațiu regulat)
	spațiu de lungime M (spațiu lung)
-	cratima moale (caracter neimprimabil)			-	­
‑	cratimă				– ‑
-	liniuță de lungime N (liniuță obișnuită)			-	–
—	liniuță de lungime M (liniuță em)			—	—
.	punct				.
,	virgulă				,
…	elipsă			…	…
:	colon				:
;	punct şi virgulă				;
!	Semnul exclamarii				! ǃ
?	semnul întrebării				?
@	"câine"				@
*	"stea"				*
#	"zăbrele"				#
‘	citat unic din stânga sus			‘	‘ ‘
’	citat unic din dreapta sus			’	’ ’
‚	citat unic din dreapta jos			‚	‚ ‚
“	citat dublu sus stânga			“	“ “
”	citatul dublu din dreapta sus			”	” ”
„	citatul dublu din dreapta jos			&bdquo	„ „
«	ghilimele duble din colțul din stânga (Rus)			«	«
»	ghilimele dublu colț din dreapta (Rus)			»	»
́	semn de accent, exemplu: Vasya				́
"	apostrof, exemplu: Tu"Eu				"
´	acut, exemplu: Vasya			´	´
¶	paragraf (caracter neimprimabil)			¶	¶
§	paragraf			§	§
ˆ	accent (pasăre inversată)			ˆ	ˆ ˆ
˜	tildă mică			˜	˜ ˜
¦	linie punctată verticală			¦	¦
(	paranteza stângă				(
)	paranteza dreapta				)
〈	paranteză unghiulară stângă			〈	〈
〉	suport unghi drept			〉	〉
‹	suport unghi stâng, opțiune			‹	‹
›	suport unghi drept, opțiune			›	›
[	paranteză pătrată stânga				[
]	paranteză dreptă				]
/	slash - caracter slash				/
\	backslash				\
⁄	slash (semn de diviziune)			⁄	⁄
ǀ	bară verticală				ǀ
ǁ	bară verticală dublă				ǁ
‾	supraliniere, exemplu: Vasya‾vasya			‾	‾
¯	macron, exemplu: Vasya¯vasya			¯	¯

Mărci comerciale și monedă

+	la care se adauga			+	+
−	minus			−	- −
=	egală				=
±	plus sau minus			±	±
×	semn de înmulțire			×	×
÷	semn de diviziune			÷	÷
⋅	operator punct (mijlocul liniei)			⋅	· ⋅
∗	operator asterisc (mijlocul liniei)			∗	∗
∼	operator tilde			∼	∼
.	marcator de listă (mijlocul liniei)			.	•
¹	indicele „1”			¹	¹
²	indicele „2”			²	²
³	indicele „3”			³	³
Superscript și indice în HTML (XHTML) pot fi introduse folosind etichete Și , respectiv: NUMĂR Superscript→ NUMĂR Superscript NUMĂR Indice→ NUMĂR Indice
½	fracție „o jumătate”			½	½
⅓	fracțiune „o treime”				⅓
¼	fracțiune „un sfert”			¼	¼
¾	fracția „trei sferturi”			¾	¾
№	semnul numeric				№
%	la sută				%
‰	ppm			‰	‰ ‰
°	grade			°	°
′	prim (minute, picioare)			′	′
″	prim dublu (secunde, inci) Exemplul 1: 30° 25′ 12″ Exemplul 2: 25′ 12 ″			″	″
µ	micro			µ	µ
π	Pi			π	π
ƒ	semnul funcției (a nu se confunda cu „integral”)			ƒ	ƒ ƒ
∫	integrală			∫	∫
∅	trecut cu zero, set gol (a nu se confunda cu „diametru”)			∅	∅
⌀	diametru (a nu se confunda cu „o” latin barat)				⌀
ø	„o” latinesc tăiat în diagonală			ø	ø
Ø	„O” majuscul latinesc tăiat în diagonală			Ø	Ø
∏	marca de lucru			∏	∏
∑	semn de însumare			∑	∑
√	radical (rădăcină pătrată sau rădăcină x)			√	√
∝	proporţional			∝	∝
∞	infinit			∞	∞
∠	colţ			∠	∠
⊥	ortogonal (perpendicular)			⊥	⊥
∴	semnează „deci”			∴	∴
≅	aproximativ egale			≅	≅
≈	aproape egal			≈	≈
≠	nu este egal			≠	≠
≡	identic			≡	≡
≤	mai putin sau egal			≤	≤
≥	mai mult sau egal			≥	≥
∧	ȘI logic			∧	∧
∨	SAU logic			∨	∨
⊕	semnul plus într-un cerc (sumă directă)			⊕	⊕
⊗	semn de înmulțire într-un cerc (produs încrucișat, săgeată de la observator)			⊗	⊗
ʘ	punct într-un cerc (săgeată către observator)				ʘ

				✵ ✵

Simbolul bifă nu este prezent pe tastatură, dar folosind combinații speciale îl puteți adăuga cu ușurință la mesaj, postare sau document text.

Să aruncăm o privire mai atentă la cum se poate face acest lucru.

Tipuri de bifă + utilizări

Bifa (pasăre, corocă) este o pictogramă specială care este adesea folosită pentru a descrie confirmarea a ceva.

Poate fi găsit în designul listelor sau sublinierea gândurilor. După ce ați citit următoarele instrucțiuni, puteți găsi și utiliza singur simbolul.

Cea mai simplă opțiune este să copiați obiectul din acest articol. Există mai multe tipuri de pictograme:

Dacă aveți nevoie de o casetă de selectare pe care să o utilizați într-o propoziție sau expresie, pur și simplu copiați elementul care vă place evidențiind-l și apăsând CTRL și C de pe tastatură.

Pentru a tasta singur o pasăre pe tastatură, trebuie să utilizați Unicode. Tastați litera U și +. Apoi trebuie să formați codul insigna.

Denumirile digitale pentru diferite tipuri de bifă sunt următoarele: 2713 (marca obișnuită), 2714 (font aldine), 2705 (marca evidențiată într-un pătrat), 2611 (marca obișnuită într-un pătrat).

Dacă combinația U+2713 sau alta nu se transformă automat într-o bifă, cel mai probabil documentul nu este configurat să recunoască automat caracterele Unicode sau introduceți codul incorect.

Textul va fi transformat imediat în simbolul dorit, astfel încât să îl puteți tasta în siguranță în mesaje și diverse postări.

Pictogramă în MS Word

Oricine l-a folosit vreodată știe că setarea caracterelor speciale ajută la structurarea documentului și îl face ușor de citit.

Este posibil să aveți nevoie de bifa în procesul de creare a unei liste de sarcini sau a unei enumerari.

Utilizatorii neexperimentați creează un semn adăugând în document o imagine cu elementul dorit. Această abordare este incorectă, deoarece crește dimensiunea finală a fișierului.

Totul se poate face mult mai ușor. Pentru a bifa caseta din Word, urmați următorii pași.

• Deschideți documentul în orice versiune a programului. În funcție de anul în care a fost lansat software-ul, locația filelor necesare poate diferi;
• Faceți clic pe secțiunea „Inserare”;
• În partea dreaptă a barei de instrumente, găsiți elementul „Simbol” și faceți clic pe el;
• În fereastra drop-down, faceți clic pe „Alte simboluri”.

• În fereastra pop-up, puteți găsi bifa folosind una dintre cele două metode. Selectați setul „Dingbats” și faceți clic pe elementul dorit din lista propusă sau introduceți codul elementului în Unicode (hexazecimal) în partea de jos a ferestrei. De exemplu, 2714. Word va găsi automat obiectul de care aveți nevoie. Faceți clic pe el și confirmați acțiunea făcând clic pe „OK”.

Fig. 3 - caractere speciale în Word

După adăugarea unei bifări în corpul documentului, îi puteți aplica orice formatare: schimbați culoarea, fontul, tipul titlului și alte opțiuni.