HTML 字符实体 登录

HTML 字符实体

在 HTML 中,某些字符是预留的。 
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。比如要写这篇日志在前端展现出大于号(>),小于号(<)等就必须在后台数据库中把这些对象保存成字符实体的形式。 
字符实体类似这样:

&entity_name;

或者  

&#entity_number;
如需显示小于号,我们必须这样写:&lt; 或 &#60; 
提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。 

关于&nbsp; 空格

在html中多个空格会被浏览器缩为一个,所以我们要用&nbsp;来达到多个空格的目的。

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

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

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

一些实体字符:

1006.png

注意:实体字符对大小写是敏感的。

更多实体字符可以参考HTML实体符号参考手册。

下一节
<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <title>php.cn</title> </head> <body> <h2>字符实体</h2> <p>对比使用空格</p> <p>浏览器 总是会截短 HTML 页面中的空格。</p> <p>浏览器    总是会截短 HTML 页面中的空格。</p> </body> </html>
提交 重置代码
章节 评论 笔记 课件
  • 取消 回复 发送
  • 取消 发布笔记 发送