新店开张,点击抢购
您现在的位置:首页 >> 软件专区 >> 软件教程 >> 内容

HTML中“& nbsp;”的意思

时间:2018-5-14 9:44:33 点击:

  核心提示:刚刚学写HTML代码时候,我曾碰到这样的问题:在代码里加入一连串空格,在浏览器上显示的时候,却只看到一个空格。常用的解决方法是,用' '来代替空格,一个' '相当于一个空格,多加几个' '就可以把空格...

刚刚学写HTML代码时候,我曾碰到这样的问题:在代码里加入一连串空格,在浏览器上显示的时候,却只看到一个空格。常用的解决方法是,用" "来代替空格,一个" "相当于一个空格,多加几个" "就可以把空格拉大。虽然" "可以当作空格用,但是" "其实和空格是不一样的,nbsp是英文Non-Breaking SPace的缩写,可以直接翻译成“不被折断的空格”。比如下面这段html:

<h2>10 Most Sought-after Skills in Web Development</h2>

假设<h2>的宽度有限,只能容下“10 Most Sought-after Skills in Web”,由于Web Development之间用的是空格,"Development"就会被移到第二行。因为Web Development是相关的两个词,所以如果可以把它们同时移到第二行,效果可能会更好一点。为了到达这个目的,我们可以在Web Development之间用" "来代替空格,这个样它们就会被连在一起。

 

在HTML分段标签-<p></p>学习中,会看到,为什么每段的开头并没有缩进两个空格呢?原因就是在HTML代码中,我们用键盘敲击的空格在浏览器解析后,是不会显示在浏览器上的,即在HTML代码中用键盘敲击出来的空格是没有作用的。

HTML中使用“&nbsp;”表示1个空格字符(英文的1个空格字符),但1个中文汉字占2个英文字符,所以每段前面空余的2个汉字必须用4个“&nbsp;”标签。

 

<html>

<head>

<title>分段<p></p>标记的使用</title>

</head>

<body>

<p>HTML知识是掌握建站技术必学的一门网页技术</p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;在·····网,你可以学到所有关于网页设计、网站建设的知识。我们提供HTML教程、CSS教程及开源WordPress、DedeCMS等建站知识的学习,是学习网站建设与制作的好去处!</p>

</body>

</html>

 

现在运行上面的代码,就可以看到最后一段是空2格的了。

 

 

 

 

常用字符:

&nbsp;  空格

&amp;   &

&lt;       <

&gt;      >

&quot;   "

&qpos;   '

Tags:HTML   
 来源:CSDN博客
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 郑鑫个人主页(ZjkhZx.CoM) © 2014—2018 版权所有 All Rights Reserved.
  • Email:Admin@ZjkhZx.CoM 站长QQ:447306017
  • 备案号:浙ICP备15004175号
  • 本站文章部分转载自网络如侵犯到你的权益 来函即删