• 技术文章 >web前端 >html教程

    HTML5特殊符号怎么显示

    青灯夜游青灯夜游2021-03-08 11:34:50原创1544

    在HTML5中,特殊符号可以通过“字符实体”来显示。HTML中一些特殊符号是无法直接使用显示的,例如“<”和“>”,浏览器会误认为它们是标签;此时就可以使用字符实体“<”和“>”来显示它们。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    在 HTML 中,某些字符是预留的。

    在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。

    如下面的html代码:

       <body>
            显示:<input id="myTest" type="text" value="5<=6" ></input>
        </body>

    上面的value属性值中含有“<”,浏览器可能会正常显示,但是在解析的时候可能就会出错。

    如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。 字符实体类似这样:

    &entity_name;
    或
    &#entity_number;

    如需显示小于号,我们必须这样写:&lt; 或 &#60; 或 &#060;

    提示: 使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。

    (相关推荐:html教程

    特殊字符对应表

    下面附上特殊字符对应表

    字符十进制字符编号实体名字
    !&#33;惊叹号Exclamation mark
    &#34; &quot; 双引号Quotation mark
    #&#35;数字标志Number sign
    $&#36;美元标志Dollar sign
    %&#37;百分号Percent sign
    &&#38; &amp;Ampersand
    &#39;单引号Apostrophe
    (&#40;小括号左边部分Left parenthesis
    )&#41;小括号右边部分Right parenthesis
    *&#42;星号Asterisk
    +&#43;加号Plus sign
    ,&#44;逗号Comma
    &#45;连字号Hyphen
    .&#46;句号Period (fullstop)
    /&#47;斜杠Solidus (slash)
    0&#48;数字0 Digit 0
    1&#49;数字1 Digit 1
    2&#50;数字2 Digit 2
    3&#51;数字3 Digit 3
    4&#52;数字4 Digit 4
    5&#53;数字5 Digit 5
    6&#54;数字6 Digit 6
    7&#55;数字7 Digit 7
    8&#56;数字8 Digit 8
    9&#57;数字9 Digit 9
    :&#58;冒号Colon
    ;&#59;分号Semicolon
    <&#60; &lt;小于号Less than
    =&#61;等于符号Equals sign
    >&#62; &gt;大于号Greater than
    ?&#63;问号Question mark
    @&#64;Commercial at
    A&#65;大写A Capital A
    B&#66;大写B Capital B
    C&#67;大写C Capital C
    D&#68;大写D Capital D
    E&#69;大写E Capital E
    F&#70;大写F Capital F
    G&#71;大写G Capital G
    H&#72;大写H Capital H
    I&#73;大写J Capital I
    J&#74;大写K Capital J
    K&#75;大写L Capital K
    L&#76;大写K Capital L
    M&#77;大写M Capital M
    N&#78;大写N Capital N
    O&#79;大写O Capital O
    P&#80;大写P Capital P
    Q&#81;大写Q Capital Q
    R&#82;大写R Capital R
    S&#83;大写S Capital S
    T&#84;大写T Capital T
    U&#85;大写U Capital U
    V&#86;大写V Capital V
    W&#87;大写W Capital W
    X&#88;大写X Capital X
    Y&#89;大写Y Capital Y
    Z&#90;大写Z Capital Z
    [&#91;中括号左边部分Left square bracket
    \&#92;反斜杠Reverse solidus (backslash)
    ]&#93;中括号右边部分Right square bracket
    ^&#94;Caret
    _&#95;下划线Horizontal bar (underscore)
    `&#96;尖重音符Acute accent
    a&#97;小写a Small a
    b&#98;小写b Small b
    c&#99;小写c Small c
    d&#100;小写d Small d
    e&#101;小写e Small e
    f&#102;小写f Small f
    g&#103;小写g Small g
    h&#104;小写h Small h
    i&#105;小写i Small i
    j&#106;小写j Small j
    k&#107;小写k Small k
    l&#108;小写l Small l
    m&#109;小写m Small m
    n&#110;小写n Small n
    o&#111;小写o Small o
    p&#112;小写p Small p
    q&#113;小写q Small q
    r&#114;小写r Small r
    s&#115;小写s Small s
    t&#116;小写t Small t
    u&#117;小写u Small u
    v&#118;小写v Small v
    w&#119;小写w Small w
    x&#120;小写x Small x
    y&#121;小写y Small y
    z&#122;小写z Small z
    {&#123;大括号左边部分Left curly brace
    |&#124;竖线Vertical bar
    }&#125;大括号右边部分Right curly brace
    ~&#126;Tilde
    &#127;未使用Unused
    &#160; &nbsp;空格Nonbreaking space
    ¡&#161; &iexcl;Inverted exclamation
    ¢&#162; &cent;货币分标志Cent sign
    £&#163; &pound;英镑标志Pound sterling
    ¤&#164; &curren;通用货币标志General currency sign
    ¥&#165; &yen;日元标
    ¦&#166; &brvbar;or &brkbar;“`
    §&#167; &sect;分节号Section sign
    ¨&#168; &uml;or ¨“`
    ©&#169; &copy;版权标志Copyright
    ª&#170; &ordf;Feminine ordinal
    «&#171; &laquo;Left angle quote, guillemet left
    ¬“`¬ ¬Not sign
    “““&#173; &shy;Soft hyphen
    ®&#174; &reg;注册商标标志Registered trademark
    ¯&#175; &macr;or &hibar;“`
    °&#176; &deg;度数标志Degree sign
    ±&#177; &plusmn;加或减Plus or minus
    ²&#178; &sup2;上标2 Superscript two
    ³&#179; &sup3;上标3 Superscript three
    ´&#180; &acute;尖重音符Acute accent
    µ&#181; &micro;Micro sign
    &#182; &para;Paragraph sign
    ·&#183; &middot;Middle dot
    ¸&#184; &cedil;Cedilla
    ¹&#185; &sup1;上标1 Superscript one
    º&#186; &ordm;Masculine ordinal
    »&#187; &raquo;Right angle quote, guillemet right
    ¼&#188; &frac14;四分之一Fraction one-fourth
    ½&#189; &frac12;二分之一Fraction one-half
    ¾&#190; &frac34;四分之三Fraction three-fourths
    ¿&#191; &iquest;Inverted question mark
    À&#192; &Agrave;Capital A, grave accent
    Á&#193; &Aacute;Capital A, acute accent
    Â&#194; &Acirc;Capital A, circumflex
    Ã&#195; &Atilde;Capital A, tilde
    Ä&#196; &Auml;Capital A, di?esis / umlaut
    Å&#197; &Aring;Capital A, ring
    Æ&#198; &AElig;Capital AE ligature
    Ç&#199; &Ccedil;Capital C, cedilla
    È&#200; &Egrave;Capital E, grave accent
    É&#201; &Eacute;Capital E, acute accent
    Ê&#202; &Ecirc;Capital E, circumflex
    Ë&#203; &Euml;Capital E, di?esis / umlaut
    Ì&#204; &Igrave;Capital I, grave accent
    Í&#205; &Iacute;Capital I, acute accent
    Î&#206; &Icirc;Capital I, circumflex
    Ï&#207; &Iuml;Capital I, di?esis / umlaut
    Ð&#208; &ETH;Capital Eth, Icelandic
    Ñ&#209; &Ntilde;Capital N, tilde
    Ò&#210; &Ograve;Capital O, grave accent
    Ó&#211; &Oacute;Capital O, acute accent
    Ô&#212; &Ocirc;Capital O, circumflex
    Õ&#213; &Otilde;Capital O, tilde
    Ö&#214; &Ouml;Capital O, di?esis / umlaut
    ×&#215; &times;乘号Multiply sign
    Ø&#216; &Oslash;Capital O, slash
    Ù&#217; &Ugrave;Capital U, grave accent
    Ú&#218; &Uacute;Capital U, acute accent
    Û&#219; &Ucirc;Capital U, circumflex
    Ü&#220; &Uuml;Capital U, di?esis / umlaut
    Ý&#221; &Yacute;Capital Y, acute accent
    Þ&#222; &THORN;Capital Thorn, Icelandic
    ß&#223; &szlig;Small sharp s, German sz
    à&#224; &agrave;Small a, grave accent
    á&#225; &aacute;Small a, acute accent
    â&#226; &acirc;Small a, circumflex
    ã&#227; &atilde;Small a, tilde
    ä&#228; &auml;Small a, di?esis / umlaut
    å&#229; &aring;Small a, ring
    æ&#230; &aelig;Small ae ligature
    ç&#231; &ccedil;Small c, cedilla
    è&#232; &egrave;Small e, grave accent
    é&#233; &eacute;Small e, acute accent
    ê&#234; &ecirc;Small e, circumflex
    ë&#235; &euml;Small e, di?esis / umlaut
    ì&#236; &igrave;Small i, grave accent
    í&#237; &iacute;Small i, acute accent
    î&#238; &icirc;Small i, circumflex
    ï&#239; &iuml;Small i, di?esis / umlaut
    ð&#240; &eth;Small eth, Icelandic
    ñ&#241; &ntilde;Small n, tilde
    ò&#242; &ograve;Small o, grave accent
    ó&#243; &oacute;Small o, acute accent
    ô&#244; &ocirc;Small o, circumflex
    õ&#245; &otilde;Small o, tilde
    ö&#246; &ouml;Small o, di?esis / umlaut
    ÷&#247; &divide;除号Division sign
    ø&#248; &oslash;Small o, slash
    ù&#249; &ugrave;Small u, grave accent
    ú&#250; &uacute;Small u, acute accent
    û&#251; &ucirc;Small u, circumflex
    ü&#252; &uuml;Small u, di?esis / umlaut
    ý&#253; &yacute;Small y, acute accent
    þ&#254; &thorn;Small thorn, Icelandic
    ÿ&#255; &yuml;Small y, umlaut

    更多编程相关知识,请访问:编程视频!!

    以上就是HTML5特殊符号怎么显示的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:怎么用html写hello world 下一篇:html中如何加载本地图片
    PHP编程就业班

    相关文章推荐

    • 分享一款html5视频背景插件• html5如何设置文字颜色灰色• html5和h5是一个概念吗• html5怎么添加图片动画效果• html5在工作中主要干什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网