2011-08-23 29 views
17

Theo hiểu biết của tôi, đánh dấu HTML sau sẽ hiển thị biểu tượng trái tim, nhưng không phải. Những gì tôi đang mất tích? Tôi nhận được dữ liệu về Unicode ký tự ở đây: http://en.wikipedia.org/wiki/Html_special_characters#Character_entity_references_in_HTMLTại sao ký tự Unicode cho biểu tượng "Trái tim" không thành công với 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

Nó sẽ giúp ích rất nhiều nếu bạn giải thích những gì bạn đang thấy mà bạn không mong đợi và cũng như cách dữ liệu được hiển thị. Đây có phải là tệp bạn đang mở cục bộ bằng trình duyệt không? Có phải nó đang được gửi từ máy chủ không? –

+2

Vì bạn đang sử dụng UTF-8, bạn có thể chỉ cần dán ký tự ♥ vào tệp nguồn của mình. Không cần phải sử dụng tham chiếu ký tự '&#...;'. – bobince

Trả lời

34

XML/HTML &#NNNN; ký hiệu là cho các giá trị thập phân. Hãy thử sử dụng biểu mẫu &#xNNNN; để buộc nó diễn giải nó dưới dạng thập lục phân, hoặc, cách khác, sử dụng giá trị thập phân.

33

thực thể Encoded:

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

Output:

& trái tim; & # x2665; ♥ & # x2661; & # x2764; & # x2765;

Lưu ý yêu cầu x.

Nếu không có sự x:
&#2661; &#2665;
੥ ੩

+1

Dưới đây là một số mã HTML khác mà bạn có thể sử dụng cho các biểu tượng trái tim khác nhau: 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> 

trình trong FireFox/Chrome/IE. Có vẻ như bạn đã quên bit "x" trong mã của mình.

Các vấn đề liên quan