Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >HTML空格符_HTML中什么表示特殊字符空格

HTML空格符_HTML中什么表示特殊字符空格

作者头像
全栈程序员站长
发布于 2022-11-09 09:29:07
发布于 2022-11-09 09:29:07
5.3K0
举报

html+css 代码在网页中如何插入打出空格字符实现方法

摘要

浏览器总是会截短 HTML 页面中的空格。HTML将所有空格字符,制表符,空格和回车符压缩为一个字符。如果要缩进段落,则不能简单地键入五个空格然后开始文本。 如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们中的 9 个。如需在页面中增加空格的数量,您需要使用 字符实体。

本篇就单介绍空格的字符实体,HTML提供了6种空格实体(space entity):

代码语言:javascript
AI代码解释
复制
 
代码语言:javascript
AI代码解释
复制
 
代码语言:javascript
AI代码解释
复制
 
代码语言:javascript
AI代码解释
复制
 
代码语言:javascript
AI代码解释
复制
‌
代码语言:javascript
AI代码解释
复制
‍复制代码

在web页面上,一般有3种书写:

代码语言:javascript
AI代码解释
复制
1. 直接输入法输入例如“版权” – ©.
代码语言:javascript
AI代码解释
复制
2. 字符:©
代码语言:javascript
AI代码解释
复制
3. charCode:©复制代码

正文

 

不间断空格(non-breaking space)字符编码 :在HTML中,按下space键产生,空格不累加(只算1个),要使用html实体表示才可累加。

 

全角空格(Em Space)字符编码 :em是字体排印学的计量单位。相当于当前指定的点数,如1em在16px的字体中就是16px。此空格有个相当稳健的特性,其占据的宽度正好是1个中文宽度

 

半角空格(En Space)字符编码 :en是字体排印学的计量单位。为em宽度的一半,如1en在16px的字体中就是16px,名义上是小写字母n的宽度。此空格有个相当稳健的特性,其占据的宽度正好是1/2个中文宽度

 

窄空格(Thin Space)占据的宽度比较小,它是em之六分之一宽。

‌

零宽不连字(Zero Width Non Joiner)字符编码&#x200C:简称“ZWNJ”,是一个不打印字符,放在电子文本的两个字符之间,抑制本来会发生的连字,而是以这两个字符原本的字形来绘制。HTML字符值‌

‍

零宽连字(Zero Width Joiner)字符编码&#x200D:简称“ZWJ”,是一个不打印字符,放在某些需要复杂排版语言(如阿拉伯语、印地语)的两个字符之间,使得这两个本不会发生连字的字符产生了连字效果。HTML字符值‍

其它

  • 浏览器还会把以下字符当作空白进行解析:空格 、制表位	、换行
和回车
还有 等等。
  • &#x+16进制/十进制表示是 Numeric Character References
  • &+实体名表示是 Character Entities References,html字符实体的名字必须是在html中已经定义的才能被使用。
  • 使用实体名而不是数字的好处是,名称易于记忆。坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。
  • 实体名称对大小写敏感。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/186080.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年10月4日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
前端HTML空格转义符总结
HTML提供了5种空格实体(space entity),它们拥有不同的宽度。 非断行空格( )是常规空格的宽度,可运行于所有主流浏览器。 其他几种空格(    ‌‍)在不同浏览器中宽度各异。
全栈程序员站长
2022/11/09
5.1K0
HTML中的空格字符_dw空格代码怎么打
在学习插入空格字符代码书写方法之前,我们要知道,html代码的空格字符,在浏览器中,总会被压缩为一个字符!也就是说,你在html文本中输入多个空格,但在浏览器中,只会保留显示一个字符,其余的都将被浏览器删除。
全栈程序员站长
2022/09/28
6.6K0
HTML中的空格字符_dw空格代码怎么打
html一个汉字空格占位_html空格字符
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/09
3.3K0
html5 空格_打前端代码用一堆空格符
  CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:
全栈程序员站长
2022/09/27
2.1K0
html中的空格怎么写,html中空格代码是什么?(总结)
对于新手小白来说,html空格符号代码的书写可能有点茫然,那么本篇文章就给大家总结介绍关于html空格代码的多种表示方法。希望对大家有一定的帮助。
全栈程序员站长
2022/06/25
19.4K0
HTML中的4种类型空格介绍
我原本以为 HTML 中只有一种空格,就是我们常用的  ,今天一查才知道还有另外三种,而且     刚好分别是中文字符的一半和相等,在某些情况下非常有用。比如下面这种情况如果需要排列整齐的话:
Denis
2023/04/14
2.5K0
html空格代码_html中空格怎么表示
html中空格代码的写法一: &nbsp (不换行空格) html中空格代码的写法二:&ensp(半角空格) html中空格代码的写法三:&emsp(全角空格) html中空格代码的写法四:&thinsp(窄空格) html中空格代码的写法五:&zwnj(零宽不连字)
全栈程序员站长
2022/11/09
7.9K0
html一个汉字空格占位_空格占位符复制
em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。
全栈程序员站长
2022/09/27
2.5K0
html里面空格_html空格占位符
  ==   ==   == no-break space (普通的英文半角空格但不换行)
