Don't want to use images in projects , We have to cut it , Like the close button “×”、 Male and female symbols “**”、 check mark “√” etc. , Found a comprehensive blog , from https://www.haorooms.com/post/html_tsfh, thank .

as follows :

html Some special symbols are often used in , For example, arrows , snow , Heart shape and so on , These symbols don't have to be css Style or picture , Direct use html Special symbols can achieve .

for example , as follows html Code :

<!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 Special symbol of front end blog </title>
</head>
<body>
&#8672
&#9728
</body>
</html>

It is shown in the web page as follows

Usage method :

  • These characters belong to unicode Character set , therefore , Your document needs to be declared as UTF-8;
  • The following list of symbols is followed by two columns of numbers , They're not quite the same , The first column is for HTML Of , You need to add... To the front &# Symbol ;
  • The second column can be used for CSS In file , But you need to use a backslash \ escape ;
  • The second column can also be used for JavaScript, and CSS Use the same , But use \u To escape .

It should be noted that :

  • Some characters behave differently in different browsers ; Like the little snowman stay Firefox and Chrome It's different , diamond ◆ stay IE It's better than Chrome It's going to be bigger ;
  • Some characters will not be displayed in a browser ; Of course, the reason is not the character code , It's the browser's bug, such as ,– stay Chrome Next ...
  • however ,98% All characters can be displayed in all browsers , But if you really want to use , It's best to verify it carefully in each browser .
  • These characters have been tested in Android/iOS The recognition degree of intelligent terminal is poor , therefore , Pay special attention to mobile browsers when using them ~~

All kinds of arrows

  •  8672 21E0
  •  8674 21E2
  •  8673 21E1
  •  8675 21E3
  •  8606 219E
  •  8608 21A0
  •  8607 219F
  •  8609 21A1
  •  8592 2190
  •  8594 2192
  •  8593 2191
  •  8595 2193
  •  8596 2194
  •  8597 2195
  •  8644 21C4
  •  8645 21C5
  •  8610 21A2
  •  8611 21A3
  •  8670 21DE
  •  8671 21DF
  •  8619 21AB
  •  8620 21AC
  •  8668 21DC
  •  8669 21DD
  •  8602 219A
  •  8603 219B
  •  8622 21AE
  •  8621 21AD

shape

  •  8678 21E6
  •  8680 21E8
  •  8679 21E7
  •  8681 21E9
  •  8631 21B7
  •  8630 21B6
  •  8635 21BB
  •  8634 21BA
  • * 10227 27F3
  • * 10226 27F2
  • * 10224 27F0
  • * 10225 27F1
  •  8629 21B5
  •  8623 21AF
  •  8693 21F5

The arrow to the right

  • * 10132 2794
  • * 10137 2799
  • * 10152 27A8
  • * 10162 27B2
  • * 10140 279C
  • * 10142 279E
  • * 10143 279F
  • * 10144 27A0
  • * 10148 27A4
  • * 10149 27A5
  • * 10150 27A6
  • * 10151 27A7
  • * 10165 27B5
  • * 10168 27B8
  • * 10172 27BC
  • * 10173 27BD
  • * 10170 27BA
  • * 10163 27B3
  • * 10174 27BE

Basic shape

  •  9650 25B2
  •  9658 25BA
  •  9660 25BC
  •  9668 25C4
  •  10084 2764
  •  9992 2708
  • * 9733 2605
  • * 10022 2726
  •  9728 2600
  •  9670 25C6
  •  9672 25C8
  •  9635 25A3

punctuation

  • « 171 00AB
  • » 187 00BB
  •  139 008B
  •  155 009B
  •  8220 201C
  •  8221 201D
  •  8216 2018
  •  8217 2019
  •  8226 2022
  •  9702 25E6
  • ¡ 161 00A1
  • ¿ 191 00BF
  •  8453 2105
  •  8470 2116
  • & 38 0026
  • @ 64 0040
  •  8478 211E
  •  8451 2103
  •  8457 2109
  • ° 176 00B0
  • | 124 007C
  • ¦ 166 00A6
  •  8211 2013
  •  8212 2014
  •  8230 2026
  •  182 00B6
  •  8764 223C
  •  8800 2260

Legal symbols

  •  174 00AE
  •  169 00A9
  •  8471 2117
  •  153 0099
  •  8480 2120

currency

  • $ 36 0024
  • ¢ 162 00A2
  • £ 163 00A3
  • ¤ 164 00A4
  •  8364 20AC
  • ¥ 165 00A5
  •  8369 20B1
  •  8377 20B9

