1. 首页首页
  2. 科技前沿科技前沿

html中空格符号以及空格字符实体的总结

科技前沿 • • 阅读 66

html中空格符号以及空格字符实体的总结刚开始学习 html 的时候 会遇到一个这样的问题 html 中空格怎么打 有的人可能就直接敲了一下空格键 但是这样是不正确的 毕竟敲的空格键不是一个代码 所以接下来本篇文章就来给大家介绍一下 html 中空格代码该怎么写 在 html 中有五种空格的代码 以常用用户名密码登录界面来展示说明

大家好，我是讯享网，很高兴认识大家。

刚开始学习html的时候，会遇到一个这样的问题，html中空格怎么打？有的人可能就直接敲了一下空格键，但是这样是不正确的，毕竟敲的空格键不是一个代码，所以接下来本篇文章就来给大家介绍一下html中空格代码该怎么写。
在html中有五种空格的代码

( 以常用用户名密码登录界面来展示说明 )

html中空格代码的写法一：&nbsp （不换行空格）

<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="<%=request.getContextPath()%>/user?method=login" method="post">
        用户名：<input type="text" name="name"/> <br/>
        密&nbsp码：<input type="password" name="password"/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>

讯享网


效果：

讯享网
说明：一个 空格符只代表一个空格，如果要多个空格就需要敲多个 空格符，该空格占据宽度受字体影响明显而强烈。

html中空格代码的写法二：&ensp;（半角空格）

看一个小例子：

讯享网<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="<%=request.getContextPath()%>/user?method=login" method="post">
        用户名：<input type="text" name="name"/> <br/>
        密&ensp;码：<input type="password" name="password"/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>

效果：



说明：&ensp全称是En Space，en是字体排印学的计量单位，为em宽度的一半。根据定义，它等同于字体度的一半（如16px字体中就是8px），其占据的宽度正好是1/2个中文宽度，而且基本上不受字体影响。

html中空格代码的写法三：&emsp;（全角空格）

小例子：

<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="<%=request.getContextPath()%>/user?method=login" method="post">
        用户名：<input type="text" name="name"/> <br/>
        密&emsp;码：<input type="password" name="password"/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>


效果：



说明：&emsp全称是Em Space，em是字体排印学的计量单位，相当于当前指定的点数。例如，1 em在16px的字体中就是16px。其占据的宽度正好是1个中文宽度，而且基本上不受字体影响。

html中空格代码的写法四：&thinsp;（窄空格）

小例子：

讯享网<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="<%=request.getContextPath()%>/user?method=login" method="post">
        用户名：<input type="text" name="name"/> <br/>
        密&thinsp;码：<input type="password" name="password"/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>



效果：



说明：该空格长得比较瘦弱，身体单薄，占据的宽度比较小。它是em之六分之一宽。

html中空格代码的写法五：&zwnj;（零宽不连字）



说明：&zwnj;

<html>
<head>
    <title>Title</title>
</head>
<body>
    <form action="<%=request.getContextPath()%>/user?method=login" method="post">
        用户名：<input type="text" name="name"/> <br/>
        密&zwnj;码：<input type="password" name="password"/>
        <input type="submit" value="登录"/>
    </form>
</body>
</html>

 

是一个不打印字符，放在电子文本的两个字符之间，抑制本来会发生的连字，而是以这两个字符原本的字形来绘制。

html中空格代码的写法六：&zwj（零宽连字）

说明：&zwj;是一个不打印字符，放在某些需要复杂排版语言（如阿拉伯语、印地语）的两个字符之间，使得这两个本不会发生连字的字符产生了连字效果。

 

 

小讯
上一篇 2025-04-06 14:49
下一篇 2025-02-14 19:27

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/43176.html