欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML字符实体与文本格式化标签

程序员文章站 2022-06-19 10:13:04
HTML 字符实体/HTML 中的预留字符必须被替换为字符实体,一些在键盘上找不到的字符也可以使用字符实体来替换。 在 HTML 中,某些字符是预留的。您不能使用包含这些字符的文本。在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们 ......

html 字符实体/html 中的预留字符必须被替换为字符实体,一些在键盘上找不到的字符也可以使用字符实体来替换。

在 html 中,某些字符是预留的。您不能使用包含这些字符的文本。在 html 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符,我们必须在 html 源代码中使用字符实体(character entities)。 字符实体类似这样:

1  &entity_name; 
2 或
3  &#entity_number; 
4 &lt; 或 &#60; 或 &#060;
 1 <!doctype html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>html 实体</title>
 6 </head>
 7 <body>
 8     <!-- stat_begin -->
 9      <p>&entity_name; 或&#entity_number; </p>
10      <p>&lt; 或 &#60; 或 &#060;</p>
11     <del>e.g:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好</del>
12     <!-- stat_end -->
13 </body>
14 </html>

浏览器展示效果:

HTML字符实体与文本格式化标签


不间断空格(non-breaking space)?html 中的常用字符实体是不间断空格( )。浏览器总是会截短 html 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用   字符实体。

结合音标符?发音符号是加到字母上的一个"glyph(字形)";一些变音符号, 如 尖音符 (  ̀) 和 抑音符 (  ́) ;变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间;变音符号可以与字母、数字字符的组合来使用。

html字符实体
显示结果 描述 实体名称 实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号  &apos; (ie不支持) &#39;
&cent; &#162;
£ &pound; &#163;
¥ 人民币/日元 &yen; &#165;
欧元 &euro; &#8364;
§ 小节 &sect; &#167;
© 版权 &copy; &#169;
® 注册商标 &reg; &#174;
商标 &trade; &#8482;
× 乘号 &times; &#215;
÷ 除号 &divide; &#247;

联想:letter-spacing/*字间距*/2.word-spacing/*词间距*/word-break: break-all;/*文本折行 自动换行,中文的会自动换行,单词ok,字母的不会,默认文本添加overflow: auto;word-break: break-all;*/ word-break:keep-all; /*不换行*/white-space:nowrap; /*不换行*/

html文本格式化标签
标签 描述
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字