网页设计中特殊符号怎么打出来,html特殊符号如何用代码显示,html特殊符号字符的转义和查找……这些问题如果是在office中弄个小键盘就可以解决,但是在网页设计的html富文本编辑中就是两码事,所以今天我整理了个常用网页设计html特殊符号转义字符编码查询对照表,方便查找。

如果用网页专业编辑器,比如像dreamweaver等还好,要是用轻量级的记事本等文本编辑器来编辑网页,难保对一些字符或特殊符号出现错误定义,就比如最常用的左右小尖括号,常规输入是在英文键盘下Shift+逗号键或者句号键来实现,如果没加标签时你可能看得见,但加上标签后,你在页面上就看不见了。比如想要在页面上看到<div></div>如果按正常输入是像下面这样的效果。

你会发现上面这一行在浏览器中出现时什么都没有,其时我已经在源代码中正确的输入了这组标签了,只是你在浏览器中看不到而已。如果你想要在浏览器中看到这组标签,就必须正确的定义它们,用合理的编码来实现,可以这样输入。

&lt;div&gt;&lt;/div&gt;

虽然看得头都大了,但是为了能够在浏览器中看到这组标签,就得老老实实的这样操作。下面是呈现出来的效果。

<div></div>

是不是可以看到这组标签了,当然为了更简便些,你可以用十进制编码来编写这组标签,输入如下字符。

&#60;div&#62;&#60;/div&#62;

在浏览器中呈现出来的效果如下。

<div></div>