mathematics

  • ½ 189 00BD
  • ¼ 188 00BC
  • ¾ 190 00BE
  •  8531 2153
  •  8532 2154
  •  8539 215B
  •  8540 215C
  •  8541 215D
  •  8240 2030
  • % 37 0025
  • < 60 003C
  • > 62 003E

music notation

  • * 9833 2669
  • * 9834 266A
  • * 9835 266B
  • * 9836 266C
  • * 9837 266D
  • * 9839 266F

Check mark 、 Wrong number

  • 160 00A0 It doesn't show
  • * 9744 2610
  •  9745 2611
  • * 9746 2612
  • * 10003 2713
  •  10004 2714
  • * 10005 10005
  •  10006 2716
  • * 10007 2717
  • * 10008 2718

cross

  • * 9768 2628
  • * 9769 2629
  •  10013 271D
  • * 10014 271E
  • * 10015 271F
  • * 10016 2720
  • * 10010 271A
  •  8224 2020
  • * 10018 2722
  • * 10020 2724
  • * 10019 2723
  • * 10021 2725

The stars 、 asterisk 、 snow

  • * 9733 2605
  • * 10029 272D
  • * 10030 272E
  • * 9734 2606
  • * 10026 272A
  •  10017 2721
  • * 10031 272F
  • * 10037 2735
  • * 10038 2736
  • * 10040 2738
  • * 10041 2739
  • * 10042 273A
  • * 10033 2731
  • * 10034 2732
  •  10036 2734
  •  10035 2733
  • * 10043 273B
  • * 10045 273D
  • * 10059 274B
  • * 10054 2746
  •  10052 2744
  • * 10053 2745

miscellaneous

  • * 9787 263B
  •  9786 263A
  •  9785 2639
  •  9993 2709
  •  9742 260E
  • * 9743 260F
  • * 9990 2706
  •  65533 FFFD
  •  9729 2601
  •  9730 2602
  •  10052 2744
  •  9731 2603
  • * 10056 2748
  • * 10047 273F
  • * 10048 2740
  • * 10049 2741
  •  9752 2618
  • * 10086 2766
  •  9749 9749
  • * 10050 2742
  • * 9765 2625
  •  9774 262E
  •  9775 262F
  •  9770 262A
  • * 9764 2624
  • * 9988 2704
  •  9986 2702
  •  9784 2638
  •  9875 2693
  •  9763 2623
  •  9888 26A0
  •  9889 26A1
  •  9762 2622
  •  9851 267B
  •  9855 267F
  •  9760 2620

Hand type 、 The pencil 、 pen

  • * 9756 261C
  • * 9758 261E
  •  9757 261D
  • * 9759 261F
  •  9996 270C
  •  9997 270D
  • * 9998 270E
  • * 10000 2710
  •  9999 270F
  • * 10001 2711
  •  10002 2712

sky 、 plant

  • * 9789 263D
  • * 9790 263E
  • * 9794 2642
  • * 9792 2640
  • * 9791 263F
  • * 9793 2641
  • * 9795 2643
  • * 9796 2644
  • * 9797 2645
  • * 9798 2646
  • * 9799 2647

The constellation

  •  9800 2648
  •  9801 2649
  •  9802 264A
  •  9803 264B
  •  9804 264C
  •  9805 264D
  •  9806 264E
  •  9807 264F
  •  9809 2651
  •  9810 2652
  •  9811 2653

chess , Poker

  • * 9818 265A
  • * 9819 265B
  • * 9820 265C
  • * 9821 265D
  • * 9822 265E
  • * 9823 265F
  • * 9812 2654
  • * 9813 2655
  • * 9814 2656
  • * 9815 2657
  • * 9816 2658
  • * 9817 2659
  •  9824 2660
  •  9827 2663
  •  9829 2665
  •  9830 2666
  • * 9828 2664
  • * 9831 2667
  • * 9825 2661
  • * 9826 2662

The Greek letter

  • Α 913 0391
  • Β 914 0392
  • Γ 915 0393
  • Δ 916 0394
  • Ε 917 0395
  • Ζ 918 0396
  • Η 919 0397
  • Θ 920 0398
  • Ι 921 0399
  • Κ 922 039A
  • Λ 923 039B
  • Μ 924 039C
  • Ν 925 039D
  • Ξ 926 039E
  • Ο 927 039F
  • Π 928 03A0
  • Ρ 929 03A1
  • Σ 931 03A3
  • Τ 932 03A4
  • Υ 933 03A5
  • Φ 934 03A6
  • Χ 935 03A7
  • Ψ 936 03A8
  • Ω 937 03A9

