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

haohong 2020-04-09

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

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

1  &entity_name; 
2 或 3 &#entity_number; 4 &lt; 或 &#60; 或 &#060;
专门建立的学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习技巧
(从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML 实体</title>
</head>
<body>
    <!-- stat_begin -->
     <p>&entity_name; 或&#entity_number; </p>
     <p>&lt; 或 &#60; 或 &#060;</p>
    <del>e.g:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好</del>
    <!-- stat_end -->
</body>
</html>

浏览器展示效果:

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


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

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

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

联想: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字符实体与文本格式化标签

相关推荐