如何在HTML页面中保留空格和换行符

如何在HTML页面中保留空格和换行符,第1张

对于html内置的内联级标签以及表单元素标签,源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格

包括ie和ff。而这个空格是会被当作一个空白节点(nodeType等于3的节点,就是文字节点)。

对于html内置的块级标签使用了display:inline则没上述问题。

对于html内置的块级标签之间的换行,ff会当作一个空白节点(用js可以获取到),ie则会忽略掉这个换行。

这个换行在ie和ff的页面上并无任何影响,不会出现空格。

既要保留textarea中用户输入的空格和回车,也要屏蔽掉html代码。

下面就这三个地方使用写了三个函数/*textarea中的文字处理使用$noregmsg_content = char_textarea($_POST['content'])$noregmsg_content = htmlspecialchars($noregmsg_content)*///入库的时候处理textarea里的字符,比如回车空格functionchar_textarea($msg_area){$msg_area = str_replace(chr(13),"[br]",$msg_area)$msg_area = str_replace(chr(32),"[nbsp]",$msg_area)return$msg_area}//输出到网页时候使用,转换HTML非法字符functionchar_show_textarea($msg_area){//$msg_area = str_replace("",$msg_area)//$msg_area = str_replace(""",chr(34),$msg_area)//双引号//$msg_area = str_replace("'",chr(39),$msg_area)//单引号//$msg_area = str_replace(" ",chr(32)&chr(32),$msg_area)//空格$msg_area = str_replace("",chr(9),$msg_area)//tab键值$msg_area = str_replace("[br]","",$msg_area)//换行$msg_area = str_replace("[nbsp]","",$msg_area)//空格//$msg_area = str_replace(chr(13),"\r\n",$msg_area)//回车return$msg_area}//再次调入textarea中编辑时使用functionchar_edit_textarea($msg_area){$msg_area = str_replace("[br]",chr(13),$msg_area)$msg_area = str_replace("[nbsp]",chr(32),$msg_area)return$msg_area}/*textarea文字处理使用结束*/

  1.第一种叫Html空格字符语法代码: 就是这个代码“ ”。 空格字符由&+n+b+s+p+组成字符,后面的分号记住不能少了。这组空格字符一定要输入到HTML代码里面,才能实现空格的效果。 如果有多个空格的话。

  2.第二种是用dw里面的输入空格方法: 在dw里面软件输入空格字符,首先我们将鼠标的指针放到你自己想要插入空格字符地方,然后吧DW软件上面的“插入”点开,选择“HTML” 然后在“HTML”d出选项中选择。

超文本标记语言(标准通用标记语言下的一个应用,外语缩写HTML),是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

HTML的英文全称是 Hypertext Marked Language,即超文本标记语言。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。

用HTML编写的超文本文档称为HTML文档,它能独立于各种 *** 作系统平台(如UNIX, Windows等)。使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。

以上内容参考:百度百科-HTML空格代码


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8352625.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存