Hindi lahat ng character na nakikita mo sa iyong keyboard ay pinapayagang gamitin sa text ng isang HTML na dokumento. Gayunpaman, ito ay lohikal. Kung ang bawat tag ay nagsisimula sa character (<) и заканчивается символом (>), kung gayon ito ay lubos na lohikal na ang mga character na ito ay hindi maaaring tukuyin sa loob ng regular na teksto. Ang mga character na ito ay may espesyal na kahulugan sa mga HTML na dokumento. Kapag nakita ng browser ang mga ito, iniisip nitong mga HTML tag ang mga ito at sinusubukang bigyang-kahulugan ang mga ito bilang ganoon.
Upang malutas ang problema sa pagdaragdag ng mga character na ipinagbabawal para sa pagpasok sa teksto ng isang HTML na dokumento, isang hanay ng mga espesyal na character ang binuo - mga pagkakasunud-sunod na pumapalit sa mga character na ipinagbabawal para sa pagpasok mula sa keyboard. Ang mga character na wala sa iyong keyboard ay maaari ding palitan ng mga espesyal na character. Ang bawat naturang sequence (mnemonic link) ay dapat magsimula sa isang ampersand character (&) at magtatapos sa isang semicolon (;). Sa pagitan ng (&) at (;) maaari mong ipasok ang:

• espesyal na pangalan ng karakter (&pangalan;);
• isang numeric code na ipinasok pagkatapos ng () sign, iyon ay, kapag nagta-type ng isang espesyal na character sa pamamagitan ng pagtukoy sa numeric code nito, kailangan mong gamitin ang sumusunod na entry: (&code;);

Ang numeric code ay maaaring ipakita sa decimal o hexadecimal na format.
Halimbawa, upang ipakita ang mas mababa sa sign (<) мы должны написать: < (pangalan ng simbolo) o &60;(numeric code sa decimal system) o &x0003C;(numeric code sa hexadecimal system).

Non-breaking space

Ang pangunahing layunin ng isang non-breaking space () (mula sa hindi nasirang espasyo) — hiwalay na mga salita, ngunit ipinagbabawal ang isang bagong linya sa puntong ito. Dahil ang laki ng window ng browser ay hindi pare-pareho, ang bagong linya sa isang talata ay awtomatikong nangyayari. Sa kasong ito, sisirain ng browser ang linya sa anumang lugar kung saan may puwang o gitling. Ayon sa mga tuntunin sa pagbabaybay, may mga istruktura ng wika na hindi maaaring sirain. Ang mga konstruksyon na may hindi nasirang espasyo, halimbawa, ay kinabibilangan ng:

• mga apelyido na may inisyal;
• em mga gitling na pinangungunahan ng isang salita;
• monosyllabic na salita na sinusundan ng isang salita;
• mga numero na sinusundan ng mga yunit ng pagsukat.

Sa mga kasong ito, ang HTML code ay karaniwang gumagamit ng isang hindi puwang (). Ang puwang na ito ay magmumukhang isang regular na espasyo, ngunit tinitiyak nito na ang mga salita sa pagitan ng kung saan ito lumilitaw ay, sa anumang pagkakataon, ay nasa parehong linya.

• 15 m/s
• 100 km/h

Tulad ng alam mo na, sa HTML, maraming magkakasunod na regular na puwang ang pinapalitan ng isang puwang. Kung magsusulat ka ng 10 puwang sa text, aalisin ng browser ang 9 sa mga ito. Upang magdagdag ng mga aktwal na puwang sa iyong teksto, maaari kang gumamit ng hindi puwang na puwang () .

Mga quotes.

Sa paglilimbag, may tatlong uri ng panipi: double corner quotation marks o “herringbone” quotes (“ ”), typographical quotation marks (“ ”) at sulat-kamay na “foot” quotes (“ ”). Kapag nagtatrabaho sa mga code ng programa, gagamit ka ng double straight quotes (" ") at single straight quotes (" ").
Ayon sa tradisyon, ang pangunahing uri ng mga panipi sa wikang Ruso ay "mga Christmas tree". Sa HTML, ang mga Christmas tree ay tumutugma sa mga simbolo « At » . Sa maraming publikasyon, ginagamit din ang typographical quotation marks at double straight quotation marks sa halip na herringbones.
Ang kaliwa at kanang typographic na panipi ay tumutugma sa mga simbolo “ At ” ayon sa pagkakabanggit, at ang ibabang kaliwang panipi - „ .
Ang mga direktang dobleng panipi ay tumutugma sa isang espesyal na karakter " .

