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

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

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

相关推荐