Special characters in HTML

Question

I am creating html page for iOS,where i need to put " ♠, ♥, ♦, and ♣ ". These are the cards symbols.

But since this is not normal text, the text on the iPhone is coming up as unusual text. please suggest me html code for using these symbols in my html code.

Use the HTML entities codes form the other answers, or use images — khaverim, Aug 26 '12 at 04:17
Just check this link [http://nicolasgallagher.com/pure-css-gui-icons/demo/](http://nicolasgallagher.com/pure-css-gui-icons/demo/) — NewUser, Aug 26 '12 at 04:07

score 4 · Answer 1 · answered Aug 26 '12 at 07:31

If you put characters like ♠, ♥, ♦, and ♣ into an HTML document, you need to make sure that the declared encoding of the document coincides with the actual encoding. Normally, the encoding should be UTF-8. See the W3C document Declaring character encodings in HTML.

Using entity references like &spades; circumvents the problem, but the solution is to fix the encoding issue. What if there are other special characters, now or after next edit of the document. And a character need not be any more special than the simple curly apostrophe (’) to create encoding issues.

score 2 · Answer 2 · answered Aug 26 '12 at 04:04

2

You can use the equivalent html entities ♥&hearts; ♠&spades; ♣&clubs; ♦&diams;

answered Aug 26 '12 at 04:04

Musa

96,336
17
118
137

score 2 · Accepted Answer · answered Aug 26 '12 at 04:05

2

&spades;    ♠   Spade card suit
&clubs;         ♣   Clubs card suit
&diams;         ♦   Diamonds card suit
&hearts;    ♥   Hearts card suit

answered Aug 26 '12 at 04:05

Naidu Ypvs

161
10

score 2 · Answer 4 · answered Aug 26 '12 at 04:05

2

Have you tried the following:

♠   &#9824;
♣   &#9827;
♥   &#9829;
♦   &#9830;

Got the codes from this reference page.

answered Aug 26 '12 at 04:05

geaw35

2,297
3
18
21

Special characters in HTML

4 Answers4