Ang paggamit ng mga espesyal na quote character ay ipinapakita sa sumusunod na halimbawa:

Halimbawa: Paggamit ng mga Sipi

Hyphen at gitling.

Sa pag-print, mayroong tatlong magkatulad na character: ang em dash, ang en dash at ang hyphen. Sa mga ito, isa lang ang nasa keyboard ng computer - ang gitling. Ito ang karaniwang ginagamit sa lahat ng pagkakataon kung kailan kailangang maglagay ng gitling o gitling sa teksto. Gayunpaman, ang ilang mga tuntunin sa bantas tungkol sa paggamit ng mga palatandaang ito ay dapat sundin.
Kaya, ang gitling (-) ay ginagamit lamang sa loob ng mga salita o sa pagitan ng mga numero. Ang isang em dash (—) ay inilalagay sa pagitan ng mga salita sa isang pangungusap at pinaghihiwalay sa mga salitang ito ng mga puwang. Ang em dash ay tumutugma sa isang mnemonic link — . Ang en dash (-) ay ginagamit sa pagitan ng mga numerong walang letra o sa pagitan ng mga salita na nasa malalaking titik, at ginagamit din bilang minus sign sa mga mathematical formula. Walang puwang sa pagitan ng en dash at mga salita. Ang en dash ay tumutugma sa isang mnemonic link - .

Ang paggamit ng gitling at gitling ay ipinapakita sa sumusunod na halimbawa:

Halimbawa: Mga espesyal na karakter - at -

• Subukan ito sa iyong sarili "

Ang oras ay pera...

Masyadong matagal bago mabuksan ang web page.
Dapat itong mag-load sa loob ng 2-4 na segundo.
Ang oras ay pera...

Listahan ng ilang sikat na HTML na espesyal na character

Simbolo	Paglalarawan	Mnemonic na pangalan	Numeric code
	hindi nasisira na espasyo
<	mas mababa sa	<
>	higit sa	>	>
&	ampersand	&	&
"	tuwid na double quote	"	"
"	kudlit	"	"
«	kaliwang double corner quote	«	«
»	kanang double corner quote	»	»
‘	iniwan ang nag-iisang quote	‘	‘
’	tamang solong quote	’	’
‚	ibabang solong quote	‚	‚
“	nag-iwan ng dobleng quote	“	“
”	tamang double quote	”	”
„	ibabang double quote	„	„
€	euro	€	€
	copyright		©
®	rehistradong tatak ng trademark	®	®

Mga uri ng mga espesyal na karakter

Sa isang regular na keyboard hindi mo mahahanap ang karamihan sa mga mathematical, teknikal, geometric at iba pang mga espesyal na character.
Upang ilapat ang mga naturang simbolo sa isang HTML na pahina, maaari mong gamitin ang kanilang mga katumbas na pangalan ng mnemonic.

Ipinapakita ng sumusunod na halimbawa kung paano maipapakita ang parehong simbolo gamit ang iba't ibang mga code.

Ang mga espesyal na character ay mga teknikal na character na hindi kinakatawan sa keyboard at naka-encode gamit ang UNICODE o ibang metalanguage. Ang mga espesyal na character ay nahahati sa mga pangkat: matematika, alpabetong Greek, ISO 8859-1 at iba pa. Bakit kailangan ang mga ito at kung paano gamitin ang mga ito, basahin pa sa artikulo.

Paggamit ng mga espesyal na character kapag nagsusulat ng mga dokumento

Ang paggamit ay para sa mga sumusunod na layunin:

1. Pagbibigay ng kumpleto at aesthetics ng artikulo. Tinutulungan ka ng mga espesyal na palatandaan na mabilis na maunawaan ang mga dimensional na halaga o basahin ang isang makasaysayang pangalan sa Latin o Greek.
2. Tinitiyak ng ilang elemento ang tamang layout ng dokumento. Halimbawa, ang "" at "" ay magkaiba, ang una ay ipinadala sa pamamagitan ng karaniwang paraan, ang iba sa pamamagitan ng mga espesyal na character.
3. Ang layout ng mga dokumento sa matematika ay hindi magagawa nang walang kaalaman sa mga pangunahing grupo ng mga elemento.

Mga pangunahing palatandaan

Papayagan ka ng materyal na makahanap ng mga espesyal na character sa naaangkop na pag-encode para sa mabilis na pagpasok sa teksto.