全栈程序员站长
2022/11/10
6.9K0
html5空格代码怎么写_html怎么添加空格
本篇文章为大家介绍的是HTML的空格代码的写法,“ ”代码的用法,还有几种空格方式的解释,都在文章中,现在开始往下看吧。
全栈程序员站长
2022/08/02
11.1K0
html5空格代码怎么写_html怎么添加空格
Html的空格显示
全角空格被解释为汉字,所以不会被被解释为HTML分隔符,能够依照实际的空格数显示。
全栈程序员站长
2022/07/11
4.9K0
Html中的空格符
  CSS中当 white-space 属性取值为pre时,浏览器会保留文本中的空格和换行,例如:
全栈程序员站长
2022/11/09
3.1K0
JS魔法堂:再识ASCII实体、符号实体和字符实体
一、前言                                            相信大家都熟悉通过字符实体 &nbsp; 来实现多个连续空格的输入吧!本文打算对三类HTML实体及JS相关操作作进一步的整理和小结,若有纰漏请大家指正,谢谢。 二、初识HTML实体                                                                    由于HTML中某些字符是预留的(如>和<等),若要在进行HTML解析出来后能正确显示预留字符,则需要
^_^肥仔John
2018/01/18
2.7K0
空格符号代码_java空格符号代码
&nbsp; :一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“&nbsp;”代码写多遍;
全栈程序员站长
2022/11/08
3.3K0
空格符号代码_java空格符号代码
什么是"零宽空格"?
同事问了个问题,从邮件正文中粘出来的URL,复制到任何的浏览器中,回车都会报404的错,和原始的URL对比,发现URL结尾多了一串特殊的字符,
bisal
2023/02/26
3.2K0
html中空格的写法[通俗易懂]
HTML不是一种编程语言,而是一种超文本标记语言 (markup language),是网页制作所必备的。超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 方法1:使用键盘,键入空格 在html页面中,我们可以通过键入“空格”键来插入空格。 例:在p.p1中键入一个空格,在p.p2中键入5个空格。注:此时是半角状态键入“空格”:
全栈程序员站长
2022/07/04
4.1K0
html中空格的写法[通俗易懂]
HTML/XML转义字符对照表(建议收藏)
HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用。这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢?
红目香薰
2022/11/29
7.8K0
常用特殊符号的HTML代码(HTML字符实体)
ISO-8859-1 的较低部分(从 1 到 127 之间的代码)是最初的 7 比特 ASCII。
用户5640963
2019/07/26
11K0
4种HTML空格的说明 (经常用于文字对齐)
&nbsp; 这是我们使用最多的空格,也就是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加。为了便于记忆,我总是把这个空格成为“牛逼(nb)空格(sp – space)”,虽然实际上并不牛逼。该空格占据宽度受字体影响明显而强烈。在inline-block布局中会搞些小破坏,在两端对齐布局中又是不可少的元素。是个让人又爱又恨的小东东。 &ensp; 该空格学名不详。为了便于记忆,我们不妨就叫它“恶念(e n-ian)空格”。此空格传承空格家族一贯的特性:透明滴!此空格有个相当稳健的特性,就是其占据的宽度正好是1/2个中文宽度,而且基本上不受字体影响。 &emsp; 该空格学名不详。为了便于记忆,我们不妨就叫它”恶魔(e m-o)空格”。此空格也传承空格家族一贯的特性:透明滴!此空格也有个相当稳健的特性,就是其占据的宽度正好是1个中文宽度,而且基本上不受字体影响。 &thinsp; 该空格学名不详。我们不妨称之为“瘦弱空格”,就是该空格长得比较瘦弱,身体单薄,占据的宽度比较小。我目前是没用过这个东西,这里亮出来是让其过一下群众演员的瘾。
javascript.shop
2019/09/04
2.9K0
HTML实体Entity名称编码学习总结
[TOC] 0x00 前言 什么是 ISO 字符集? 答:ISO 字符集是国际标准组织 (ISO) 针对不同的字母表/语言定义的标准字符集。 WeiyiGeek. HTML字符实体描述HTML 中的
全栈工程师修炼指南
2020/10/23
3K1
HTML实体Entity名称编码学习总结
相关推荐
前端HTML空格转义符总结
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
首页
学习
活动
专区
圈层
工具
MCP广场
首页
学习
活动
专区
圈层
工具
MCP广场