当前位置: 首页 > 工具软件 > Amp > 使用案例 >

HTML字符实体(关于 ><等)

曹鸿风
2023-12-01
 

关于 

在html中多个空格会被浏览器缩为一个,所以我们要用 来达到多个空格的目的。不过后来我都用全角空格比较方便。

觉得 很难记,今天查了一下,找到了英文意思才好记一些。

nbsp即non-breaking space,与一般的空格有所区别,即不隔断空白。也就是说, 用于html代码中用于产生空白,并阻止浏览器在这个空白处换行。

详细的可见:

http://www.htmlbasictutor.ca/non-breaking-space.htm

不过这个网页是英文的。

里面还提到了&nbsp;的其他用法,比如在两个<img>标签中使用&nbsp;可以防止由于图片太宽超出浏览器宽度而导致的折行。也就是说如果使用一般的空格,当浏览器宽度不够时,会把第二个img折到下一行,而用&nbsp;这两个img都会显示在同一行。

这样也会导致一些新的问题,如果大量使用&nbsp;而不是空格,浏览器不能在应该换行的地方换行,可能会导致单行文本过长,超出页面宽度而产生水平滚动条,在英文文本中由于空格很多应尤其注意。

这个错误可以参考:

http://www.cnblogs.com/xlander/archive/2007/09/09/887667.html

关于其他的字符实体

常用字符实体

注意:实体名称是区分大小写的!

结果 描述 实体名 实体编号
  non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
§ section &sect; &#167;
© copyright &copy; &#169;
® registered trademark &reg; &#174;
trademark &trade; &#8482;

附HTML实体参考手册 http://www.w3schools.com/cn/tags/ref_entities.asp

 类似资料: