精华内容
下载资源
问答
  • 对( ) 这样的特殊符号,应该用\( \)来表示,这也是很标准的regexp语法,可以为 \n 【5】正则表达式应用——删除空行 启动EditPlus,打开待处理的文本类型文件。 ①、选择“查找”菜单的“替换”命令,弹出文本替换...
  • HTML5中有一些特性需要我们知道。空白折叠现象空白折叠现象有两种:1、就是文字和文字之间的多个空格、换行会被折叠成一个空格。...我先生成一个HTML5的骨架,如下图:然后我在body里面一个p标签,在这个p标签里面...

    HTML5中有一些特性需要我们知道。

    空白折叠现象

    空白折叠现象有两种:

    1、就是文字和文字之间的多个空格、换行会被折叠成一个空格。

    2、标签的“内壁”和文字之间的空格会被忽略。

    接下来我具体的演示一下,第1种空白折叠现象到底是怎么回事。

    打开vscode,这次我在之前创建的第三个网页.html里面写代码来演示。

    我先生成一个HTML5的骨架,如下图:

    c41ccb3ee63935be5ab8b296540e4934.png

    然后我在body里面写一个p标签,在这个p标签里面随便写一段文字:"不矜细行,终累大德。"我在"不矜细行"后面打好多个空格,然后再给"终累大德"换行,如下:

    Document

    不矜细行,

    终累大德。

    然而在浏览器中的效果如下:

    5174fdae140727579e29b9a536f4b54c.png

    "不矜细行"和"终累大德"之间仅仅只有一个空格。

    也就是说,文字和文字之间的空格和换行无论有多么复杂,无论有多少个空格、有多少次换行,都会被折叠成一个空格,这就是空白折叠现象。

    接下来我再演示一下第2中空白折叠现象到底是怎么回事。

    我再写一个p标签,里面写上文字:"吉光片羽",然后在起始标签和这句话的开头之间打上很多空格,在这句话的结尾和结束标签之间也打上很多空格,如下:

    Document

    不矜细行,

    终累大德。

    吉光片羽

    然后在浏览器中,看的的效果如下:

    3ed17e8982c2a413a69e32201fa0d928.png

    这个现象说明,在标签的"内壁"和文字之间,无论打多少空格,在浏览器中显示时,都不会有空格。

    所以,空白折叠现象的真正意义是:如果你想给文字换行,无论你在代码里面如何打空格,打换行,都不会起作用,只有通过标签的语义和特性才能实现。

    也就是说,如果你想给某些文字换行,你就在这些文字外面包裹个p标签就行,但是你在编辑器的代码里面,无论怎么换行,在浏览器中都不会起作用。

    转义字符

    为了说明转义字符的作用,我先演示一个小例子:我把前面为了演示空白折叠现象的代码都删除掉,直接在body里面写上这样一句话:"我们知道

    Document    我们知道

    然后看到浏览器中的效果是这样:

    42edf97a9888790d9d5f06f394728625.png

    是不是很奇怪?明明我写的是这样一句话:"我们知道

    这是因为浏览器把

    那么,如何才能在浏览器中显示出

    这就需要转义字符。

    常见的转义字符:

    8f9ed4dae676465d2e06dd77c9ddd082.png

    也就是说,你想在浏览器中显示一个小于号,你就在代码中写>,你想在浏览器中显示一个大于号,你就在代码中写

    ,你就应该在代码中这样写:

    >p<>/p<

    其实更简单的写法是:>p>>/p>;

    Document    我们知道>p>>/p>标签对的功能是表示一个段落

    此时浏览器显示效果:

    6bcfd5ed6b09dcc5d0c8188fe64e20d8.png

    也就是说,在代码中,我用转义字符把p标签的小于号破坏掉了,这样浏览器就不会把它看做一个标签了。

    也就是说,浏览器看到代码中直接写小于号、大于号的

    这几个字符,但是如果你在代码中直接这样写,浏览器就会认为是p标签从而给你解析掉,而你用转义字符来表达的话,它就明白这是大于号小于号。

    再来看看另外两个转义字符 和©

    表示空格,而且不会被折叠,前面说了,在HTML5中,文字之间的多个空格会被折叠,但是你用转义字符 来表示空格,就不会被折叠。

    ©表示版权符号。

    接下来看看 和©的效果。

    Document    我们知道>p>>/p>标签对的功能是表示一个段落

    空格 哈喽 你好

    版权符号 ©

    我在哈喽和你好之间用转义字符 来表示空格,总共写了8个空格,不会被折叠成1个空格:

    ddc2533480aead13c5f24951498bb1b3.png

    注意:转义字符不要忘记写分号。

    HTML注释

    任何编程语言的代码,注释都是非常重要的。它可以为自己或他人日后阅读代码提供提示。

    HTML的代码,注释的语法是这样的:

    HTML的注释,在vscode中,可以使用快捷键ctrl+/来输入。

    HTML的注释,在代码中是这样的:

    <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documenttitle>head><body>    我们知道>p>>/p>标签对的功能是表示一个段落<p>空格   哈喽        你好p><p>版权符号  ©p>body>html>

    注释是给程序员自己或者同事看的,浏览器不会去解析,所以用户在浏览器网页中是看不到你写的注释的。

    7876f13d05056e97329129b887d94bb5.png

    关注我,一起成为基础扎实的全栈工程师

    展开全文
  • HTML5中有一些特性需要我们知道。空白折叠现象空白折叠现象有两种:1、就是文字和文字之间的多个空格、换行会被折叠成一个空格。...我先生成一个HTML5的骨架,如下图:然后我在body里面一个p标签,在这个p标签里面...

    HTML5中有一些特性需要我们知道。

    空白折叠现象

    空白折叠现象有两种:

    1、就是文字和文字之间的多个空格、换行会被折叠成一个空格。

    2、标签的“内壁”和文字之间的空格会被忽略。

    接下来我具体的演示一下,第1种空白折叠现象到底是怎么回事。

    打开vscode,这次我在之前创建的第三个网页.html里面写代码来演示。

    我先生成一个HTML5的骨架,如下图:

    a234b56b143dbd65addbcca36fbacfb3.png

    然后我在body里面写一个p标签,在这个p标签里面随便写一段文字:"不矜细行,终累大德。"我在"不矜细行"后面打好多个空格,然后再给"终累大德"换行,如下:

    Document

    不矜细行,

    终累大德。

    然而在浏览器中的效果如下:

    09444dbdc23fc6eb0d26922c33a99a8d.png

    "不矜细行"和"终累大德"之间仅仅只有一个空格。

    也就是说,文字和文字之间的空格和换行无论有多么复杂,无论有多少个空格、有多少次换行,都会被折叠成一个空格,这就是空白折叠现象。

    接下来我再演示一下第2中空白折叠现象到底是怎么回事。

    我再写一个p标签,里面写上文字:"吉光片羽",然后在起始标签和这句话的开头之间打上很多空格,在这句话的结尾和结束标签之间也打上很多空格,如下:

    Document

    不矜细行,

    终累大德。

    吉光片羽

    然后在浏览器中,看的的效果如下:

    5195e354035ede87a44c01b2e3787db7.png

    这个现象说明,在标签的"内壁"和文字之间,无论打多少空格,在浏览器中显示时,都不会有空格。

    所以,空白折叠现象的真正意义是:如果你想给文字换行,无论你在代码里面如何打空格,打换行,都不会起作用,只有通过标签的语义和特性才能实现。

    也就是说,如果你想给某些文字换行,你就在这些文字外面包裹个p标签就行,但是你在编辑器的代码里面,无论怎么换行,在浏览器中都不会起作用。

    转义字符

    为了说明转义字符的作用,我先演示一个小例子:我把前面为了演示空白折叠现象的代码都删除掉,直接在body里面写上这样一句话:"我们知道

    Document    我们知道

    然后看到浏览器中的效果是这样:

    4fb383c35dc24ea243c25f8c6bf4f3f3.png

    是不是很奇怪?明明我写的是这样一句话:"我们知道

    这是因为浏览器把

    那么,如何才能在浏览器中显示出

    这就需要转义字符。

    常见的转义字符:

    fe2b2c403b7aa26af11f182813e67521.png

    也就是说,你想在浏览器中显示一个小于号,你就在代码中写>,你想在浏览器中显示一个大于号,你就在代码中写

    ,你就应该在代码中这样写:

    >p<>/p<

    其实更简单的写法是:>p>>/p>;

    Document    我们知道>p>>/p>标签对的功能是表示一个段落

    此时浏览器显示效果:

    4b64696151d42c448c3c2e38562376fa.png

    也就是说,在代码中,我用转义字符把p标签的小于号破坏掉了,这样浏览器就不会把它看做一个标签了。

    也就是说,浏览器看到代码中直接写小于号、大于号的

    这几个字符,但是如果你在代码中直接这样写,浏览器就会认为是p标签从而给你解析掉,而你用转义字符来表达的话,它就明白这是大于号小于号。

    再来看看另外两个转义字符 和©

    表示空格,而且不会被折叠,前面说了,在HTML5中,文字之间的多个空格会被折叠,但是你用转义字符 来表示空格,就不会被折叠。

    ©表示版权符号。

    接下来看看 和©的效果。

    Document    我们知道>p>>/p>标签对的功能是表示一个段落

    空格 哈喽 你好

    版权符号 ©

    我在哈喽和你好之间用转义字符 来表示空格,总共写了8个空格,不会被折叠成1个空格:

    920163e4371d7e7746e89975cf0ade04.png

    注意:转义字符不要忘记写分号。

    HTML注释

    任何编程语言的代码,注释都是非常重要的。它可以为自己或他人日后阅读代码提供提示。

    HTML的代码,注释的语法是这样的:

    HTML的注释,在vscode中,可以使用快捷键ctrl+/来输入。

    HTML的注释,在代码中是这样的:

    <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documenttitle>head><body>    我们知道>p>>/p>标签对的功能是表示一个段落<p>空格   哈喽        你好p><p>版权符号  ©p>body>html>

    注释是给程序员自己或者同事看的,浏览器不会去解析,所以用户在浏览器网页中是看不到你写的注释的。

    ae851289291b1b7cf0d5fb84b594aa9f.png

    关注我,一起成为基础扎实的全栈工程师

    展开全文
  • 如何在下面的html代码中提取“已发货:(SJ顺丰 051131145456)”中的单号“051131145456”,单号位数会变,注意:单号前面有一个空格。正则表达式应该怎么 ``` <!DOCTYPE html> <html xmlns=...
  • 给谁看,怎么看更好。当然我还会加一些自己觉得比较个性化的内容。 55日,审阅完编辑老师的第一章反馈,并合并。 5月6日,审阅完第二章的一半。海玲姐两位老师给出了大量细致、详尽的修改建议,包括文字表述、...
  • 这两个代码在验证输入的内容时非常有用,比如一个网站如果要求你填写的QQ号必须为5位到12位数字时,可以使用:^\d{5,12}$。 这里的{5,12}和前面介绍过的{2}是类似的,只不过{2}匹配只能不多不少重复2次,{5,12}则是...
  • 最新Java面试宝典pdf版

    热门讨论 2011-08-31 11:29:22
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • Java面试宝典2010版

    2011-06-27 09:48:27
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 19、Jdo是什么? 20、什么是spring的IOC AOP 21、STRUTS的工作流程! 22、spring 与EJB的区别!! 八. 软件工程与设计...
  • Java面试宝典-经典

    2015-03-28 21:44:36
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • Java面试宝典2012版

    2012-12-03 21:57:42
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 ...
  • java面试宝典2012

    2012-12-16 20:43:41
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 137 19、Jdo是什么? 137 20、什么是spring的IOC AOP 137 21、STRUTS的工作流程! 137 22、spring 与EJB的区别!! 137 八. ...
  • 给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • Java面试笔试资料大全

    热门讨论 2011-07-22 14:33:56
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • Java面试宝典2012新版

    2012-06-26 19:20:00
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • springmybatis

    2015-09-05 06:54:28
    5. 在java 对象和 数据库之间有做mapping 的配置文件,也通常是xml 文件。 mybatis实战教程(mybatis in action)之一:开发环境搭建 mybatis 的开发环境搭建,选择: eclipse j2ee 版本,mysql 5.1 ,jdk 1.7,mybatis...
  • JAVA面试宝典2010

    2011-12-20 16:13:24
    给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • 给一个 Bean 的 message 属性, 字符串类型, 注入值为 "Hello" 的 XML 配置文件该怎么写? 125 19、Jdo是什么? 125 20、什么是spring的IOC AOP 126 21、STRUTS的工作流程! 126 22、spring 与EJB的区别!! 126 八. ...
  • 去除代码末尾的空格键 语法检查插件列表 <h4>1.<a href="">SublimeLinter</a></h4> 安装完以后需要,另外安装需要检测语言的插件。 <h4>2.<a href="">SublimeLinter-jshint</a></h4> 在安装完<code>Sublime...
  • jQuery的validation插件

    2008-11-09 20:33:50
    2.如果自定义正则表达式来匹配,怎么写代码地址:http://jquery.bassistance.de/validate/demo/milk/ [b]问题补充:[/b] 谢谢jones:按你的提示看了下源码,errorPlacement: function(error, element)这里...
  • tomcat环境变量配置

    2013-04-02 16:21:59
    运行代码,如果没问题,那一切OK,有问题,请检查一下上边所的是否有错。 Tomcat环境变量配置: 如果你的Tomcat安装在C盘里,如:c:\tomcat(在这里切记一下,安装Tomcat时,在其字母周围一定不要存在空格,...
  • EditPlus.rar +GCC

    2012-02-17 23:12:16
    现在单击工具栏上面第一个按钮,在弹出的下拉菜单中选择“C/C++”,就打开了一个文档,里面已经有好的代码了。  这时你可以选择“工具”-》“GCC C/C++”菜单来编译这个程序(建议使用快捷键,Alt+1),系统会...
  • 4.名字中不能包含空格。 在XML文档中任何的差错,都会得到同一个结果:网页不能被显示。各浏览器开发商已经达成协议,对XML实行严格而挑剔的解析,任何细小的错误都会被报告。你可以将上面的myfile.xml修改一下,...
  • JAVA 正则表达式

    热门讨论 2010-01-15 11:16:37
    J{3,5} JJJ 或 JJJJ 或 JJJJJ 两者取一「|」 J|A J 或 A Java|Hello Java 或 Hello 「()」中规定一个组合类型 比 如 , 我 查 询 <a href=\"index.html\">index</a> 中 <a href></a> 间 的 数 据 , 可 作 ...
  • <div><h2>在最前 近期读到了<a href="http://wiki.jikexueyuan.com/project/node-lessons/superagent-cheerio.html">alsotang</a>的node教程,对一些基础知识又有了些新认识,故重新梳理了一下,...
  • Editplus 3[1].0

    2011-04-02 10:45:21
    对( ) 这样的特殊符号,应该用\( \)来表示,这也是很标准的regexp语法,可以为 <script LANGUAGE="JavaScript1.1">\n<!--\nhtmlAdWH\('93163607', '728', '90'\);\n//-->\n</SCRIPT>\n 【5】正则表达式应用——...
  • 对( ) 这样的特殊符号,应该用\( \)来表示,这也是很标准的regexp语法,可以为 <script LANGUAGE="JavaScript1.1">\n<!--\nhtmlAdWH\('93163607', '728', '90'\);\n//-->\n</SCRIPT>\n 【5】正则表达式应用——...
  • ExtAspNet_v2.3.2_dll

    2010-09-29 14:37:08
    -Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...
  • -Window的Target属性由字符串类型变为枚举类型,注意更新以前的代码:Target="_self" -> Target="Self", Target="_parent" -> Target="Parent"。 -MenuButton, LinkButton, Button, LinkButtonField的...

空空如也

空空如也

1 2
收藏数 35
精华内容 14
关键字:

html5空格代码怎么写