现在的位置: 首页 > web前端 > 正文

html 空格如何用

2020年07月20日 web前端 ⁄ 共 836字 ⁄ 字号 评论关闭

  空格(HTML语言中用于占位),在编写超文本标记语言(标准通用标记语言下的一个应用)页面时,直接使用space空格将会被忽略,这时候应该使用不换行空格 用来占位。关于在网页中插入多个空格是html中很基础的一个知识点,相信学过html的都会,那今天为什么要介绍这个呢?因为很多人(包括我)要用的时候都把html空格符号代码忘了。因为做开发有时候长时间不涉及写html代码,等再回头用的时候,可能就把空格符的几个单词忘了。在这还是写详细一点吧!毕竟还有一些初学者不会,方面他们参考学习。接下来就是今天的主题:


  一、html空格符号代码


   :一个字符的半角的不断行的空格,如果需要在网页中插入多个空格,可以将“ ”代码写多遍;


   :一个字符的半角的空格,也可以将“ ”写多遍来插入多个空格;


   :两个字符的全角的空格,也可以将“ ”写多遍来插入更多的空格;


   :小于一个字符的空格;


  说明:单词后面的分号记得带上,是不能省略的,它也是html代码中的一部分。


  二、为什么要使用html空格符号代码


  我们为什么要使用html空格符号代码呢?为什么不直接在键盘上敲几个空格呢?当你实际操作的时候,你会发现:默认情况下,无论你在html源代码中敲几个空格,在浏览器中运行都只显示一个空格。所以我们就需要使用html空格符号代码来实现网页中多个空格的效果。


  上面为什么会说在默认情况下呢?其实我们还可以使用css中的“white-space”属性来实现多个空格的效果。就是将“white-space”属性值设置为“pre”,设置之后,浏览器就会保留html源代码中的空格和换行。这下你在源代码中敲几个空格,浏览器中运行就会用几个空格。


  说明:一般在网页开发中,都是使用html空格符号代码来实现多个空格的效果。


  总之,html空格给大家简单的介绍了一些,希望大家多看看。


  

抱歉!评论已关闭.