קודי סמלים ב-HTML

Q: מהי ישות HTML?

קוד קצר שמתחיל ב-& ומסתיים ב-;, כמו &hearts; עבור ♥ או © עבור ©. הדפדפנים מציגים את הסמל במקום הקוד.

Q: האם להשתמש בקודים עם שם או במספריים?

שניהם עובדים בכל דפדפן מודרני. קודים מספריים כמו ♥ קיימים לכל תו Unicode, ואילו שמות קיימים רק לחלקם. בדפי UTF-8 אפשר גם להדביק את הסמל עצמו.

Q: איך מוסיפים סמל באמצעות CSS?

השתמשו בקוד ה-CSS בתכונת content של פסאודו-אלמנט, למשל content: "\2665"; עבור לב.

ישויות HTML עם שם, קודים עשרוניים והקסדצימליים וקודי CSS עבור 252 סמלים. לחצו על סמל כדי להעתיק אותו, או על קוד כדי להעתיק את הקוד.

Basic Latin

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	quotation mark				`\0022`
	ampersand				`\0026`
	less-than sign				`\003C`
	greater-than sign				`\003E`

Latin 1 Supplement

סמל	שם	CSS
(ריק)	no-break space	`\00A0`
	inverted exclamation mark	`\00A1`
	cent sign	`\00A2`
	pound sign	`\00A3`
	currency sign	`\00A4`
	yen sign	`\00A5`
	broken bar	`\00A6`
	section sign	`\00A7`
	diaeresis	`\00A8`
	copyright sign	`\00A9`
	feminine ordinal indicator	`\00AA`
	left-pointing double angle quotation mark	`\00AB`
	not sign	`\00AC`
(ריק)	soft hyphen	`\00AD`
	registered sign	`\00AE`
	macron	`\00AF`
	degree sign	`\00B0`
	plus-minus sign	`\00B1`
	superscript two	`\00B2`
	superscript three	`\00B3`
	acute accent	`\00B4`
	micro sign	`\00B5`
	pilcrow sign	`\00B6`
	middle dot	`\00B7`
	cedilla	`\00B8`
	superscript one	`\00B9`
	masculine ordinal indicator	`\00BA`
	right-pointing double angle quotation mark	`\00BB`
	vulgar fraction one quarter	`\00BC`
	vulgar fraction one half	`\00BD`
	vulgar fraction three quarters	`\00BE`
	inverted question mark	`\00BF`
	capital a with grave	`\00C0`
	capital a with acute	`\00C1`
	capital a with circumflex	`\00C2`
	capital a with tilde	`\00C3`
	capital a with diaeresis	`\00C4`
	capital a with ring above	`\00C5`
	capital ae	`\00C6`
	capital c with cedilla	`\00C7`
	capital e with grave	`\00C8`
	capital e with acute	`\00C9`
	capital e with circumflex	`\00CA`
	capital e with diaeresis	`\00CB`
	capital i with grave	`\00CC`
	capital i with acute	`\00CD`
	capital i with circumflex	`\00CE`
	capital i with diaeresis	`\00CF`
	capital eth	`\00D0`
	capital n with tilde	`\00D1`
	capital o with grave	`\00D2`
	capital o with acute	`\00D3`
	capital o with circumflex	`\00D4`
	capital o with tilde	`\00D5`
	capital o with diaeresis	`\00D6`
	multiplication sign	`\00D7`
	capital o with stroke	`\00D8`
	capital u with grave	`\00D9`
	capital u with acute	`\00DA`
	capital u with circumflex	`\00DB`
	capital u with diaeresis	`\00DC`
	capital y with acute	`\00DD`
	capital thorn	`\00DE`
	small sharp s	`\00DF`
	small a with grave	`\00E0`
	small a with acute	`\00E1`
	small a with circumflex	`\00E2`
	small a with tilde	`\00E3`
	small a with diaeresis	`\00E4`
	small a with ring above	`\00E5`
	small ae	`\00E6`
	small c with cedilla	`\00E7`
	small e with grave	`\00E8`
	small e with acute	`\00E9`
	small e with circumflex	`\00EA`
	small e with diaeresis	`\00EB`
	small i with grave	`\00EC`
	small i with acute	`\00ED`
	small i with circumflex	`\00EE`
	small i with diaeresis	`\00EF`
	small eth	`\00F0`
	small n with tilde	`\00F1`
	small o with grave	`\00F2`
	small o with acute	`\00F3`
	small o with circumflex	`\00F4`
	small o with tilde	`\00F5`
	small o with diaeresis	`\00F6`
	division sign	`\00F7`
	small o with stroke	`\00F8`
	small u with grave	`\00F9`
	small u with acute	`\00FA`
	small u with circumflex	`\00FB`
	small u with diaeresis	`\00FC`
	small y with acute	`\00FD`
	small thorn	`\00FE`
	small y with diaeresis	`\00FF`

