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

2020-03-30 16:01:01来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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>

浏览器展示效果:


不间断空格(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> 定义删除字

原文链接:https://www.cnblogs.com/dhnblog/p/12601468.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:html脚本&lt;script&gt; 标签与&lt;noscript&gt;

下一篇:前端的焦虑,你想过30岁以后的前端路怎么走吗?