2011-08-23 4 views
17

Secondo la mia comprensione il seguente codice HTML dovrebbe visualizzare un simbolo del cuore, ma non lo è. Cosa mi manca? ho ottenuto i dati sui caratteri Unicode qui: http://en.wikipedia.org/wiki/Html_special_characters#Character_entity_references_in_HTMLPerché il carattere Unicode per il simbolo "Cuori" non funziona con HTML

<?xml version="1.0" encoding="utf-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hearts</title> 
</head> 
<body> 
&#2665; 
</body> 
</html> 
+0

Sarebbe di grande aiuto se spiegassi quello che stai vedendo che non ti aspetti, e anche come i dati vengono visualizzati. È un file che stai aprendo localmente con un browser? Viene inviato da un server? –

+2

Dato che stai usando UTF-8, puoi semplicemente incollare il carattere ♥ nel tuo file sorgente. Non è particolarmente necessario utilizzare un riferimento al carattere '&#...;'. – bobince

risposta

34

L'XML/HTML &#NNNN; notazione è per i valori decimali. Prova a utilizzare il modulo &#xNNNN; per forzarlo a interpretarlo come esadecimale o, in alternativa, utilizzare il valore decimale.

33

entità codificati:

&hearts; &#x2665; &#9829; 
&#x2661; &#x2764; &#x2765; 

uscita:

& cuori; & # X2665; ♥ & # x2661; & # X2764; & # X2765;

Nota il x richiesto.

Senza il x:
&#2661; &#2665;
੥ ੩

+1

Ecco alcuni altri codici HTML che è possibile utilizzare per diversi simboli del cuore: http://heartsymbol.love/list – VKK

8
<?xml version="1.0" encoding="utf-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hearts</title> 
</head> 
<body> 
&#x2665; 

&hearts; 
</body> 

Opere in Firefox/Chrome/IE. Sembra che tu abbia dimenticato il bit "x" nel tuo codice.