當前位置：首頁 > 编程资源 > 综合教程 >内容正文

综合教程

HTML常用的特殊符号&前端使用的标点符号

發布時間：2023/12/13 综合教程 49 生活家

生活随笔收集整理的這篇文章主要介紹了 HTML常用的特殊符号&前端使用的标点符号小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

不想在項目中使用圖片，還得切，如關閉按鈕“×”、男女符號“♂♀”、對勾“√”等，找到了一篇全面的博客，轉自https://www.haorooms.com/post/html_tsfh，感謝。

如下：

html中經常會用到一些特殊符號，例如箭頭，雪花，心形等等，這些符號就不用css樣式或者圖片來寫了，直接用html特殊符號可以實現。

例如，如下html代碼：

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>haorooms前端博客之特殊符號</title>
</head>
<body>
    &#8672 
    &#9728 
</body>
</html>

在網頁中顯示如下

使用方法：

這些字符屬于unicode字符集，所以，你的文檔需要聲明為UTF-8；
下面符號列表的后面有兩列編號，它們并不太一樣，第一列是用于HTML的，你需要在前面加上&#符號；
第二列可以用于CSS文件中，但是需要用反斜杠轉義；
第二列也可以用于JavaScript，和CSS用法一樣，不過要用u來轉義。

需要注意的是：

有的字符在不同的瀏覽器下表現不太一樣；比如小雪人 ☃ 在Firefox和Chrome下不太一樣，鉆石 ◆ 在IE下要比Chrome下要大一點兒；
有的字符在某個瀏覽器下不會顯示；當然原因并不是字符代碼的問題，而是瀏覽器的bug，比如，–在Chrome下。。。
但是，98%的字符都能在所有瀏覽器下正常顯示的，不過如果你真的要使用，最好仔細在各個瀏覽器下驗證一番。
經測試這些字符在Android/iOS等智能終端的識別度比較差，所以，使用的時候要特別注意移動瀏覽器～～

各種箭頭

?867221E0
?867421E2
?867321E1
?867521E3
?8606219E
?860821A0
?8607219F
?860921A1
←85922190
→85942192
↑85932191
↓85952193
↔85962194
↕85972195
?864421C4
?864521C5
?861021A2
?861121A3
?867021DE
?867121DF
?861921AB
?862021AC
?866821DC
?866921DD
?8602219A
?8603219B
?862221AE
?862121AD

形狀

?867821E6
?868021E8
?867921E7
?868121E9
?863121B7
?863021B6
?863521BB
?863421BA
?1022727F3
?1022627F2
?1022427F0
?1022527F1
?862921B5
?862321AF
?869321F5

向右的箭頭

?101322794
?101372799
?1015227A8
?1016227B2
?10140279C
?10142279E
?10143279F
?1014427A0
?1014827A4
?1014927A5
?1015027A6
?1015127A7
?1016527B5
?1016827B8
?1017227BC
?1017327BD
?1017027BA
?1016327B3
?1017427BE

基本形狀

▲965025B2
?965825BA
▼966025BC
?966825C4
❤100842764
✈99922708
★97332605
?100222726
☀97282600
◆967025C6
?967225C8
?963525A3

標點

?17100AB
?18700BB
?139008B
?155009B
“8220201C
”8221201D
‘82162018
’82172019
?82262022
?970225E6
?16100A1
?19100BF
℅84532105
№84702116
&380026
@640040
?8478211E
℃84512103
℉84572109
°17600B0
|124007C
|16600A6
–82112013
—82122014
…82302026
?18200B6
～8764223C
≠88002260

法律符號

?17400AE
?16900A9
?84712117
™1530099
?84802120

貨幣

$360024
￠16200A2
￡16300A3
¤16400A4
€836420AC
￥16500A5
?836920B1
?837720B9

數學

?18900BD
?18800BC
?19000BE
?85312153
?85322154
?8539215B
?8540215C
?8541215D
‰82402030
%370025
<60003C
>62003E

音樂符號

?98332669
?9834266A
?9835266B
?9836266C
?9837266D
?9839266F

對號、錯號

16000A0 沒有顯示出來
?97442610
☑97452611
?97462612
?100032713
✔100042714
?1000510005
✖100062716
?100072717
?100082718

十字

?97682628
?97692629
✝10013271D
?10014271E
?10015271F
?100162720
?10010271A
?82242020
?100182722
?100202724
?100192723
?100212725

星星、星號、雪花

★97332605
?10029272D
?10030272E
☆97342606
?10026272A
✡100172721
?10031272F
?100372735
?100382736
?100402738
?100412739
?10042273A
?100332731
?100342732
✴100362734
✳100352733
?10043273B
?10045273D
?10059274B
?100542746
❄100522744
?100532745

雜項

?9787263B
☺9786263A
☹97852639
✉99932709
☎9742260E
?9743260F
?99902706
?65533FFFD
☁97292601
☂97302602
❄100522744
☃97312603
?100562748
?10047273F
?100482740
?100492741
☘97522618
?100862766
☕97499749
?100502742
?97652625
☮9774262E
☯9775262F
☪9770262A
?97642624
?99882704
✂99862702
☸97842638
⚓98752693
☣97632623
⚠988826A0
⚡988926A1
☢97622622
♻9851267B
♿9855267F
☠97602620

手型、鉛筆、筆

?9756261C
?9758261E
☝9757261D
?9759261F
✌9996270C
✍9997270D
?9998270E
?100002710
✏9999270F
?100012711
✒100022712

天空、植物

?9789263D
?9790263E
♂97942642
♀97922640
?9791263F
?97932641
?97952643
?97962644
?97972645
?97982646
?97992647

星座

♈98002648
♉98012649
♊9802264A
♋9803264B
♌9804264C
♍9805264D
♎9806264E
♏9807264F
♑98092651
♒98102652
♓98112653

象棋，撲克牌

?9818265A
?9819265B
?9820265C
?9821265D
?9822265E
♟9823265F
?98122654
?98132655
?98142656
?98152657
?98162658
?98172659
♠98242660
♣98272663
♥98292665
♦98302666
?98282664
?98312667
?98252661
?98262662

希臘字母

Α9130391
Β9140392
Γ9150393
Δ9160394
Ε9170395
Ζ9180396
Η9190397
Θ9200398
Ι9210399
Κ922039A
Λ923039B
Μ924039C
Ν925039D
Ξ926039E
Ο927039F
Π92803A0
Ρ92903A1
Σ93103A3
Τ93203A4
Υ93303A5
Φ93403A6
Χ93503A7
Ψ93603A8
Ω93703A9

總結

以上是生活随笔為你收集整理的HTML常用的特殊符号&前端使用的标点符号的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。