Latin Extended A

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	capital ligature oe				`\0152`
	small ligature oe				`\0153`
	capital s with caron				`\0160`
	small s with caron				`\0161`
	capital y with diaeresis				`\0178`

Latin Extended B

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	small f with hook				`\0192`

Spacing Modifier Letters

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	modifier circumflex accent				`\02C6`
	small tilde				`\02DC`

Greek And Coptic

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	greek capital alpha				`\0391`
	greek capital beta				`\0392`
	greek capital gamma				`\0393`
	greek capital delta				`\0394`
	greek capital epsilon				`\0395`
	greek capital zeta				`\0396`
	greek capital eta				`\0397`
	greek capital theta				`\0398`
	greek capital iota				`\0399`
	greek capital kappa				`\039A`
	greek capital lamda				`\039B`
	greek capital mu				`\039C`
	greek capital nu				`\039D`
	greek capital xi				`\039E`
	greek capital omicron				`\039F`
	greek capital pi				`\03A0`
	greek capital rho				`\03A1`
	greek capital sigma				`\03A3`
	greek capital tau				`\03A4`
	greek capital upsilon				`\03A5`
	greek capital phi				`\03A6`
	greek capital chi				`\03A7`
	greek capital psi				`\03A8`
	greek capital omega				`\03A9`
	greek small alpha				`\03B1`
	greek small beta				`\03B2`
	greek small gamma				`\03B3`
	greek small delta				`\03B4`
	greek small epsilon				`\03B5`
	greek small zeta				`\03B6`
	greek small eta				`\03B7`
	greek small theta				`\03B8`
	greek small iota				`\03B9`
	greek small kappa				`\03BA`
	greek small lamda				`\03BB`
	greek small mu				`\03BC`
	greek small nu				`\03BD`
	greek small xi				`\03BE`
	greek small omicron				`\03BF`
	greek small pi				`\03C0`
	greek small rho				`\03C1`
	greek small final sigma				`\03C2`
	greek small sigma				`\03C3`
	greek small tau				`\03C4`
	greek small upsilon				`\03C5`
	greek small phi				`\03C6`
	greek small chi				`\03C7`
	greek small psi				`\03C8`
	greek small omega				`\03C9`
	greek theta symbol				`\03D1`
	greek upsilon with hook symbol				`\03D2`
	greek pi symbol				`\03D6`

General Punctuation

סמל	שם	CSS
(ריק)	en space	`\2002`
(ריק)	em space	`\2003`
(ריק)	thin space	`\2009`
(ריק)	zero width non-joiner	`\200C`
(ריק)	zero width joiner	`\200D`
(ריק)	left-to-right mark	`\200E`
(ריק)	right-to-left mark	`\200F`
	en dash	`\2013`
	em dash	`\2014`
	left single quotation mark	`\2018`
	right single quotation mark	`\2019`
	single low-9 quotation mark	`\201A`
	left double quotation mark	`\201C`
	right double quotation mark	`\201D`
	double low-9 quotation mark	`\201E`
	dagger	`\2020`
	double dagger	`\2021`
	bullet	`\2022`
	horizontal ellipsis	`\2026`
	per mille sign	`\2030`
	prime	`\2032`
	double prime	`\2033`
	single left-pointing angle quotation mark	`\2039`
	single right-pointing angle quotation mark	`\203A`
	overline	`\203E`
	fraction slash	`\2044`

Currency Symbols

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	euro sign				`\20AC`

Letterlike Symbols

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	black-letter capital I				`\2111`
	script capital P				`\2118`
	black-letter capital R				`\211C`
	trade mark sign				`\2122`
	alef symbol				`\2135`

Arrows

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	leftwards arrow				`\2190`
	upwards arrow				`\2191`
	rightwards arrow				`\2192`
	downwards arrow				`\2193`
	left right arrow				`\2194`
	downwards arrow with corner leftwards				`\21B5`
	leftwards double arrow				`\21D0`
	upwards double arrow				`\21D1`
	rightwards double arrow				`\21D2`
	downwards double arrow				`\21D3`
	left right double arrow				`\21D4`

Mathematical Operators

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	for all				`\2200`
	partial differential				`\2202`
	there exists				`\2203`
	empty set				`\2205`
	nabla				`\2207`
	element of				`\2208`
	not an element of				`\2209`
	contains as member				`\220B`
	n-ary product				`\220F`
	n-ary summation				`\2211`
	minus sign				`\2212`
	asterisk operator				`\2217`
	square root				`\221A`
	proportional to				`\221D`
	infinity				`\221E`
	angle				`\2220`
	logical and				`\2227`
	logical or				`\2228`
	intersection				`\2229`
	union				`\222A`
	integral				`\222B`
	therefore				`\2234`
	tilde operator				`\223C`
	approximately equal to				`\2245`
	almost equal to				`\2248`
	not equal to				`\2260`
	identical to				`\2261`
	less-than or equal to				`\2264`
	greater-than or equal to				`\2265`
	subset of				`\2282`
	superset of				`\2283`
	not a subset of				`\2284`
	subset of or equal to				`\2286`
	superset of or equal to				`\2287`
	circled plus				`\2295`
	circled times				`\2297`
	up tack				`\22A5`
	dot operator				`\22C5`

