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

b2e9ced22daca82ecf70204df0380179.png

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>

浏览器展示效果:

44a58ceaabcffbd0bbf19eb9ff9d6b54.png

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

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

13f8da87727fc65a269469b96329fb7d.png

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

1053add033ae6da3db8924107df239fa.png

从最零基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】都有整理,在线解析,学习指导,点:【WEB前端学习圈⑤】

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值