Hitsura	Pagtatalaga	HTML code	CSS code
☃	taong yari sa niyebe	☃	\2603
☦	Orthodox krus	☦	\2626
⚓	Angkla	⚓	\2693
✆	Sign sa telepono	✆	\2706
☎	Telepono	☎	\260E
☕	Mainit na inumin	☕	\2615
✎	Lapis na nakaturo pababa	✎	\270E
✏	Lapis	✏	\270F
✐	Lapis na nakaturo paitaas sa kanan	✐	\2710
✑	Blangkong nib	✑	\2711
✒	Puno ng pen nib	✒	\2712
⚜	fleur-de-lis	⚜	\269C
⛑	Helmet na may puting krus	⛑	\26D1
⚝	Iginuhit na puting bituin	⚝	\269D
❄	Snowflake	❄	\2744
❤	May kulay na matapang na puso	❤	\2764
❅	Snowflake na na-sandwich ng shamrocks	❅	\2745
❆	Matabang snowflake na may matalim na anggulo	❆	\2746
★	May kulay na bituin	★	\2605
☆	Blangkong bituin	☆	\2606
✪	Walang laman na bituin sa isang punong bilog	✪	\272A
✫	Puno ng bituin na may bukas na bilog sa loob	✫	\272B
✯	Umiikot na bituin	✯	\272F
❉	Bituin na may mga spherical na dulo	❉	\2749
❋	Bold eight-pointed drop-shaped star-propeller	❋	\274B
✲	Bituin na may blangko ang gitna	✲	\2732
☀	Pininturahan ng araw na may mga sinag	☀	\2600
☁	Mga ulap	☁	\2601
☂	Payong	☂	\2602
☑	Lagyan ng tsek ang isang parisukat	☑	\2611
☒	Krus sa isang parisukat	☒	\2612
☹	Nakasimangot na emoticon	☹	\2639
☺	Nakangiting emoticon	☺	\263A
☻	Nakakulay na nakangiting emoticon	☻	\263B
☭	Martilyo at karit	☭	\262D
⚑	May kulay na bandila	⚑	\2691
⚐	Blangkong bandila	⚐	\2690
☰	Trigram	☰	\2630
✿	Pininturahan ng bulaklak	✿	\273f
❀	Blangkong bulaklak	❀	\2740
✾	Bulaklak na may anim na talulot	✾	\273E
❁	May kulay na nakabalangkas na bulaklak	❁	\2741
❂	Bulaklak na gawa sa tuldok	❂	\2742
✉	Sobre	✉	\2709
❦	Puso sa anyo ng isang bulaklak	❦	\2766
❶	Numero 1	❶	\2776
❷	Numero 2	❷	\2777
❸	Numero 3	❸	\2778
❹	Numero 4	❹	\2779
❺	Numero 5	❺	\277A
❻	Numero 6	❻	\277B
❼	Numero 7	❼	\277C
❽	Numero 8	❽	\277D
➒	Numero 9	➒	\2792
➓	Numero 10	➓	\2793
✖	Bold multiplication sign	✖	\2716
✘	Matapang na krus	✘	\2718
✔	Bold check mark	✔	\2714
✚	Matabang krus	✚	\271A
⚛	Simbolo ng atom	⚛	\269B
♺	Simbolo ng pag-recycle	♺	\267A
❑	Walang laman na parisukat na may ibabang kanang anino	❑	\2751
❒	Walang laman na parisukat na may anino sa kanang itaas	❒	\2752
◈	Diamond sa isang frame	◈	\25C8
◐	Bilog na may kaliwang kalahati na napuno	◐	\25D0
◑	Bilugan na may laman ang kanang kalahati	◑	\25D1
⁂	Tatlong bituin	⁂	\2042

Mga bantas

Hitsura	Pagtatalaga	HTML code	CSS code
<	Mas mababa sa sign (simula ng tag)	<	\003C
>	Higit sa sign (dulo ng tag)	>	\003E
«	Kaliwang double angle bracket	«	\00AB
»	kanang double angle bracket	»	\00BB
‹	Kaliwang sulok solong quote	‹	\2039
›	Iisang quote sa kanang sulok	›	\203A
«	Dobleng quote	"	\0022
′	Isang stroke	′	\2032
″	Double stroke	″	\2033
‘	Kaliwang solong quote	‘	\2018
’	Tamang solong quote	’	\2019
‚	Ibabang solong quote	‚	\201A
“	Kaliwang double quote	“	\201C
”	Tamang double quote	”	\201D
„	Dobleng quote sa ibaba	„	\201E
❜	Bold single leading comma	❜	\275C
❛	Bold single rotated itaas na kuwit	❛	\275B
&	Ampersand	&	\0026
‘	Apostrophe (iisang quote)	"	\0027
§	Talata	§	\00A7
©	Copyright sign		\00A9
¬	Negation sign	¬	\00AC
®	Rehistradong tatak ng trademark	®	\00AE
¯	Macron	¯	\00AF
°	Degree	°	\00B0
±	Plus o minus	±	\00B1
¹	Superscript "1"	¹	\00B9
²	Superscript "2"	²	\00B2
³	Superscript "3"	³	\00B3
¼	Isang quarter	¼	\00BC
½	Kalahati	½	\00BD
¾	Tatlong kapat	¾	\00MAG
´	Marka ng impit	´	\00B4
µ	Micro	µ	\00B5
¶	Pananda ng talata	¶	\00B6
·	Tanda ng pagpaparami	·	\00B7
¿	Baliktad na tandang pananong	¿	\00BF
ƒ	Florin sign	ƒ	\0192
™	Tanda ng trademark	™	\2122
	Marker ng listahan	.	\2022