HTML Common special symbols & More related articles on punctuation used in the front end

  1. Notepad++ Front end development commonly used plug-ins introduction - BorisHuai Front end cultivation - Blog channel - CSDN

    Notepad++ Front end development commonly used plug-ins introduction - BorisHuai Front end cultivation - Blog channel - CSDN.NET http://blog.csdn.net/borishuai/article/details ...

  2. shell Special symbols commonly used in

    stay shell The special symbols commonly used in are listed below : # ; ;; . , / \ 'string'| ! $ ${} $? $$ $* "string"* ** ? : ^ $# $@ `co ...

  3. shell Script writing steps and common commands and symbols

    1, What is? Shell     Shell yes kernel A shell of , It's a command parser , Responsible for user interaction with kernel .2,Shell Script      Shell Scripts are similar to batch processing , Can easily execute a large number of commands .3, To write sh ...

  4. UML The common relations and symbolic representation of

    original UML The common relations and symbolic representation of One . Realization relationship Usually a class implements an interface Symbolic representation : Two . Generalization relation Usually one class inherits from another Symbolic representation : 3、 ... and . Dependency relationship Usually, the parameter type of a method in one class is another class ...

  5. Java Web - HTML Common labels and symbols

    1.Html notes ,pre,&lt,&gt,&nbsp, hyperlink ,marquee,img label <html> <head> <title> Commonly used ...

  6. re modular Commonly used regular  Expression symbols The most common matching syntax

      Regular expression symbols are commonly used 1 '.'     Default match division \n Any character other than , If specified flag DOTALL, Match any character , Including line breaks '^'     Match the beginning of the character , If specified flags MULTILINE, ...

  7. 【 Reprint 】markdown Arrow symbols are commonly used in mathematics

    source 1:https://www.jianshu.com/p/3f01c5658356 source 2:https://blog.csdn.net/smstong/article/details/4434063 ...

  8. [No0000A0] Batch command learning : Common special symbols

    Learning points :1.>.>> Redirection character 2.| Command pipe 3.&.&&.|| Combination order 4.^ Escape character 5.% Variable leader 6."" Delimiter —————— ...

  9. package.json for npm Version symbols commonly used when relying on external components in

    package.json There will be dependencies Defines the external components that the project depends on , The dependencies of these external components are marked with version symbols to indicate the version range of the dependent components . { "dependencies" : ...

Random recommendation

  1. Hibernate Failed to load data failed to lazily initialize a collection of role

    When testing to get data in the database or when getting pages , Sometimes you get this kind of error prompt : failed to lazily initialize a collection of role: com.exam.entity ...

  2. What is mvc

    A lot of Web The framework is called MVC Software architecture design pattern based on XML , Divide the software into three parts : Model Objects encapsulate data and business logic , For example, operating databases View Represents the user interface , Display and edit forms , Can be embedded in Ruby Programmed HTML ...

  3. Linux(CentOS) System settings nginx Boot up

    Nginx It's a very powerful high performance Web And reverse proxy . The following is about linux After installation , How to set the boot to boot . First , stay linux Systematic /etc/init.d/ Create under directory nginx file , Use the following command :vi ...

  4. mysql Find where the string appears

    MySQL Medium LOCATE and POSITION Function usage FIND_IN_SET(str,strlist) If the string str In by N List of strings made up of sub chains strlist in , Then the return value range is 1 To ...

  5. How to quickly build a Wordpress Personal site

    Copyright notice : This article is written by He Jia , Reprint please indicate the source :  Link to the original article :https://www.qcloud.com/community/article/175 source : Tengyun Pavilion  https://www.qclou ...

  6. PHP Image operation :3D chart 、 The zoom 、 rotate 、 tailoring 、 Add watermark ( 3、 ... and )

    source :http://www.ido321.com/887.html 5.PHP Rotation of the image 1: <div> 2: <h4> Before spinning </h4> 3: <img ...

  7. codevs 2241 Sort binary trees

    /* WTF I've been writing for a long time I read the title wrong at the beginning The construction of the map is wrong Search is not good either It feels like it will T All in all The first time I wrote it was very low Stick it */ #include<iostream> #include< ...

  8. Java learning IO And File Class one

    File The operation of package com.gh.file; import java.io.File; import java.io.IOException; /** * File operation * @author ...

  9. 16.ajax_case02

    # Grab Dangdang book reviews # http://product.dangdang.com/25340451.html import json import requests from lxml import e ...

  10. 【Boost】boost::string_algo Detailed explanation 2——find Correlation function

    come from : https://blog.csdn.net/huang_xw/article/details/8276123 Function declaration :   template<typename Range1T, typ ...