您的位置：首页 > Web前端 > HTML

HTML中&nbsp 和空格的区别

2013-09-19 18:26 274 查看

欢迎访问我的博客新地址：点击这里

和空格的区别

刚刚学写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之间用" "来代替空格，这个样它们就会被连在一起。

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

以上转自http://blog.61dh.com/blog/2008/11/html-nbsp-n-on-b-reaking-sp-ace-h2-10.html

HTML空格标签-

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

HTML中使用“ ”表示1个空格字符（英文的1个空格字符），但1个中文汉字占2个英文字符，所以每段前面空余的2个汉字必须用4个“ ”标签。

<html>

<head>

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

</head>

<body>

<P>建站教程网:提供最通熟易懂的HTML教程</p>

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

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

</body>

</html>

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

以上转自http://www.idivcss.com/xhtml/26.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 网页设计标签 HTML

相关文章推荐

新的分享

章节导航