Miscellaneous Technical

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	left ceiling				`\2308`
	right ceiling				`\2309`
	left floor				`\230A`
	right floor				`\230B`
	left-pointing angle bracket				`\2329`
	right-pointing angle bracket				`\232A`

Geometric Shapes

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	lozenge				`\25CA`

Miscellaneous Symbols

סמל	שם	ישות	עשרוני	הקסדצימלי	CSS
	black spade suit				`\2660`
	black club suit				`\2663`
	black heart suit				`\2665`
	black diamond suit				`\2666`

סמלים פופולריים ללא ישות עם שם

לאלה אין שם ב-HTML, ולכן השתמשו בקוד המספרי.

שם	ישות	CSS
אריה	–	`\264C`
check mark	–	`\2713`
סמל ברק	–	`\1F5F2`
envelope	–	`\2709`
black telephone	–	`\260E`
airplane	–	`\2708`
לב (קו מתאר)	–	`\2661`
לב אדום	–	`\2764`
black star	–	`\2605`
white star	–	`\2606`
פרח	–	`\273F`
שמש	–	`\2600`
ירח סהר	–	`\263E`
ענן	–	`\2601`
מטרייה	–	`\2602`
פתית שלג	–	`\2744`
יין ינג	–	`\262F`
שלום	–	`\262E`
צלב לטיני	–	`\271D`
זכר (מאדים)	–	`\2642`
נקבה (נוגה)	–	`\2640`
זכר ונקבה	–	`\26A5`
beamed eighth notes	–	`\266B`
eighth note	–	`\266A`
quarter note	–	`\2669`
heavy check mark	–	`\2714`
heavy multiplication x	–	`\2716`
multiplication x	–	`\2715`
ballot x	–	`\2717`
black rightwards arrowhead	–	`\27A4`
חץ ימינה	–	`\1F86A`
חץ שמאלה	–	`\1F868`
חץ למעלה	–	`\1F869`
חץ למטה	–	`\1F86B`
חץ עם כיוון השעון (רענון)	–	`\27F3`
חץ נגד כיוון השעון (ביטול)	–	`\27F2`
black up-pointing triangle	–	`\25B2`
black square	–	`\25A0`
black circle	–	`\25CF`
white circle	–	`\25CB`
תבליט לבן מוקף	–	`\29BE`
medium white circle	–	`\26AA`
מלכה לבנה בשחמט (כתר)	–	`\2655`
מלכה שחורה בשחמט (כתר)	–	`\265B`
מלך לבן בשחמט (כתר)	–	`\2654`
black chess rook	–	`\265C`
black chess knight	–	`\265E`
מחזור אוניברסלי	–	`\2672`
מחזור	–	`\267B`
warning sign	–	`\26A0`
skull and crossbones	–	`\2620`
white smiling face	–	`\263A`
black smiling face	–	`\263B`
white frowning face	–	`\2639`
סמיילי (קטקנה צו)	–	`\30C4`
סמיילי צו קטן	–	`\30C3`
פרצוף סימן דואר	–	`\3020`
keyboard	–	`\2328`
black scissors	–	`\2702`
lower right pencil	–	`\270E`
מספרים ממשיים	–	`\211D`
black four pointed star	–	`\2726`
white four pointed star	–	`\2727`
star operator	–	`\22C6`
ring above	–	`\02DA`
גל ים	–	`\A540`
רוח	–	`\0F04`
כנף מלאך שמאלית	–	`\131A9`
כנף מלאך ימנית	–	`\131AA`

איך משתמשים בקודי סמלים ב-HTML

כתבו את הישות (entity) או את הקוד המספרי ישירות ב-HTML שלכם, למשל <p>I &hearts; Unicode</p>. ישויות עם שם קלות יותר לקריאה; קודים מספריים כמו ♥ עובדים לכל תו, כולל אלה שבמקלדת הסמלים שלנו.

אם העמוד שלכם שמור ב-UTF-8 (ברירת המחדל באתרים מודרניים), אפשר גם להדביק את הסמל עצמו. הקודים עדיין שימושיים בתבניות אימייל, בשדות CMS שמסירים תווים מיוחדים, וכשרוצים שהמקור יישאר ASCII פשוט. כדי למצוא את הקוד של כל תו, השתמשו בחיפוש Unicode.

שאלות נפוצות

מהי ישות HTML?

האם להשתמש בקודים עם שם או במספריים?

שניהם עובדים בכל דפדפן מודרני. קודים מספריים כמו ♥ קיימים לכל תו Unicode, ואילו שמות קיימים רק לחלקם. בדפי UTF-8 אפשר גם להדביק את הסמל עצמו.

איך מוסיפים סמל באמצעות CSS?

השתמשו בקוד ה-CSS בתכונת content של פסאודו-אלמנט, למשל content: "\2665"; עבור לב.