`
isiqi
  • 浏览: 16539365 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

html特殊文字顯示

阅读更多

HTML字符实体(Character Entities)

有些字符在HTML里有特别的含义,比如小于号<就表示HTML Tag的开始,这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号,该怎么办呢?

这就要说到HTML字符实体(HTML Character Entities)了。

一个字符实体(Character Entity)分成三部分:第一部分是一个&符号,英文叫ampersand;第二部分是实体(Entity)名字或者是#加上实体(Entity)编号;第三部分是一个分号。

比如,要显示小于号,就可以写&lt;或者&#60;。

用实体(Entity)名字的好处是比较好理解,一看lt,大概就猜出是less than的意思,但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号,各种浏览器都能处理。

注意:Entity是区分大小写的。

如何显示空格

通常情况下,HTML会自动截去多余的空格。不管你加多少空格,都被看做一个空格。比如你在两个字之间加了10个空格,HTML会截去9个空格,只保留一个。为了在网页中增加空格,你可以使用&nbsp;表示空格。

更多字符实体(Character Entities)

字符 十进制字符编号 实体名字 说明
--- &#00; --- 未使用Unused
--- &#01; --- 未使用Unused
--- &#02; --- 未使用Unused
--- &#03; --- 未使用Unused
--- &#04; --- 未使用Unused
--- &#05; --- 未使用Unused
--- &#06; --- 未使用Unused
--- &#07; --- 未使用Unused
--- &#08; --- 未使用Unused
--- &#09; --- 制表符Horizontal tab
--- &#10; --- 换行Line feed
--- &#11; --- 未使用Unused
--- &#12; --- 未使用Unused
--- &#13; --- 回车Carriage Return
--- &#14; --- 未使用Unused
--- &#15; --- 未使用Unused
--- &#16; --- 未使用Unused
--- &#17; --- 未使用Unused
--- &#18; --- 未使用Unused
--- &#19; --- 未使用Unused
--- &#20; --- 未使用Unused
--- &#21; --- 未使用Unused
--- &#22; --- 未使用Unused
--- &#23; --- 未使用Unused
--- &#24; --- 未使用Unused
--- &#25; --- 未使用Unused
--- &#26; --- 未使用Unused
--- &#27; --- 未使用Unused
--- &#28; --- 未使用Unused
--- &#29; --- 未使用Unused
--- &#30; --- 未使用Unused
--- &#31; --- 未使用Unused
&#32; --- Space
! &#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; 日元标志Yen sign
¦ &#166; &brvbar; or &brkbar; 断竖线Broken vertical bar
§ &#167; &sect; 分节号Section sign
¨ &#168; &uml; or &die; 变音符号Umlaut
© &#169; &copy; 版权标志Copyright
ª &#170; &ordf; Feminine ordinal
« &#171; &laquo; Left angle quote, guillemet left
¬ &#172; &not Not sign
­ &#173; &shy; Soft hyphen
® &#174; &reg; 注册商标标志Registered trademark
¯ &#175; &macr; or &hibar; 长音符号Macron accent
° &#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

最常用的字符实体(Character Entities)

显示结果 说明 Entity Name Entity Number
显示一个空格 &nbsp; &#160;
< 小于 &lt; &#60;
> 大于 &gt; &#62;
& &符号 &amp; &#38;
" 双引号 &quot; &#34;

其他常用的字符实体(Character Entities)

显示结果 说明 Entity Name

Entity Number

© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;
分享到:
评论

相关推荐

    js 特效 html 特效 链接文字特殊显示

    js 特效 html 特效 链接文字特殊显示 js 特效 html 特效 链接文字特殊显示

    js 特效 html 特效 文字的特殊显示方法

    js 特效 html 特效 文字的特殊显示方法 js 特效 html 特效 文字的特殊显示方法

    js 特效 html 特效 input文字特殊显示

    js 特效 html 特效 input文字特殊显示

    如何显示特殊效果的文字

    在计算机编程领域,显示特殊效果的文字通常涉及到文本渲染技术,它可以是颜色变化、动画效果、字体样式等。这里我们将深入探讨如何在不同的编程环境中实现这一功能,主要关注文本特效的原理和常见方法。 1. ...

    HTML特殊符号对照表

    下面,我们将深入探讨HTML特殊符号对照表中的重要元素。 1. **字符实体(Character Entities)** 在HTML中,有些字符有特殊的含义,如小于号 `和大于号 `&gt;`,它们分别用于定义HTML标签的开始和结束。为了在文本中...

    HTML特殊字符速查表.pdf

    HTML特殊字符速查表是每个Web开发人员都必备的参考资料,它列出了在HTML文档中表示特殊符号的命名实体以及它们对应的十进制编码。这些特殊字符在HTML中用于显示那些无法通过键盘直接输入的字符,或者是一些在特定...

    html特殊字符集

    ### HTML特殊字符集详解 #### 一、概述 在HTML编码过程中,为了确保网页能够正确显示,有时需要使用特殊的字符编码来替代某些符号或字符。这些特殊字符编码被称为“实体”,通常由一个“&”符号开始,紧接着是实体...

    html下雪特效并带有特殊文字效果

    在HTML中创建下雪特效和特殊文字效果是一种常见的网页动态设计技术,它可以为网页增添节日氛围或者创造出独特的视觉体验。这个项目中,我们看到有两个关键元素:下雪特效和文字打印机效果,以及一个可能用于控制这些...

    html特殊符号.doc

    总而言之,HTML特殊符号是构成网页多样性和精确性的基础元素,它们让网页不仅仅是文字和图片的简单组合,而是能够展示丰富信息和特殊效果的复杂结构。通过对这些特殊符号的正确使用,开发者能够创建出既美观又功能...

    html特殊字符

    HTML特殊字符是网页编码中不可或缺的一部分,它们允许我们在HTML文档中插入那些无法直接通过键盘输入的特殊符号。这些字符通常由特定的字母组合(如`&amp;`代表'&')或数字(如`&#8217;`代表右单引号)来表示。以下...

    javascript经典特效---input文字特殊显示.rar

    在JavaScript编程领域中,"input文字特殊显示"是一种常见的用户界面增强技术,它涉及到文本输入框(input元素)的自定义样式和交互效果。在网页设计中,input元素通常是用户与网页进行数据交互的主要方式,比如输入...

    javascript经典特效---文字特殊显示2.rar

    在这个案例中,"文字特殊显示2.htm"可能是包含HTML结构和JavaScript代码的文件,通过浏览器打开它,我们可以直接查看和体验这些特效。学习这个示例,不仅可以提升对JavaScript动态效果的理解,还能借鉴并应用到自己...

    CSS打造特殊文字链接.rar

    本资源"CSS打造特殊文字链接.rar"聚焦于利用CSS来创建独特、引人注目的文字链接效果。这种技术常用于提升用户体验,吸引用户点击,同时也能增强网站的视觉吸引力。 一、基础概念 1. CSS选择器:选择器是CSS中的关键...

    特殊文字处理,对于一些特殊要求的文字加以处理比较好1

    总结来说,特殊文字处理涵盖了从字体选择、编码标准、编程实践到软件设计等多个层面,需要开发者具备全面的跨领域知识,以确保各种特殊文字在各种环境中能够正确地被识别、显示和操作。在实际工作中,我们需要不断...

    特殊符号 自己收集的特殊符号 在文本里可直接显示的

    - **使用实体引用**:在HTML文档中,可以通过实体引用的方式插入特殊符号。例如,“&amp;”表示“&”,“&gt;”表示“&gt;”。 - **键盘快捷键**:在某些操作系统中,可以通过组合键来输入特殊符号。例如,在Windows中...

    javascript经典特效---文字的特殊显示方法.rar

    在JavaScript的世界里,实现文字的特殊显示方法是一种常见的特效需求,尤其在网页设计和用户体验优化中扮演着重要角色。这个压缩包"javascript经典特效---文字的特殊显示方法.rar"很可能包含了一些示例代码或者教程...

    HTML5 SVG心形文字显示动画特效.zip

    JavaScript可能通过控制SVG路径数据或属性,如stroke-dasharray和stroke-dashoffset,来实现心形线条的绘制和消失,营造出浪漫的心形文字动画效果,适合情人节等特殊场合的表白。 "jiaoben6575"可能是项目中的主要...

    动态汉字显示动态汉字显示

    虽然提供的内容看起来像是乱码或者特殊字符,并没有直接提供关于动态汉字显示的具体信息,但结合标题、描述以及标签,我们可以围绕这个主题进行展开,提炼出相关的关键知识点。 ### 动态汉字显示的基本概念 动态...

    android Textview显示带html文本、图片

    通过一些特殊的技术,我们还可以让`TextView`显示HTML格式的文本,甚至嵌入图片。这个主题主要涉及如何利用`TextView`的特性以及第三方库来实现这一功能。 1. **HTML支持** `TextView`默认支持一部分HTML标签,如`...

    关于前端开发的特殊符号

    1. **Unicode字符集**:特殊符号属于Unicode字符集,Unicode是一种国际标准,它定义了世界上大多数文字系统的所有字符的编码。在HTML文档中,为了正确显示这些特殊字符,需要在文档头部声明字符编码为`...

Global site tag (gtag.js) - Google Analytics