HTML中的5种空格各表示的意义

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1374
收藏 0 赞 0 分享

HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。其他几种空格(       ‌‍)在不同浏览器中宽度各异。

        

它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了 ,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,

该空格占据宽度受字体影响明显而强烈。

        

它叫“半角空格”,全称是En Space,en是字体排印学的计量单位,为em宽度的一半。根据定义,它等同于字体度的一半(如16px字体中就是8px)。名义上是小写字母n的宽度。此空格传承空格家族一贯的特性:透明的,此空格有个相当稳健的特性,

就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。

        

它叫“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,

就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

        

它叫窄空格,全称是Thin Space。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。它是em之六分之一宽。

以上所述是小编给大家介绍的HTML中的5种空格各表示的意义,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

更多精彩内容其他人还在看

HTML超出文本显示省略号...通过text-overflow实现

HTML超出文本显示省略号在一些新闻列表中还是比较常见的一种做法,其实很简单通过text-overflow便可实现,有需要的朋友可以参考下本文
收藏 0 赞 0 分享

DIV常用属性大全自己整理

div布局过程中会经常用到一些属性,本文整理了一些常用的和布局相关的属性,有需要的朋友可以参考下,希望对大家熟悉div常用属性有所帮助
收藏 0 赞 0 分享

html发送邮件通过Mailto简单实现

给客户的页脚的邮箱加上点击发送邮件功能,有简单的链接和复杂的链接,对于复杂链接有详细的参数说明,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

map标签的参数详细介绍及使用示例

map标签定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像,下面为大家介绍下map标签的使用,感兴趣的朋友可以了解下
收藏 0 赞 0 分享

IMG中UserMap的使用示例

usemap是标签的一个属性,用作指明所使用的图像地图名,接下来为大家介绍下UserMap的使用方法,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

html css js 实现Tab标签页示例代码

Tab标签想必大家并不陌生吧,是网页中使用的还是比较广泛的,本文利用html css js 实现个不错Tab标签页,喜欢的朋友可以学习下
收藏 0 赞 0 分享

html中br和br/的区别介绍

HTML中的规定是br空标签,没有结束符,但是在XHTML中,规定是br/开始标签后面紧跟结束标签,详细请了解本文
收藏 0 赞 0 分享

iframe 多层嵌套 无限嵌套 高度自适应的解决方案

有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应,具体实现如下,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

src或者css背景图的url值为base64编码代码

base64简单地说,它把一些 8-bit 数据翻译成标准 ASCII 字符,网上有很多免费的base64 编码和解码的工具,目前,IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入
收藏 0 赞 0 分享

按钮与回车键关联的js代码

按钮与回车键如何关联,在本文有个不错的示例,感兴趣的朋友可以参考下,希望对大家有所帮助
收藏 0 赞 0 分享
查看更多