Kết nối

[HTML/HTML5] Phần 28: Các biểu tượng HTML

2.790 lượt xem 
 Cập nhật lần cuối: 29/10/2017 lúc 11:40:57
Thể loại: HTML/HTML5, Thiết kế Web 

Thực thể biểu tượng
Với nhu cầu hiển thị các biểu tượng toán học, kỹ thuật, tiền tệ,… HTML cho phép hiển thị các biểu tượng này thông qua các tên thực thể như bài trước.

<!DOCTYPE html>
<html>
<body>
<p>Tiền tệ châu Âu là &euro; --- dammio.com</p>
<p>Tiền tệ châu Âu là &#8364;</p>
<p>Tiền tệ châu Âu là &#x20AC;</p>
</body>
</html>

Một số ký tự toán học

Ký tự Số thứ tự Mã tên Mô tả
&#8704; &forall; FOR ALL
&#8706; &part; PARTIAL DIFFERENTIAL
&#8707; &exist; THERE EXISTS
&#8709; &empty; EMPTY SETS
&#8711; &nabla; NABLA
&#8712; &isin; ELEMENT OF
&#8713; &notin; NOT AN ELEMENT OF
&#8715; &ni; CONTAINS AS MEMBER
&#8719; &prod; N-ARY PRODUCT
&#8721; &sum; N-ARY SUMMATION

Một số ký tự Hy Lạp

Ký tự Số thứ tự Mã tên Mô tả
Α &#913; &Alpha; GREEK CAPITAL LETTER ALPHA
Β &#914; &Beta; GREEK CAPITAL LETTER BETA
Γ &#915; &Gamma; GREEK CAPITAL LETTER GAMMA
Δ &#916; &Delta; GREEK CAPITAL LETTER DELTA
Ε &#917; &Epsilon; GREEK CAPITAL LETTER EPSILON
Ζ &#918; &Zeta; GREEK CAPITAL LETTER ZETA

Một số thực thể ký tự HTML

Ký tự Số thứ tự Mã tên Mô tả
© &#169; &copy; COPYRIGHT SIGN
® &#174; &reg; REGISTERED SIGN
&#8364; &euro; EURO SIGN
&#8482; &trade; TRADEMARK
&#8592; &larr; LEFTWARDS ARROW
&#8593; &uarr; UPWARDS ARROW
&#8594; &rarr; RIGHTWARDS ARROW
&#8595; &darr; DOWNWARDS ARROW
&#9824; &spades; BLACK SPADE SUIT
&#9827; &clubs; BLACK CLUB SUIT
&#9829; &hearts; BLACK HEART SUIT
&#9830; &diams; BLACK DIAMOND SUIT
Liên quan:  [HTML/HTML5] Phần 8: Phong cách HTML

Kết luận: Bài viết đã trình bày 1 số ký tự biểu tượng được hiển thị trên HTML để dùng biểu diễn 1 số công thức toán học, kỹ thuật, … Để biểu diễn nhiều hơn ký tự khác và đáp ứng nhu cầu người dùng, bạn cần phải có các framework riêng.

Trích dẫn bài viết
  • APA:
    Dammio. (2017). [HTML/HTML5] Phần 28: Các biểu tượng HTML. https://www.dammio.com/2017/10/27/htmlhtml5-phan-28-cac-bieu-tuong-html.
  • BibTeX:
    @misc{dammio,
    author = {Dammio},
    title = {[HTML/HTML5] Phần 28: Các biểu tượng HTML},
    year = {2017},
    url = {https://www.dammio.com/2017/10/27/htmlhtml5-phan-28-cac-bieu-tuong-html},
    urldate = {2024-07-24}
    }
Theo dõi
Thông báo của
guest
1 Bình luận
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
1
0
Rất thích suy nghĩ của bạn, hãy bình luận.x