• 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> 定义删除字
  • 相关阅读:
    【软件测试部署基础】maven的认识
    测试管理那些事[组建测试团队的思考]
    Django 框架基本操作(二)
    测试人员的工作开展方式
    产品管理基础知识
    项目经理与职能经理的区别
    python 面向对象(二)
    Python 常用方法和模块的使用(time & datetime & os &random &sys &shutil)-(六)
    python基本案例实现
    JAVA基础——集合浅析
  • 原文地址:https://www.cnblogs.com/webaction/p/12601468.html
Copyright © 2020-2023  润新知