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

    网页中常用的HTML字符

    巴扎黑巴扎黑2017-04-05 11:51:10原创1569
    一些字符在 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; 乘号
    ÷ &pide; &#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; 反向问号

    相关文档:中文字体的英文名称对照表

    以上就是网页中常用的HTML字符的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:网页中,HTML字符
    上一篇:HTML实体与网页编码 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• js_地址联动(基于xpath的实现)• Div+CSS布局入门教程(二)_html/css_WEB-ITnose• 如何获得个人项目的前 1000 个受众?_html/css_WEB-ITnose• 前端css笔记2016-2-16_html/css_WEB-ITnose• “娜喊杯”HTML5行业颁奖盛典盛大开幕_html/css_WEB-ITnose
    1/1

    PHP中文网