可以看得出来和上面效果是一样的。网上有很多这样的文章,但是好多不是实体编码有问题,就是十进制编码有问题,容易出错,我这次是用心去修正这些错误,经过多次验证正确无误后才敢呈现在大家面前,可以放心使用。当然,这些特殊符号还有很多,但有好多都是用不着的,所以我就没有完全搞,只整理出了部分常用的,但这并不影响你的使用,因为有它们已经足够,实在有个别找不到,大家也可以网上去搜搜。

  • ID编号
  • 符号
  • 编码
  • 中文名称
  • 十进制编码
  • 1
  • &
  • &amp;
  • ADN符号
  • &#38;
  • 2
  • <
  • &lt;
  • 左尖括号
  • &#60;
  • 3
  • >
  • &gt;
  • 右尖括号
  • &#62;
  • 4
  •  
  • &nbsp;
  • 空格
  • &#160;
  • 5
  • ¿
  • &iquest;
  • 倒问号
  • &#191;
  • 6
  • «
  • &laquo;
  • 双左箭头
  • &#171;
  • 7
  • »
  • &raquo;
  • 双右箭头
  • &#187;
  • 8
  • &lsquo;
  • 左单引号
  • &#8216;
  • 9
  • &rsquo;
  • 右单引号
  • &#8217;
  • 10
  • &ldquo;
  • 左双引号
  • &#8220;
  • 11
  • &rdquo;
  • 右双引号
  • &#8221;
  • 12
  • &para;
  • 段落符号
  • &#182;
  • 13
  • §
  • &sect;
  • 章节符号
  • &#167;
  • 14
  • ©
  • &copy;
  • 版权所有符
  • &#169;
  • 15
  • ®
  • &reg;
  • 注册商标符
  • &#174;
  • 16
  • &trade;
  • 商标符
  • &#8482;
  • 17
  • &euro;
  • 欧元符号
  • &#8364;
  • 18
  • ¢
  • &cent;
  • 美分符号
  • &#162;
  • 19
  • £
  • &pound;
  • 英磅符号
  • &#163;
  • 20
  • ¥
  • &yen;
  • 日元符号
  • &#165;
  • 21
  • &hellip;
  • 省略号
  • &#8230;
  • 22
  • &oplus;
  • 直和
  • &#8853;
  • 23
  • &minus;
  • 减号/负号
  • &#8722;
  • 24
  • ×
  • &times;
  • 乘号
  • &#215;
  • 25
  • ÷
  • &divide;
  • 除号
  • &#247;
  • 26
  • ±
  • &plusmn;
  • 正负号
  • &#177;
  • 27
  • ƒ
  • &fnof;
  • function符号
  • &#402;
  • 28
  • &radic;
  • 根号
  • &#8730;
  • 29
  • &infin;
  • 无限大符号
  • &#8734;
  • 30
  • &ang;
  • 角度符号
  • &#8736;
  • 31
  • &int;
  • 微积分符号
  • &#8747;
  • 32
  • °
  • &deg;
  • 度数符号
  • &#176;
  • 33
  • &ne;
  • 不等于符号
  • &#8800;
  • 34
  • &equiv;
  • 相等符号
  • &#8801;
  • 35
  • &le;
  • 小于等于符号
  • &#8804;
  • 36
  • &ge;
  • 大于等于
  • &#8805;
  • 37
  • &perp;
  • 垂直符号
  • &#8869;
  • 38
  • ½
  • &frac12;
  • 2分之1符号
  • &#189;
  • 39
  • ¼
  • &frac14;
  • 四分之一
  • &#188;
  • 40
  • ¾
  • &frac34;
  • 四分之三
  • &#190;
  • 41
  • &permil;
  • 千分号
  • &#8240;
  • 42
  • &there4
  • 所以符号
  • &#8756;
  • 43
  • π
  • &pi;
  • 圆周率
  • &#960;
  • 44
  • ¹
  • &sup1;
  • 批注1/1次方/上标1
  • &#185;
  • 45
  • ²
  • &sup2;
  • 批注2/平方/上标2
  • &#178;
  • 46
  • ³
  • &sup3;
  • 批注3/立方/上标3
  • &#179;
  • 47
  • &larr;
  • 单线左箭头
  • &#8592;
  • 48
  • &rarr;
  • 单线右箭头
  • &#8594;
  • 49
  • &uarr;
  • 单线上箭头
  • &#8593;
  • 50
  • &darr;
  • 单线下箭头
  • &#8595;
  • 51
  • &harr;
  • 单线双向箭头
  • &#8596;
  • 52
  • &lArr;
  • 双线左箭头
  • &#8656;
  • 53
  • &rArr;
  • 双线右箭头
  • &#8658;
  • 54
  • &uArr;
  • 双线上箭头
  • &#8657;
  • 55
  • &dArr;
  • 双线下箭头
  • &#8659;
  • 56
  • &hArr;
  • 双线双向箭头
  • &#8660;
  • 57
  • &crarr;
  • 回车符
  • &#8629;
  • 58
  • &spades;
  • 核桃
  • &#9824;
  • 59
  • &hearts;
  • 红桃/星
  • &#9829;
  • 60
  • &clubs;
  • 梅花
  • &#9827;
  • 61
  • &diams;
  • 方块
  • &#9830;
  • 62
  • &loz;
  • 菱形
  • &#9674;
  • 63
  • &dagger;
  • 匕首
  • &#8224;
  • 64
  • &Dagger;
  • 双剑号
  • &#8225;
  • 65
  • ¡
  • &iexcl;
  • 反向感叹号
  • &#161;
  • 66
  • α
  • &alpha;
  • Alpha符号
  • &#945;
  • 67
  • β
  • &beta;
  • Bata符号
  • &#946;
  • 68
  • γ
  • &gamma;
  • Gamma符号
  • &#947;
  • 69
  • Δ
  • &Delta;
  • Delta符号
  • &#916;
  • 70
  • θ
  • &theta;
  • Theta符号
  • &#952;
  • 71
  • λ
  • &lambda;
  • Lambda符号
  • &#955;
  • 72
  • Σ
  • &Sigma;
  • Sigma符号
  • &#931;
  • 73
  • τ
  • &tau;
  • Tau符号
  • &#964;

有了常用网页设计html特殊符号转义字符编码查询对照表,对喜欢网页编辑的你来说,就算是用记事本也能够编辑出自己想要的网页效果,个别只需要进行批量替换就可以搞定。

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!