码迷,mamicode.com
首页 > Web开发 > 详细

web前端入门到实战:HTML字符实体与文本格式化标签

时间:2020-04-09 10:40:58      阅读:91      评论:0      收藏:0      [点我收藏+]

标签:stat   符号   http   记忆   mpp   格式化   增加   支持   convert   

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

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

1  &entity_name; 
2 或 3 &#entity_number; 4 &lt; 或 &#60; 或 &#060;
专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
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(字形)";一些变音符号, 如 尖音符 ( ?) 和 抑音符 ( ?) ;变音符号可以出现字母的上面和下面,或者字母里面,或者两个字母间;变音符号可以与字母、数字字符的组合来使用。

技术图片

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

技术图片

web前端入门到实战:HTML字符实体与文本格式化标签

标签:stat   符号   http   记忆   mpp   格式化   增加   支持   convert   

原文地址:https://blog.51cto.com/14592820/2485815

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!