• 网页中常用HTML字符实体


    摘要: 一些字符在 HTML 中拥有特殊的含义,比如小于号 () 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。 字符实体有三部分:一个和号 (),一个实体名称,或者 ...
     
     

    一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

    字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。要在 HTML 文档中显示小于号,我们需要这样写:&lt; 或者 &#60;

    使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

    注意:实体对大小写敏感。

    1.特色的
    字符名字编码说明
    © &copy; &#169; 版权标志
    |   &#124; 竖线,常用作菜单或导航中的分隔符
    · &middot; &#183; 圆点,有时被用来作为菜单分隔符
    &uarr; &#8593; 上箭头,常用作网页“返回页面顶部”标识
    &euro; &#8364; 欧元标识
    ² &sup2; &#178; 上标2,数学中的平方,在数字处理中常用到,例如:1000²
    ½ &frac12; &#189; 二分之一
    &hearts; &#9829; 心型,用来表达你的心

    2.常用的
    字符名字编码说明
      &nbsp; &#160; 空格
    & &amp; &#38; and符号,与
    " &quot; &#34; 引号
    © &copy; &#169; 版权标志
    ® &reg; &#187; 注册标志
    &trade; &#153; 商标标志
    &ldquo; &#147; 左双引号
    &rdquo; &#148; 右双引号
    &lsquo; &#145; 做单引号
    &rsquo; &#146; 右单引号
    « &laquo; &#171; 左三角双引号
    » &raquo; &#187; 右三角双引号
    &lsaquo; &#8249; 左三角单引号
    &rsaquo; &#8250; 右三角单引号
    § &sect; &#167; 章节标志
    &para; &#182; 段落标志
    &bull; &#149; 列表圆点(大)
    · &middot; &#183; 列表圆点(中)
    &hellip; &#8230; 省略号
    |   &#124; 竖线
    ¦ &brvbar; &#166; 断的竖线
    &ndash; &#150; 短破折号
    &mdash; &#151; 长破折号

    3.货币类
    字符名字编码说明
    ¤ &curren; &#164; 一般货币符号
    $   &#36; 美元符号
    ¢ &cent; &#162;
    £ &pound; &#163; 英镑
    ¥ &yen; &#165; 日元
    &euro; &#8364; 欧元

    4.数学类
    字符名字编码说明
    < &lt; &#60; 小于号
    > &gt; &#62; 大于号
    &le; &#8804; 小于等于号
    &ge; &#8805; 大于等于号
    × &times; &#215; 乘号
    ÷ &divide; &#247; 除号
    &minus; &#8722; 减号
    ± &plusmn; &#177; 加/减 号
    &ne; &#8800; 不等于号
    ¹ &sup1; &#185; 上标1
    ² &sup2; &#178; 上标2
    ³ &sup3; &#179; 上标3
    ½ &frac12; &#189; 二分之一
    ¼ &frac14; &#188; 四分之一
    ¾ &frac34; &#190; 四分之三
    &permil; &#8240; 千分率
    ° &deg; &#176;
    &radic; &#8730; 平方根
    &infin; &#8734; 无限大

    5.方向类
    字符名字编码说明
    &larr; &#8592; 左箭头
    &uarr; &#8593; 上箭头
    &rarr; &#8594; 右箭头
    &darr; &#8595; 下箭头
    &harr; &#8596; 左右箭头
    &crarr; &#8629; 回车箭头
    &lceil; &#8968; 左上限
    &rceil; &#8969; 右上限
    &lfloor; &#8970; 左下限
    &rfloor; &#8971; 右下限

    6.其它
    字符名字编码说明
    &spades; &#9824; 黑桃
    &clubs; &#9827; 梅花
    &hearts; &#9829; 红桃,心
    &diams; &#9830; 方块牌
    &loz; &#9674; 菱形
    &dagger; &#8224; 匕首
    &Dagger; &#8225; 双剑号
    ¡ &iexcl; &#161; 反向感叹号
    ¿ &iquest; &#191; 反向问号

     
  • 相关阅读:
    Nginx 对访问量的控制
    Shell入门
    小程序如何处理键盘覆盖输入框
    移动端适配之二:visual viewport、layout viewport和ideal viewport介绍
    javascript-对象
    bind函数作用、应用场景以及模拟实现
    「面试题」如何实现一个圣杯布局?
    一款轮播组件的诞生
    超火js库: Lodash API例子
    js 中的 number 为何很怪异
  • 原文地址:https://www.cnblogs.com/zhangchenliang/p/4159374.html
Copyright © 2020-2023  润新知