…	Ellipsis	…	\2026
‾	Overlining	‾	\203E
–	Em dash	-	\2013
-	Em dash	—	\2014
‰	ppm	‰	\2030
}	Kanang kulot na brace	}	\007D
{	Kaliwang kulot na brace	{	\007B
=	Equal sign	=	\003D
≠	Tanda ng hindi pagkakapantay-pantay	≠	\2260
≅	Congruence (geometric equality)	≅	\2245
≈	Halos magkapantay	≈	\2248
≤	Mas mababa sa o katumbas	≤	\2264
≥	Higit sa o katumbas	≥	\2265
∠	Sulok	∠	\2220
⊥	Perpendicular (pataas na button)	⊥	\22A5
√	Kuwadrado na ugat	√	\221A
∑	N-ary summation	∑	\2211
∫	integral	∫	\222B
※	Palatandaan ng talababa	※	\203B
÷	Tanda ng dibisyon	÷	\00F7
∞	Infinity sign	∞	\221E
@	Simbolo ng aso	@	\0040
[	Kaliwang square bracket	[	\005B
]	Kanang square bracket	]	\005D

Mga arrow

Hitsura	Pagtatalaga	HTML code	CSS code
←	Kaliwang arrow	←	\2190
	Pataas na arrow		\2191
→	Kanang arrow	→	\2192
↓	Arrow pababa	↓	\2193
↔	Kaliwa-kanang arrow	↔	\2194
↵	Pababa at kaliwang arrow – carriage return sign	↵	\21B5
⇐	Dobleng kaliwang arrow	⇐	\21D0
⇑	Dobleng pataas na arrow	⇑	\21D1
⇒	Dobleng arrow sa kanan	⇒	\21D2
⇓	Dobleng pababang arrow	⇓	\21D3
⇔	Dobleng kaliwa-kanang arrow	⇔	\21D4
➠	Lumilipad na palaso	➠	\27A0
➤	Ulo ng palaso	➤	\27A4
➥	Kurbadong arrow na nakaturo pababa at pakanan	➥	\27A5
➦	Kurbadong arrow na nakaturo pataas at pakanan	➦	\27A6
➳	Arrow sa kanan	➳	\27B3
↺		↺	\21BA
↻	Pabilog na arrow na may pakaliwa sa dulo	↻	\21BB
⇧	Makapal na hollow up arrow	⇧	\21E7
↩	Kaliwang arrow na may hook	↩	\21A9
➫	Pababang sloping arrow	➫	\27AB
⬇	Punan pababang arrow	⬇	\2B07
⬆	Napuno ng arrow	⬆	\2B06

Mga card suit, zodiac sign at icon ng pera

Hitsura	Pagtatalaga	HTML code	CSS code
♠	"Spades"	♠	\2660
♣	"Mga Club"	♣	\2663
	"Mga Puso"		\2665
♦	"Mga brilyante"	♦	\2666
♡	Contour "Mga Puso"	♡	\2661
♢	Contour na "Tamburin"	♢	\2662
♤	Mga Peks Contour	♤	\2664
♧	Balangkas na "Mga Club"	♧	\2667
¢	Cent	¢	\FFE0
£	GBP	£	\FFE1
₽	Russian ruble	₽	\20BD
¥	Yen o Yuan	¥	\00A5
€	Euro	€	\20AC
$	dolyar	$	\0024
₴	Tanda ng Hryvnia	₴	\20B4
₹	Indian Rupee	₹	\20B9
圓	CNY	圓	\5713
₸	Kazakhstani tenge	₸	\20B8
♈	Aries	♈	\2648
♉	Taurus	♉	\2649
♊	Kambal	♊	\264A
♋	Kanser	♋	\264B
♌	isang leon	♌	\264C
♍	Virgo	♍	\264D
♎	Mga kaliskis	♎	\264E
♏	alakdan	♏	\264F
♐	Sagittarius	♐	\2650
♑	Capricorn	♑	\2651
♒	Aquarius	♒	\2652
♓	Isda	♓	\2653

alpabetong Griyego

Sulat	maliit na titik		mga kapital
	simbolo	html code	simbolo	html code
alpha	α	α	Α	Α
beta	β	β	Β	Β
gamma	γ	γ	Γ	Γ
delta	δ	δ	Δ	Δ
epsilon	ε	ε	Ε	Ε
zeta	ζ	ζ	Ζ	Ζ
ito	η	η	Η	Η
theta	θ	θ	Θ	Θ
iota	ι	ι	Ι	Ι
kappa	κ	κ	Κ	Κ
lambda	λ	λ	Λ	Λ
mu	μ	μ	Μ	Μ
hubad	ν	ν	Ν	Ν
xi	ξ	ξ	Ξ	Ξ
omicron	ο	ο	Ο	Ο
pi	π	π	Π	Π
ro	ρ	ρ	Ρ	Ρ
sigma	σ	σ	Σ	Σ
huling sigma	ς	ς
tau	τ	τ	Τ	Τ
upsilon	υ	υ	Υ	Υ
fi	φ	φ	Φ	Φ
hee	χ	χ	Χ	Χ
psi	ψ	ψ	Ψ	Ψ
omega	ω	ω	Ω	Ω

Paano gamitin ito sa pagsasanay

Anuman ang CMS, ang pagdaragdag ng isang artikulo ay ginagawa gamit ang isang visual editor at isang HTML na bersyon. Ang lahat ng mga espesyal na character sa pag-encode ay maaari lamang ipasok sa pangalawang kaso. Upang magamit nang tama ang mga tool, inirerekumenda na tandaan ang mga talahanayan na nagpapakita ng code at panlabas na representasyon.

Pakitandaan na kung magpasok ka ng sign sa visual na representasyon ng isang artikulo, ang elemento ay mako-convert sa kaukulang code sa HTML. Kapag manu-mano ang pagpasok ng impormasyon, isaalang-alang ang kaso, na nakakaapekto sa huling resulta.

Kumusta, mahal na mga mambabasa ng blog site! Ang mga hindi bababa sa mababaw na pamilyar dito ay malamang na napansin na, kahit na sa pangkalahatan. Nangangahulugan ito na mayroon silang ideya kung anong mga simbolo ng HTML ang karaniwang ginagamit sa code ng dokumento.

Sa artikulong ngayon, susubukan naming malaman kung ano ang isang puwang sa HTML at sa anong mga kaso maaari mong gamitin ang mga character na whitespace kapag pino-format ang mismong code para sa madaling pagbabasa. Malalaman natin kung kinakailangan na gumamit ng isang hindi nasira na puwang, at makilala din ang iba pang mga espesyal na character (o, kung tawagin din sila, mnemonics).

Sa katunayan, ipinapayo ko sa iyo na huwag pansinin ang paksa ng paggamit ng iba't ibang mga espesyal na character, dahil ito ay isang mahalagang bahagi na nagbibigay-daan sa iyo upang makumpleto ang iyong pag-aaral ng hypertext markup language. Sa pangkalahatan, ang impormasyong ibinigay sa publikasyong ito ay tiyak na hindi magiging kalabisan. Well, ngayon sa punto.

Mga space at whitespace na character sa HTML

Una, mayroong isang mahalagang tala na dapat gawin. May mga espesyal na key sa isang computer keyboard na nagbibigay-daan sa iyong paghiwalayin ang text (higit pa dito sa ibaba). Gayunpaman, isang malawak na spacebar lamang ang nagbibigay ng paghihiwalay sa pagitan ng mga salita hindi lamang sa editor, kundi pati na rin sa window ng browser. May mga nuances kapag nasira ang mga linya at indenting mula sa mga gilid.

Tulad ng alam mo, ang pagpapakita ng ilang mga elemento sa isang web browser ay tinutukoy ng mga tag. Upang i-format ang teksto, ang kilalang , na nakabatay sa block, ay ginagamit. Iyon ay, ang nilalaman nito ay matatagpuan sa buong magagamit na lapad.

Upang balutin ang mga linya sa loob ng talata P, kailangan mong gumamit ng iisang tag ng BR, kung saan magagawa mo ito. Sabihin nating kailangan nating ipasok sa teksto ang ilang mga linya mula sa isang tula na isinusulat natin sa isang text editor:

Sa kabila ng katotohanan na ang mga linya ng taludtod ay matatagpuan nang tama at ang mga gitling ay ginawa sa mga tamang lugar, ang lahat ay magiging iba sa browser:

Upang makamit ang parehong display sa isang web browser window, kailangan mong magsulat ng BR sa bawat line break:

Ngayon ay nakamit na namin ang gawain at ang mga patula na linya ay ganap na ipapakita nang tama sa browser:

Kaya, ang mga kinakailangang line break ay nakumpleto. Ang isa pang tampok na kailangang tandaan dito ay ang maraming mga puwang na darating nang sunud-sunod ay ipinapakita ng web browser bilang isa. Maaari mong i-verify ito kung sa parehong editor ay susubukan mong maglagay ng hindi isa, ngunit ilang mga puwang sa pagitan ng dalawang salita at, sa pamamagitan ng pag-click sa pindutang "I-save", tingnan ang resulta sa browser.

Space, tab at line break

Talaga, kasama ang mga ito mga character na whitespace Nakikilala namin ang isa't isa sa sandaling magsimula kaming magtrabaho kasama ang teksto sa editor at i-format ito sa kinakailangang form. Upang maipatupad ang gayong gawain, mayroong mga espesyal na susi, na ang bawat isa ay tumutugma sa sarili nitong karakter sa espasyo:

• Ang Spacebar ay ang pinakamalawak na susi sa keyboard ng computer (walang label);
• Tab - isang susi sa kaliwa na may nakasulat na "Tab" at dalawang arrow na tumuturo sa iba't ibang direksyon;
• Line break - "Enter" key.

Gayunpaman, tulad ng sinabi ko sa itaas, nakukuha namin ang pangwakas na nais na resulta hindi lamang sa isang text editor, kundi pati na rin sa isang browser, kapag ginamit lamang namin ang unang key. Ang lahat ng tatlong key (kabilang ang tab at line break ay kapaki-pakinabang kapag nagfo-format ng HTML code. Sabihin nating ganito ang hitsura ng isang fragment ng code sa NotePad++ (mayroong maraming impormasyon tungkol sa editor na ito) kapag ipinapakita ang lahat ng mga character na whitespace:

Nakakakuha kami ng code na madaling basahin at maunawaan salamat sa mga espasyo. Ang mga orange na arrow ay nagpapahiwatig ng mga indentasyon na ginawa gamit ang Tab key, at ang mga simbolo ng CR at LF ay nagpapahiwatig ng mga line break na ginawa gamit ang Enter key.

Tinitingnan ang mga lalagyan na nakapugad sa isa't isa, at malinaw na nakikita ang mga pagbubukas at pagsasara ng mga tag. Sa form na ito, madaling ma-edit ang code na ito. Ngayon ihambing ito sa parehong code, na walang ganitong paghahati ng teksto:

Sa parehong paraan, gamit ang mga character na whitespace, maaari kang magsulat ng mga panuntunan sa CSS na magiging malinaw at madaling matunaw:

Pagkatapos mong dalhin ang lahat ng mga estilo sa isang karaniwang denominator at ganap na tapusin ang pag-edit ng file ng mga estilo, maaari mong isagawa ang pag-edit sa pamamagitan ng pag-alis ng lahat ng mga puwang mula sa code. Ito ay kinakailangan upang madagdagan , na napakahalaga kapag nagpo-promote ng isang mapagkukunan.

Mga espesyal na character (o mnemonic) sa HTML code

Ngayon tingnan natin ang mga kaso kung saan kinakailangang gamitin ang mga espesyal na character na binanggit ko sa simula ng artikulo. Ang mga espesyal na character ng HTML, kung minsan ay tinatawag na mnemonics, ay ipinakilala upang malutas ang isang matagal nang problema sa mga pag-encode na lumitaw sa hypertext markup language.

Kapag nag-type ka ng text sa keyboard, naka-encode ang mga character ng wikang ginagamit mo. Sa web browser, ang nai-type na text ay ipapakita gamit ang mga font na iyong pinili bilang resulta ng reverse decoding operation.

Ang katotohanan ay mayroong maraming mga naturang pag-encode ngayon ay wala kaming layunin na pag-aralan ang mga ito nang detalyado. Ang bawat isa sa kanila ay maaaring may nawawalang ilang partikular na simbolo, na, gayunpaman, ay kailangang ipakita. Sabihin nating naramdaman mo ang pagnanais na magsulat ng mga solong panipi o isang accent mark, ngunit ang mga icon na ito ay hindi kasama sa set.

Upang maalis ang problemang ito, isang sistema ng mga espesyal na simbolo ang ipinakilala, na kinabibilangan ng malaking bilang ng iba't ibang mnemonics. Nagsisimula silang lahat sa isang ampersand "&" at karaniwang nagtatapos sa isang semicolon na ";". Sa una, ang bawat espesyal na karakter ay may sariling digital code. Halimbawa, para sa isang hindi nasira na espasyo, na isasaalang-alang namin nang mas detalyado sa ibaba, ang sumusunod na entry ay magiging wasto:

Ngunit pagkaraan ng ilang oras, ang pinakakaraniwang mga simbolo ay itinalaga ng mga analogue ng titik (mnemonics) upang gawing mas madaling matandaan ang mga ito. Sabihin nating para sa parehong hindi nasisira na espasyo ay ganito ang hitsura:

Bilang resulta, ipinapakita ng browser ang kaukulang simbolo. Ang listahan ng mga mnemonics ay napakalaki, pinakakaraniwang ginagamit na mga espesyal na character sa HTML maaari mong matuklasan mula sa ibaba ang sumusunod na talahanayan:

simbolo	code	mnemonics	paglalarawan
			hindi nasisira na espasyo
			makitid na espasyo (en-width bilang titik n)
			malawak na espasyo (em-width bilang letrang m)
–	-	–	en-dash (en-dash)
-	—	—	em dash (em dash)
­	-	­	malambot na paglipat
A		́	inilalagay ang stress pagkatapos ng "stress" letter
©		©	copyright
®	®	®	rehistradong tatak ng trademark
™	™	™	tanda ng trademark
º	º	º	sibat ng Mars
ª	ª	ª	salamin ni Venus
‰	‰	‰	ppm
π	π	π	pi (gamitin ang Times New Roman)
¦	¦	¦	patayong tuldok na linya
§	§	§	talata
°	°	°	degree
µ	µ	µ	micro sign
¶	¶	¶	tanda ng talata
…	…	…	ellipsis
‾	‾	‾	overlining
´	´	´	accent mark
№		№	tanda ng numero
🔍		🔍	Magnifying glass (nakatagilid sa kaliwa)
🔎		🔎	Magnifying glass (nakatagilid sa kanan)
mga palatandaan ng arithmetic at mathematical operations
×	×	×	magparami
÷	÷	÷	hatiin
<	<		mas mababa
>	>	>	higit pa
±	±	±	Dagdag bawas
¹	¹	¹	antas 1
²	²	²	antas 2
³	³	³	antas 3
¬	¬	¬	negasyon
¼	¼	¼	isang quarter
½	½	½	kalahati
¾	¾	¾	tatlong kapat
⁄	⁄	⁄	decimal point
−	−	−	minus
≤	≤	≤	mas mababa o katumbas
≥	≥	≥	higit pa o katumbas
≈	≈	≈	humigit-kumulang (halos) katumbas
≠	≠	≠	hindi pantay
≡	≡	≡	magkapareho
√	√	√	square root (radikal)
∞	∞	∞	kawalang-hanggan
∑	∑	∑	tanda ng pagbubuod
∏	∏	∏	marka ng trabaho
∂	∂	∂	bahagyang kaugalian
∫	∫	∫	integral
∀	∀	∀	para sa lahat (makikita lamang kung naka-bold)
∃	∃	∃	umiiral
∅	∅	∅	walang laman na set
Ø	Ø	Ø	diameter
∈	∈	∈	nabibilang
∉	∉	∉	hindi kasama
∋	∋	∗	naglalaman ng
⊂	⊂	⊂	ay isang subset
⊃	⊃	⊃	ay isang superset
⊄	⊄	⊄	ay hindi isang subset
⊆	⊆	⊆	ay isang subset o katumbas ng
⊇	⊇	⊇	ay isang superset o katumbas
⊕	⊕	⊕	plus sa isang bilog
⊗	⊗	⊗	multiplication sign sa isang bilog
⊥	⊥	⊥	patayo
∠	∠	∠	sulok
∧	∧	∧	lohikal AT
∨	∨	∨	lohikal O
∩	∩	∩	interseksyon
∪	∪	∪	Unyon
mga palatandaan ng pera
€	€	€	Euro
¢	¢	¢	Cent
£	£	£	Lb
¤	¤t;	¤	Tanda ng pera
¥	¥	¥	Nag sign sina Yen at Yuan
ƒ	ƒ	ƒ	Florin sign
mga marker
	.		simpleng marker
○		○	bilog
·	·	·	gitnang punto
†		†	krus
‡		‡	dobleng krus
♠	♠	♠	mga taluktok
♣	♣	♣	mga club
			mga puso
♦	♦	♦	mga brilyante
◊	◊	◊	rhombus
✏		✏	lapis
✎		✎	lapis
✐		✐	lapis
✍		✍	kamay
quotes
"	"	"	dobleng quote
&	&	&	ampersand
«	«	«	kaliwang typographic quotation mark (herringbone quotation mark)
»	»	»	kanang typographic na panipi (herringbone quotation mark)
‹		‹	pambungad na quote sa isang sulok
›		›	solong sulok quote pagsasara
′	′	′	prime (minuto, talampakan)
″	″	″	double prime (segundo, pulgada)
‘	‘	‘	kaliwang itaas na solong quote
’	’	’	kanang itaas na solong quote
‚	‚	‚	kanang ibabang solong quote
“	“	“	quote-foot left
”	”	”	quote paa kanang itaas
„	„	„	quote paa ibabang kanan
❛		❛	nag-iisang English opening quotation mark
❜		❜	solong Ingles na pansarang panipi
❝		❝	pambungad na dobleng panipi
❞		❞	pagsasara ng dobleng panipi
mga palaso
←	←	←	kaliwang arrow
			pataas na arrow
→	→	→	kanang arrow
↓	↓	↓	arrow pababa
↔	↔	↔	kaliwa at kanang arrow
↕		↕	pataas at pababang arrow
↵	↵	↵	pagbabalik ng karwahe
⇐	⇐	⇐	dobleng kaliwang arrow
⇑	⇑	⇑	dobleng pataas na arrow
⇒	⇒	⇒	dobleng kanang arrow
⇓	⇓	⇓	dobleng pababang arrow
⇔	⇔	⇔	dobleng arrow sa kaliwa at kanan
⇕		⇕	dobleng pataas at pababang arrow
▲		▲	tatsulok pataas na arrow
▼		▼	tatsulok pababang arrow
			tatsulok na kanang arrow
◄		◄	tatsulok na kaliwang arrow
mga bituin, mga snowflake
☃		☃	taong yari sa niyebe
❄		❄	Snowflake
❅		❅	Snowflake na na-sandwich ng shamrocks
❆		❆	Matabang snowflake na may matalim na anggulo
★		★	May kulay na bituin
☆		☆	Blangkong bituin
✪		✪	Walang laman na bituin sa isang punong bilog
✫		✫	Puno ng bituin na may bukas na bilog sa loob
✯		✯	Umiikot na bituin
⚝		⚝	Iginuhit na puting bituin
⚪		⚪	Gitnang bukas na bilog
⚫		⚫	Gitnang punong bilog
⚹		⚹	Sextile (uri ng snowflake)
✵		✵	Eight-pointed rotating star
❉		❉	Bituin na may mga spherical na dulo
❋		❋	Bold eight-pointed drop-shaped star-propeller
✺		✺	Labing-anim na puntos na asterisk
✹		✹	Twelve-pointed na bituin
✸		✸	Bold eight-pointed straight filled star
✶		✶	Six-pointed filled star
✷		✷	Eight-pointed straight filled star
✴		✴	Eight-pointed star
✳		✳	Eight-pointed star
✲		✲	Bituin na may blangko ang gitna
✱		✱	Matabang bituin
✧		✧	Itinuro ang apat na nakatutok na bukas na bituin
✦		✦	Pointed four-pointed filled star
⍟		⍟	Bituin sa isang bilog
⊛		⊛	Snowflake sa isang bilog
oras ng orasan
⏰		⏰	Panoorin
⌚		⌚	Panoorin
⌛		⌛	Hourglass
⏳		⏳	Hourglass

Mga kaso ng paggamit ng ilang espesyal na character, kabilang ang hindi nasisira na espasyo at malambot na gitling

Kung napag-aralan mo na ang talahanayan ng kaunti, nakatanggap ka ng kumpirmasyon ng sinabi ko sa itaas, na upang ipakita ang lahat ng mga espesyal na character, isang digital code () o ang alpabetikong analogue nito (symbolic mnemonics) ay ginagamit, kung saan sa halip na isang set ng hash mga marka at mga numero, mga titik () ay nakasulat.

Ngayon tingnan natin kung kailan gagamitin ang mga code na ito. Sabihin nating sa isang artikulo kailangan mong magpahiwatig ng ilang HTML na tag para sa mga layuning pang-impormasyon, halimbawa,