如何去掉网页中的
和<&NBSP;>

SHANDIANDIAN 2008-04-29 11:27:04
$str=htmlspecialchars($show[jieshao]);
$str=ereg_replace(" "," ",$str);
$str=nl2br($str);

我上面的转换也还是有

丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE/PA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。<br /><br />
<br />
<br />
<br />
<br />
<br />
   企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场需求,产品不断更新,提供了各种特色的产品。为了方便用户,本厂免费提供相关资料和技术咨询服务,欢迎来人来电来函洽谈业务。<br /><br />
主要产品:气球 彩虹拱门 吉祥物卡通、活动气偶 .............
...全文
3177 12 打赏 收藏 转发到动态 举报
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
cheson 2008-05-06
  • 打赏
  • 举报
回复
是用网页直接输出的话,那肯定是要 和<br />等的了,不然的话他只会在源码里显示你所想要的格式
在后台编辑的时候你是用的text文本框吧?可以这样试一下,在后台text文本框里显示的时候把 和<br />转换成相应的ascii码,这样在文本框里就正常了,那么在提交到数据库里面的时候把这些ascii码转换成相应的html代码就行了,以前在没用fckeditor等编辑器的时候我就是这样做的
SHANDIANDIAN 2008-05-02
  • 打赏
  • 举报
回复
在顶一次~~~
cheson 2008-04-30
  • 打赏
  • 举报
回复
<?
$string = "丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE/PA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 <br /> <br /><br /><br /><br /><br /><br /> 企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场需求,产品不断更新,提供了各种特色的产品。为了方便用户,本厂免费提供相关资料和技术咨询服务,欢迎来人来电来函洽谈业务。 <br /> <br /> 主要产品:气球 彩虹拱门 吉祥物卡通、活动气偶 .............";
$string = preg_replace("#<br.+?>#is",chr(10).chr(13),$string);
$string = str_replace(" "," ",$string);
echo $string;
?>
SHANDIANDIAN 2008-04-30
  • 打赏
  • 举报
回复
[Quote=引用 9 楼 cheson 的回复:]
<?
$string = "丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE/PA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 <br /> <br /> <br /> <br /> <br /> <br /> <br /> 企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场…
[/Quote]


你这个代码在后台编辑的时候,显示正常. 但是在前台显示的时候却全挤在一块去了,没空格,也没换行了.我前台显示没用TEXT 文本框,是直接输出网页的
zmouki 2008-04-29
  • 打赏
  • 举报
回复
你的$show[jieshao]中的值是什么?
SHANDIANDIAN 2008-04-29
  • 打赏
  • 举报
回复
<br /><br /><br /><br />

这些东西怎烦,搞了一个上午还没解决掉
zmouki 2008-04-29
  • 打赏
  • 举报
回复
<?PHP
$updateGoodsMsg=trim(str_replace("\r\n","",$_REQUEST["edit"]));
echo "string1 is: ".$updateGoodsMsg;
echo "<br>-------------<br>";
echo "string2 is: ".str_replace ("<br />","",$updateGoodsMsg);
?>
<html>
<body>
<form method="POST" name="form" id="form">
<textarea cols="30" rows="4" name="edit" id="edit"></textarea>
<input type="submit" name="sub" value="sub">
</form>
</body>
</html>

输入:ABCD<br />abc //ABCDabc
ABCD+回车+abc //ABCDabc
给你个小例子,看看是不是你想要的?
SHANDIANDIAN 2008-04-29
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zmouki 的回复:]
你的$show[jieshao]中的值是什么?
[/Quote]


$show[jieshao] 的值就是网页的内容啊
SHANDIANDIAN 2008-04-29
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 zmouki 的回复:]
你的$show[jieshao]中的值是什么?
[/Quote]


$show[jieshao] 的值就是网页的内容啊
SHANDIANDIAN 2008-04-29
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 fxs_2008 的回复:]
$str=htmlspecialchars($show[jieshao]);
空格转成
再把这个转回!

不用那么麻烦,不要用那么多的函数
真接替换空格输出就行了

$str=$show[jieshao]);
$str=ereg_replace(" ",'';",$str);
$str=$str;
[/Quote]

那我换行呢???
SHANDIANDIAN 2008-04-29
  • 打赏
  • 举报
回复
我怎么看不到回复,郁闷~~ CSDN 就这样啊??
fxs_2008 2008-04-29
  • 打赏
  • 举报
回复
$str=htmlspecialchars($show[jieshao]);
空格转成
再把这个转回!

不用那么麻烦,不要用那么多的函数
真接替换空格输出就行了

$str=$show[jieshao]);
$str=ereg_replace(" ",'';",$str);
$str=$str;


详尽的前端笔记,包含html和css部分,由xmind8做的笔记。css部分:编写的位置 1.内联样式 将样式编写到标签的style属性

这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用 2.内部样式表 将样式表编写到head的style标签 使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件,然后通过link标签将外部文件引入 将样式编写到外部样式表,可以在不同的页面使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 编写的位置 1.内联样式 将样式编写到标签的style属性

这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用 2.内部样式表 将样式表编写到head的style标签 使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护 3.外部样式表 将样式表编写到外部的CSS文件,然后通过link标签将外部文件引入 将样式编写到外部样式表,可以在不同的页面使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式 基本语法 选择器 通过选择器可以选页面的一组元素,然后为其设置样式 元素选择器 根据标签名,选页面的指定元素 语法:标签名{ } 例子: div{} p{} h1{} id选择器 根据元素的id属性值选一个唯一的元素 语法:#id {} 例子: #box1{} #hello{} 类选择器 根据元素的class属性值,选一组元素 语法:.class{} 例子: .hello{} .box{} 通配选择器 选页面的所有元素 语法:*{} 通配选择器的性能比较差,尽量避免使用 并集选择器 可以同时选符合多个选择器的元素 语法:选择器1,选择器2,选择器N{} 例子: div,p,#box,.hello{} 交集选择器 可以选满足多个条件的元素 语法:选择器1选择器2选择器N{} 例子:p.hello{} 后代元素选择器 选指定元素的指定后代元素 语法:祖先元素 后代元素{} 例子: div span {} div p{} 子元素选择器 选指定元素的指定子元素 语法:父元素 > 子元素 {} 例子: div > span {} div > p{} 声明块 声明块实际上就是一个一个CSS声明 声明 每一个CSS声明都是一个样式,实际上就是一个名值对的结构 名和值之间使用:链接 :左边是样式的名字 :右边是样式的值 每一个声明以;结尾 例子 color:red; font-size:20px; 元素之间的关系 父元素 直接包含子元素的的元素叫做父元素 子元素 直接被父元素包含的元素叫做子元素 祖先元素 直接或间接包含后代元素的元素叫做祖先元素,父元素也是祖先元素 后代元素 直接或间接被祖先元素包含的元素叫后代元素,子元素也是后代元素 兄弟元素 拥有相同父元素的元素叫做兄弟元素 块元素和内联元素 块元素 块元素会独占页面的一行,无论他的内容的多少 一般使用块元素对页面进行布局 常见的块元素 div p h1~h6 内联元素 内联元素只占用自身的大小,不会独占一行 内联元素也叫行内元素(inline) 一般内联元素都是用来为文本来设置效果 常见的内联 span a img 包裹规则 一般都是使用块元素去包裹内联元素,而不会使用内联去包裹块元素 a元素可以包含任意元素,除了a本身 p元素不能包含任何块元素 伪类和伪元素 伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置 :link 表示一个普通的链接(未访问过的链接) :visited 表示访问过的链接 :hover 鼠标移入的链接,也可以为其他元素设置hover :active 正在被点击的链接,也可以为其他元素设置active :focus 表示元素获取焦点的状态,一般用于文本框 ::selection 表示内容被选的状态 在火狐使用::-moz-selection来代替 :first-letter 表示第一个字符 :first-line 表示文字的第一行 :before 选元素的最前边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 :after 选元素的最后边 一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容 属性选择器 根据元素的属性选择指定元素 [属性名] 选取含有指定属性的元素 [属性名="属性值"] 选取属性值等于指定值的元素 [属性名^="属性值"] 选取属性值以指定内容开头的元素 [属性名$="属性值"] 选取属性值以指定内容结尾的元素 [属性名*="属性值"] 选取属性值包含指定内容的元素 兄弟元素选择器 选取后一个兄弟元素 前一个 + 后一个 选取后边所有的兄弟元素 前一个 ~ 后边所有 子元素的伪类 :first-child 寻找父元素的第一个子元素,在所有的子元素排序 :last-child 寻找父元素的最后一个子元素,在所有的子元素排序 :nth-child 寻找父元素的指定位置子元素,在所有的子元素排序 例子 p:nth-child(3) 可以使用even,来找到偶数的子元素 可以使用odd,来找到奇数的子元素 :first-of-type 寻找指定类型的第一个子元素 :last-of-type 寻找指定类型的最后一个子元素 :nth-of-type 寻找指定类型的指定子元素 否定伪类 从一组元素将符合要求的元素剔除出去 语法: :not(选择器) 例子: .abc:not(div) HTML,超文本标记语言 负责页面的结构,定义出页面的各个组成部分 HTML是采用纯文本的形式的编写,采用HTML标签来标识出页面的不同部分 标签 成对出现 <标签名> 自结束标签 <标签名 /> 属性 通过属性可以设置标签的效果 属性需要定义在开始标签或这自结束标签 属性实际上是一组一组名值对结构 例子: <标签名 属性名="属性值" 属性名="属性值"> <标签名 属性名="属性值" 属性名="属性值" /> HTML页面的基本结构 常用标签 网页的根标签 一个页面有且只有一个根标签 网页的所有内容都需要写在html标签的内部 网页的头部 该标签的内容不会在网页直接显示 该标签用于帮助浏览器解析页面 子标签 用来设置<em>网页</em>的标题 默认会在浏览器的标题栏<em>中</em>显示 搜索引擎检索<em>网页</em>时,会主要检索title<em>中</em>的内容,它会影响到页面在搜索引擎<em>中</em>的排名 <meta> 用来设置<em>网页</em>的元数据,比如<em>网页</em>使用的字符集 <meta charset="utf-8" /> 设置<em>网页</em>的关键字 <meta name="keywords" content="关键字,关键字,关键字,关键字"/> 设置<em>网页</em>的描述 <meta name="description" content="<em>网页</em>的描述"/> 请求的重定向 <meta http-equiv="refresh" content="秒数;url=地址" /> <body> <em>网页</em>的主体 <em>网页</em><em>中</em>所有的可见部分都需要在body<em>中</em>编写 <h1> ~ <h6> 标题标签 在html<em>中</em>一共有六级标题 六级标题<em>中</em>,h1最重要,h6最不重要,一般页面<em>中</em>只会使用h1~h3 h1的重要性仅次于title,浏览器也会主要检索h1<em>中</em>的内容,以判断页面的主要内容 一般一个页面<em>中</em>只能写一个h1 <p> 段落标签 <<em>br</em> /> 换行标签 <hr /> 水平线标签 内联框架 可以向一个页面<em>中</em>引入其他的外部页面 <iframe></iframe> 属性 src 外部页面的地址,可以使用相对路径 width和height 可以设置框架的宽度和高度 name 可以为内联框架指定一个名字 可以将该属性值设置为超链接的target属性的值 这样当点击超链接时,页面将会在相应的内联框架<em>中</em>打开 内联框架<em>中</em>的内容不会被搜索引擎所检索,所以开发<em>中</em>尽量不要使用内联框架 超链接 可以使当前页面跳转到其他的页面 <a>链接的文字</a> 属性 href 指向链接跳转的目标地址,可以是一个相对路径 还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置 可以使用mailto:来创建一个发送电子邮件的超链接 target 指定在哪个窗口<em>中</em>打开链接 可选值 _self 默认值,默认在当前窗口打开链接 _blank 在新窗口<em>中</em>打开链接 内联框架的name属性值 在指定的内联框架<em>中</em>打开链接 注释 语法 <!-- 注释内容 --> 注释<em>中</em>的内容不会在页面<em>中</em>显示,但是会在源码<em>中</em>显示,我们可以通过注释来说明<em>网页</em>的代码 也可以通过注释隐藏一些页面<em>中</em>不想显示的内容 实体 在HTML页面<em>中</em>一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号 实体也可以称为转义字符 实体的语法 &实体名; 常用的实体 空格 &<em>nbsp</em>; < < > > 版权符号 © 图片标签 <img /> 使用图片标签可以向页面<em>中</em>引入一个外部图片 属性 src 指向一个外部图片的路径,可以使用相对路径 alt 指定一个在图片无法加载时对图片的描述 搜索引擎主要通过该属性来识别图片的内容 如果不写该属性则搜索引擎会对图片进行收录 width 设置图片的宽度 height 设置图片的高度 图片的格式 JPEG 颜色丰富的图片,如,照片 GIF 颜色单一,简单透明的图片,动态图 PNG 颜色丰富,复杂透明的图片 图片选择的原则 效果一致,用小的 效果不一致,用效果好的 相对路径 相对于当前资源所在的目录的路径 可以使用../返回一级目录,返回几级使用几个../ xHtml语法规范 1.HTML<em>中</em>不区分大小写,但是尽量使用小写 2.HTML的注释不能嵌套 3.标签必须结构完整 要么成对出现 要么自结束标签 4.标签可以嵌套但是不能交叉嵌套 5.属性必须有值,且值必须加引号,单引号双引号都可以 文本标签 <em> 表示语气上的强调 <strong> 表示内容的重要性 <i> 表示单纯的斜体 <b> 表示单纯的加粗 <small> 表示细则一类的内容 <cite> 表示参考的内容,凡是加书名号的都可以使用cite <q> 短引用,行内引用 <blockquote> 长引用,块级引用 <sup> 上标 <sub> 下标 <del> 删除的内容 <ins> 插入的内容 <pre> 预格式标签,可以保留代码<em>中</em>空格换行这些格式 <code> 表示程序代码 列表 无序列表 使用ul来创建一个无序列表,在列表<em>中</em>使用li来表示一个列表项 无序列表使用符号作为项目符号 有序列表 使用ol来创建一个无序列表,在列表<em>中</em>使用li来表示一个列表项 使用有序的序号作为项目符号 定义列表 列表相关的元素都是块元素,他们之间可以互相嵌套 去除项目符号 list-style:none</a></div><div data-report-view="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/bobbykey/10261945","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAltJREFUWEdjZGBgYGhv/yD45//nEEYGBrX//xj4QWK0AoxMDB//MzDcYmHkXVNZKfCeEWz5v8/1DP8ZuGhlKVZzGRm+sTDxNjI2tz1OZfjHYEpXy2GWMTGcZmxpe9xN62DH5TlQdDA2tzyeNSC+h1o66gCyQyApUdRNSIhNGBSS7979ejtv/utd5EQl2Q7IypT0ExJiFoc44O/LadOfbxp1wPAOAWlpdr5Pn//8/Pzp70+QT3GlAX5+ZnYeHhb2p09/fiImRIhOhBYWvIo21ryWu/Z8PHDp4tdn2BxgoM8l4+IiYH/k6OdjJ058vk91B7g487swMDD8v3Hj+2VJSTYpfn5mEZAlHz/9ffPq5e+Xqqoc2iD+nr0f99DSAQQ9RhMHcHAwsYSGCtvKy7Gr4HPBo0c/b69c/fbwzx///hJ0KQMDA9FpAGaYizO/tpkZjwUTEyMTsgX//v3/d/LUl+N79368RozFMDUkOwCkUUODU8zHW9CFg4OJG8T/8ePf181b3u25efPHK1IsB6nF6gAjY25ZEWFWcNPs169/fw4c+HQD3WBBIRaOsBAhZ5D4qjXv9r5/9+cHuhoHBz4NNjYmFpD4m7e/P547+/UxuhqsDoiPE3WWlWVXgvju/5ee3qfLsfmMiZmBEST+7y/Df2zyJcXSkRwcjDwgucePf95buOj1Xqo6gFBwDw8H/P/P8O/nz//fCPkWmzw7OyMXIyMDOLeQHQXkWIxNz9BygJubgI6kBCu4tUMt8PzF75e7dn24QlQuoJalxJgzCDomA901G/DOKSieBrJ7DgCPdYFAskV/NwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://download.csdn.net/download/bobbykey/10261945" data-report-click="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/bobbykey/10261945","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>从入门到精通HTML5——PDF——网盘链接</a></div> <a target="_blank" href="https://download.csdn.net/download/bobbykey/10261945" data-report-click="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/bobbykey/10261945","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>第1篇 HTML基础   第1章 HTML基础 3   教学录像:22分钟   1.1 HTML的基本概念 4   1.2 HTML发展史 4   1.3 HTML的基本结构 5   1.3.1 HTML文件的编写方法 5   1.3.2 文件开始标签<html> 7   1.3.3 文件头部标签<head> 7   1.3.4 文件标题标签<title> 7   1.3.5 文件主体标签<body> 7   1.3.6 编写文件的注意事项 8   1.4 编写第一个HTML文件 8   1.4.1 HTML文件的编写方法 8   1.4.2 手工编写页面 9   1.4.3 使用可视化软件制作页面 10   1.4.4 使用浏览器浏览HTML文件 14   1.4.5 使用HTML开发的明日图书网 14   1.5 小结 15   1.6 习题 16   第2章 HTML文件基本标记 17   教学录像:44分钟   2.1 HTML头部标记 18   2.2 标题标记<title> 18   2.3 元信息标记<meta> 19   2.3.1 设置页面关键字 19   2.3.2 设置页面描述 20   2.3.3 设置编辑工具 20   2.3.4 设定作者信息 21   2.3.5 限制搜索方式 22   2.3.6 设置<em>网页</em>文字及语言 22   2.3.7 设置<em>网页</em>的定时跳转 23   2.3.8 设定有效期限 24   2.3.9 禁止从缓存<em>中</em>调用 24   2.3.10 删除过期的cookie 25   2.3.11 强制打开新窗口 25   2.3.12 设置<em>网页</em>的过渡效果 26   2.4 基底网址标记<base> 29   2.5 页面的主体标记<body> 30   2.5.1 设置文字颜色——text 31   2.5.2 背景颜色属性——bgcolor 32   2.5.3 背景图像属性——background 32   2.5.4 设置链接文字属性——link 35   2.5.5 设置边距——margin 37   2.6 页面的注释标记 38   2.7 实例演练——创建基本的HTML<em>网页</em> 38   2.8 小结 39   2.9 习题 40   第3章 设计<em>网页</em>文本内容 41   教学录像:29分钟   3.1 标题文字的建立 42   3.1.1 标题文字标记<h> 42   3.1.2 标题文字的对齐方式——align 43   3.2 设置文字格式 44   3.2.1 设置文字字体——face 44   3.2.2 设置字号——size 45   3.2.3 设置文字颜色——color 46   3.2.4 粗体、斜体、下划线——strong、em、u 46   3.2.5 上标与下标——sup、sub 47   3.2.6 设置删除线——strike 48   3.2.7 等宽文字标记——code 49   3.2.8 空格——&<em>nbsp</em>; 49   3.2.9 其他特殊符号 50   3.3 设置段落格式 51   3.3.1 段落标记——p 51   3.3.2 取消文字换行标记——no<em>br</em> 52   3.3.3 换行标记——<em>br</em> 53   3.3.4 保留原始排版方式标记——pre 53   3.3.5 居<em>中</em>对齐标记——center 54   3.3.6 向右缩进标记——blockquote 55   3.4 水平线标记 56   3.4.1 添加水平线——hr 56   3.4.2 设置水平线的宽度与高度   ——width、height 57   3.4.3 设置水平线的颜色——color 58   3.4.4 设置水平线的对齐方式——align 59   3.4.5 <em>去掉</em>水平线阴影——noshade 60   3.5 其他文字标记 60   3.5.1 文字标注标记——ruby 60   3.5.2 声明变量标记——var 61   3.5.3 忽视HTML标记   ——plaintext、xmp 62   3.6 小结 63   3.7 习题 63   第4章 使用列表 65   教学录像:35分钟   4.1 列表的标记 66   4.2 使用无序列表 66   4.2.1 无序列表标记——ul 66   4.2.2 无序列表的符号类型——type 67   4.3 使用有序列表 69   4.3.1 有序列表标记——ol 69   4.3.2 有序列表的属性——type 70   4.3.3 有序列表的起始数值——start 72   4.4 定义列表标记——dl 73   4.5 菜单列表标记——menu 74   4.6 目录列表——dir 75   4.7 使用嵌套列表 76   4.7.1 定义列表的嵌套 77   4.7.2 无序列表和有序列表的嵌套 78   4.8 小结 79   4.9 习题 80   第5章 超链接 81   教学录像:22分钟   5.1 超链接的基本知识 82   5.1.1 超链接 82   5.1.2 绝对路径 82   5.1.3 相对路径 82   5.2 超链接的建立 83   5.2.1 超链接标记的基本语法 83   5.2.2 建立文本超链接 83   5.2.3 设置超链接的目标窗口 85   5.3 内部链接 87   5.4 书签链接 89   5.4.1 建立书签 89   5.4.2 链接到同一页面的书签 91   5.4.3 链接到不同页面的书签 92   5.5 外部链接 93   5.5.1 通过HTTP协议 94   5.5.2 通过FTP 94   5.5.3 发送E-mail 95   5.5.4 下载文件 96   5.6 其他链接 98   5.6.1 脚本链接 98   5.6.2 空链接 99   5.7 小结 99   5.8 习题 100   第6章 使用图像 101   教学录像:35分钟   6.1 图像的基本格式 102   6.2 添加图像——img 102   6.3 设置图像属性 103   6.3.1 图像高度——height 103   6.3.2 图像宽度——width 104   6.3.3 图像边框——border 105   6.3.4 图像水平间距——hspace 107   6.3.5 图像垂直间距——vspace 108   6.3.6 图像相对于文字基准线的对齐方式   ——align 108   6.3.7 图像的提示文字——alt 110   6.4 图像的超链接 111   6.4.1 设置图像的超链接 111   6.4.2 设置图像热区链接 112   6.5 小结 116   6.6 习题 116   第7章 表格的应用 118   教学录像:48分钟   7.1 创建表格 119   7.1.1 表格的基本构成——table、tr、td 119   7.1.2 表格的标题——caption 120   7.1.3 表格的表头——th 121   7.2 设置表格基本属性 123   7.2.1 表格的宽度——width 123   7.2.2 表格的高度——height 125   7.2.3 表格的对齐方式——align 126   7.3 设置表格的边框 127   7.3.1 表格边框的宽度——border 127   7.3.2 表格边框的颜色——bordercolor 128   7.3.3 表格内框的宽度——cellspacing 130   7.3.4 表格内文字与边框的间距   ——cellpadding 131   7.4 设置表格背景 132   7.4.1 表格的背景颜色——bgcolor 132   7.4.2 表格的背景图像——background 133   7.5 设置表格的行属性 134   7.5.1 高度的控制——height 134   7.5.2 行的边框颜色——bordercolor 135   7.5.3 行的背景颜色——bgcolor、background 136   7.5.4 行文字的水平对齐方式——align 137   7.5.5 行文字的垂直对齐方式——valign 139   7.5.6 表格标题的垂直对齐方式——align 140   7.6 调整单元格属性 141   7.6.1 单元格大小——width、height 141   7.6.2 单元格水平跨度——colspan 142   7.6.3 单元格垂直跨度——rowspan 143   7.6.4 单元格对齐方式——align、valign 144   7.6.5 单元格的背景色 146   7.6.6 单元格的边框颜色——bordercolor 147   7.6.7 单元格的亮边框——bordercolorlight 148   7.6.8 单元格的暗边框——bordercolordark 150   7.6.9 单元格的背景图像——background 151   7.7 表格的结构 152   7.7.1 表格的表头标记——thead 153   7.7.2 表格的表主体标记——tbody 154   7.7.3 表格的表尾标记——tfoot 156   7.8 表格的嵌套 157   7.9 小结 159   7.10 习题 159   第8章 层标记——div 161   教学录像:33分钟   8.1 层 162   8.1.1 层的分类 162   8.1.2 定义数据块 162   8.2 <div>标签 163   8.2.1 <div>标签的简介 163   8.2.2 <div>标签的属性 164   8.2.3 <span>标签与<div>标签 170   8.3 <iframe>标签 172   8.3.1 <iframe>标签的简介 172   8.3.2 <iframe>标签的属性 172   8.4 <layer>标签和<ilayer>标签 174   8.4.1 标签层的使用 175   8.4.2 <layer>标签和<ilayer>标签的区别 176   8.5 应用div制作下拉菜单导航条 176   8.6 小结 179   8.7 习题 179   第9章 编辑表单 181   教学录像:26分钟   9.1 使用表单标签——form 182   9.1.1 处理动作——action 182   9.1.2 表单名称——name 183   9.1.3 传送方法——method 183   9.1.4 编码方式——enctype 184   9.1.5 目标显示方式——target 185   9.2 添加控件 185   9.3 输入类的控件 186   9.3.1 文字字段——text 186   9.3.2 密码域——password 187   9.3.3 单选按钮——radio 188   9.3.4 复选框——checkbox 189   9.3.5 普通按钮——button 190   9.3.6 提交按钮——submit 191   9.3.7 重置按钮——reset 192   9.3.8 图像域——image 193   9.3.9 隐藏域——hidden 195   9.3.10 文件域——file 195   9.4 列表/菜单标记 197   9.5 文本域标记——textarea 198   9.6 id标记 199   9.7 小结 200   9.8 习题 200   第10章 多媒体页面 202   视频讲解:18分钟   10.1 设置滚动文字 203   10.1.1 滚动文字标签——marquee 203   10.1.2 滚动方向属性——direction 203   10.1.3 滚动方式属性——behavior 204   10.1.4 滚动速度属性——scrollamount 205   10.1.5 滚动延迟属性——scrolldelay 206   10.1.6 滚动循环属性——loop 207   10.1.7 滚动范围属性——width、height 208   10.1.8 滚动背景颜色属性——bgcolor 209   10.1.9 滚动空间属性——hspace、vspace 209   10.2 添加背景音乐 211   10.2.1 设置背景音乐——bgsound 211   10.2.2 设置循环播放次数——loop 212   10.3 添加多媒体文件 213   10.3.1 添加多媒体文件标记——embed 213   10.3.2 设置自动运行——autostart 214   10.3.3 设置媒体文件的循环播放——loop 215   10.3.4 隐藏面板——hidden 216   10.3.5 添加其他类型的媒体文件 217   10.4 小结 217   10.5 习题 218   第2篇 HTML 5高级应用   第11章 HTML 5的新特性 221   视频讲解:6分钟   11.1 谁在开发HTML 5 222   11.2 HTML 5的新认识 222   11.2.1 兼容性 222   11.2.2 实用性和用户优先 222   11.2.3 化繁为简 223   11.3 无插件范式 223   11.4 HTML 5的新特性 224   11.5 小结 224   第12章 HTML 5与HTML 4的区别 225   视频讲解:51分钟   12.1 语法的改变 226   12.1.1 HTML 5的语法变化 226   12.1.2 HTML 5<em>中</em>的标记方法 226   12.1.3 HTML 5语法<em>中</em>的3个要点 227   12.1.4 标签实例 228   12.2 新增的元素和废除的元素 228   12.2.1 新增的结构元素 228   12.2.2 新增的块级的语义元素 230   12.2.3 新增的行内的语义元素 231   12.2.4 新增的嵌入多媒体元素与交互性元素 231   12.2.5 新增的input元素的类型 232   12.2.6 废除的元素 233   12.3 新增的属性和废除的属性 234   12.3.1 新增的属性 234   12.3.2 废除的属性 236   12.4 全局属性 237   12.4.1 contentEditable属性 237   12.4.2 designMode属性 238   12.4.3 hidden属性 239   12.4.4 spellcheck属性 239   12.4.5 tabindex属性 240   12.5 小结 240   12.6 习题 240   第13章 HTML 5的结构 242   视频讲解:20分钟   13.1 新增的主体结构元素 243   13.1.1 article元素 243   13.1.2 section元素 245   13.1.3 nav元素 247   13.1.4 aside元素 248   13.1.5 time元素 250   13.1.6 pubdate属性 250   13.2 新增的非主体结构元素 251   13.2.1 header元素 251   13.2.2 hgroup元素 252   13.2.3 footer元素 252   13.2.4 address元素 253   13.3 小结 253   13.4 习题 254   第14章 HTML 5<em>中</em>的表单 255   视频讲解:50分钟   14.1 新增表单元素与属性 256   14.1.1 新增的属性 256   14.1.2 增加与改良的input元素的种类 259   14.1.3 output元素的添加 264   14.1.4 应用新增元素制作注册表单 264   14.2 对表单的验证 266   14.2.1 自动验证 266   14.2.2 checkValidity显式验证法 267   14.2.3 避免验证 268   14.2.4 使用setCustomValidity方法自定义   错误信息 268   14.3 增加的页面元素 269   14.3.1 新增的figure元素 270   14.3.2 新增的details元素 271   14.3.3 新增的mark元素 272   14.3.4 新增的progress元素 274   14.3.5 新增的meter元素 275   14.3.6 改良的ol列表 276   14.3.7 改良的dl列表 276   14.3.8 加以严格限制的cite元素 277   14.3.9 重新定义的small元素 278   14.4 小结 278   14.5 习题 279   第15章 HTML 5<em>中</em>的文件与拖放 280   视频讲解:40分钟   15.1 选择文件 281   15.1.1 通过file对象选择文件 281   15.1.2 使用blob接口获取文件的类型与大小 282   15.1.3 通过类型过滤选择的文件 283   15.2 使用FileReader接口读取文件 285   15.2.1 检测浏览器是否支持FileReader接口 285   15.2.2 FileReader接口的方法 285   15.2.3 使用readAsDataURL方法预览图片 286   15.2.4 使用readAsText方法读取文本文件 287   15.2.5 FileReader接口<em>中</em>的事件 288   15.3 拖放API 290   15.3.1 实现拖放的步骤 290   15.3.2 通过拖放显示欢迎信息 291   15.4 dataTransfer对象应用详解 293   15.4.1 使用effectAllowed和dropEffect属性   设置拖放效果 293   15.4.2 使用setDragImage方法设置拖放图标 294   15.5 小结 295   15.6 习题 295   第16章 多媒体播放 296   视频讲解:35分钟   16.1 HTML 5多媒体的简述 297   16.1.1 HTML 4<em>中</em>多媒体的应用 297   16.1.2 HTML 5页面<em>中</em>的多媒体 297   16.2 多媒体元素基本属性 298   16.3 多媒体元素常用方法 302   16.3.1 媒体播放时的方法 302   16.3.2 canPlayType(type)方法 304   16.4 多媒体元素重要事件 304   16.4.1 事件处理方式 304   16.4.2 事件介绍 305   16.4.3 事件实例 306   16.5 小结 308   16.6 习题 309   第17章 绘制图形 310   视频讲解:1小时32分钟   17.1 canvas的基础知识 311   17.1.1 canvas是什么 311   17.1.2 在页面<em>中</em>放置canvas元素 311   17.1.3 绘制带边框的矩形 312   17.2 在画布<em>中</em>使用路径 314   17.2.1 使用arc方法绘制圆形 314   17.2.2 使用moveTo与lineTo路径绘制火柴人 316   17.2.3 贝塞尔和二次方曲线 317   17.3 运用样式与颜色 319   17.3.1 fillStyle 和 strokeStyle属性 319   17.3.2 透明度 globalAlpha 321   17.3.3 线型 Line styles 323   17.4 绘制渐变图形 325   17.4.1 绘制线性渐变 325   17.4.2 绘制径向渐变 326   17.5 绘制变形图形 328   17.5.1 坐标的变换 328   17.5.2 矩阵变换 330   17.6 组合多个图形 333   17.7 给图形绘制阴影 335   17.8 应用图像 336   17.8.1 绘制图像 336   17.8.2 图像的局部放大 338   17.8.3 图像平铺 339   17.8.4 图像裁剪 341   17.8.5 像素的处理 342   17.9 绘制文字 344   17.10 保存与恢复状态 345   17.11 文件的保存 346   17.12 对画布绘制实现动画 347   17.13 综合实例——桌面时钟 348   17.14 小结 350   17.15 习题 351   第18章 数据存储 352   视频讲解:50分钟   18.1 初识Web Storage 353   18.1.1 什么是Web Storage 353   18.1.2 使用Web Storage<em>中</em>的API 353   18.1.3 sessionStorage和localStorage的实例   ——计数器 355   18.1.4 Web Storage综合实例——留言本 357   18.1.5 JSON对象的存数实例——用户信息卡 359   18.2 本地数据库 361   18.2.1 Web SQL数据库简介 361   18.2.2 使用Web SQL Database API 362   18.2.3 本地数据库实例——用户登录 363   18.3 小结 367   18.4 习题 367   第19章 离线应用程序 368   视频讲解:13分钟   19.1 HTML 5离线Web应用概述 369   19.1.1 离线Web应用概述 369   19.1.2 本地缓存与浏览器<em>网页</em>缓存的区别 370   19.2 创建HTML 5离线应用 370   19.2.1 缓存清单(manifest) 370   19.2.2 配置IIS服务器 372   19.2.3 浏览缓存清单 372   19.3 浏览器与服务器的交互过程 373   19.4 applicationCache对象 374   19.4.1 swapCache方法 375   19.4.2 applicationCache对象的事件 376   19.5 小结 379   19.6 习题 379   第20章 使用Web Worker处理线程 380   视频讲解:25分钟   20.1 Web Worker概述 381   20.1.1 创建和使用Worker 381   20.1.2 Web Worker应用实例——求和运算 382   20.2 在Worker内部能做什么 383   20.3 多个JavaScript文件的加载与执行 384   20.4 线程嵌套 384   20.4.1 单层嵌套 385   20.4.2 在多个子线程<em>中</em>进行数据的交互 387   20.5 小结 390   20.6 习题 390   第21章 通信API 391   视频讲解:4分钟   21.1 跨文档消息通信 392   21.1.1 使用postMessageAPI 392   21.1.2 跨文档消息传输 392   21.2 小结 394   第22章 获取地理位置信息 395   视频讲解:12分钟   22.1 Geolocation API的概述 396   22.1.1 使用getCurrentPosition方法获取   当前地理位置 396   22.1.2 持续监视当前地理位置的信息 398   22.1.3 停止获取当前用户的地理位置信息 398   22.2 position对象 398   22.3 在google地图上显示“我在这里” 399   22.4 小结 401   22.5 习题 401   第3篇 HTML 5项目实战   第23章 旅游信息网前台页面 405   视频讲解:20分钟   23.1 概述 406   23.2 网站预览 406   23.3 关键技术 410   23.3.1 网站主体结构设计 410   23.3.2 HTML 5结构元素的使用 410   23.4 网站公共部分设计 411   23.4.1 设计网站公共header 411   23.4.2 设计网站公共footer 418   23.5 网站主页设计 419   23.5.1 显示网站介绍及相关图片 419   23.5.2 主页左侧导航的实现 421   23.6 留下足迹页面设计 424   23.6.1 播放音乐 424   23.6.2 添加留言功能的实现 425   23.7 小结 426   附录 习题参考答案 427   HTML 5从入门到精通   目 录   X   XI</a></div><div data-report-view="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/qq_35591743/article/details/118632629","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/qq_35591743/article/details/118632629" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/qq_35591743/article/details/118632629","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>js 去除富文本首尾换行空格 格式化富文本编译器内容,去除首尾换行、空格,<p><<em>br</em>></p>标签</a></div> <a target="_blank" href="https://blog.csdn.net/qq_35591743/article/details/118632629" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/qq_35591743/article/details/118632629","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>/** * 格式化富文本内容 -> 去除首尾换行、空格 * @params rich_text 富文本原始内容 * @return rich_text 格式化后的内容 * @author BJ */ function format_rich_text__<em>br</em>(rich_text) { let reg = /<p><<em>br</em>><\/p>/gim; let t = []; let arr = []; while (t = reg..</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/zsx1314lovezyf/article/details/92845581","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/zsx1314lovezyf/article/details/92845581" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/zsx1314lovezyf/article/details/92845581","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>html常用标签</a></div> <a target="_blank" href="https://blog.csdn.net/zsx1314lovezyf/article/details/92845581" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/zsx1314lovezyf/article/details/92845581","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>标题标签 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> 段落标签 <p>这是一个段落</p> 换行标签 <<em>br</em> /> 空格实体 &<em>nbsp</em>; 大于小于实体 &lt; 小于 &...</a></div><div data-report-view="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/jingyoushui/article/details/102484952","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/jingyoushui/article/details/102484952" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/jingyoushui/article/details/102484952","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>vue+element-ui处理文本<em>中</em>的\n和《<em>br</em>/》</a></div> <a target="_blank" href="https://blog.csdn.net/jingyoushui/article/details/102484952" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/jingyoushui/article/details/102484952","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714034123997_77830\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>在我们使用vue+element-ui开发web应用的时候,有的时候从数据库<em>中</em>获取到的数据包含换行符\n或者<<em>br</em>>标签 </a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><!----><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/PHPBase" class="community-img" data-v-4722a3ae><img src="https://g.csdnimg.cn/static/user-img/default-user.png" alt data-v-4722a3ae> <div title="基础编程" class="community-name" data-v-4722a3ae> 基础编程 </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="21886" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 21,886 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="140364" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/PHPBase" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 140,364 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div> <!----> <!----></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-5081" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg5.9eaaa691.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://g.csdnimg.cn/static/user-img/default-user.png" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>基础编程</div> <div class="share-dec" data-v-ca030a68>从PHP安装配置,PHP入门,PHP基础到PHP应用</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> <!----></div></div></div> <!----> <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae><!----> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> 从PHP安装配置,PHP入门,PHP基础到PHP应用 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae><!----> <!----> <!----></div></div> <!----> <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/community_138" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="基础编程社区" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae><!----> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div> <!----> <!----></div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><!----><!----><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-5" aria-labelledby="tab-5" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-6" aria-labelledby="tab-6" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d><!----> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div> <!----> <a href="https:///PHPBase/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd>暂无公告</div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><!----> <div data-v-2a6389b9><div data-v-2a6389b9></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="content-right-recommend" data-v-0f781e88><div data-v-3798762e data-v-0f781e88><!----> <!----></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div></div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"W7K1kx59-LQHSE8ovnKWa9ak2gOVjGlCQ3Ks","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_3145627230-1714034123962-861643;","ip":"18.191.216.163","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"PHPBase","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FPHPBase","owner":{"userName":"community_138","nickName":"基础编程社区","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"基础编程","description":"从PHP安装配置,PHP入门,PHP基础到PHP应用","avatarUrl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-img\u002Fdefault-user.png","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":21886,"contentCount":140364,"followersCount":9823,"communityRule":"","communityId":255,"bgImage":"","hashId":"5en6m5rv","domain":"","uriName":"PHPBase","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_138","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1414,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FPHPBase?typeId=1414","iframe":false,"sortType":1},{"tabId":1617859,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FPHPBase?typeId=1617859","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"基础编程","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FPHPBase","communityType":1,"content":{"id":"220059540","contentId":220059540,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F220059540","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F220059540","createTime":"2008-04-29 11:27:04","updateTime":"2021-05-28 16:29:23","resourceUsername":"SHANDIANDIAN","best":0,"top":0,"text":null,"publishDate":"2008-04-29","lastReplyDate":"2008-05-06","type":"13","nickname":"SHANDIANDIAN","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","username":"shandiandian","commentCount":12,"diggNum":0,"digg":false,"viewCount":3177,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"如何去掉网页中的\u003Cbr\u002F\u003E 和\u003C&NBSP;\u003E","insertFirst":false,"likeInfo":null,"description":" $str=htmlspecialchars($show[jieshao]); $str=ereg_replace(\" \",\"\",$str); $str=nl2br($str); 我上面的转换也还是有 丝网印刷,造型别致、形象逼真、产品齐全。本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。   企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221026062043.png","content":" $str=htmlspecialchars($show[jieshao]);\u003Cbr \u002F\u003E\n $str=ereg_replace(" "," ",$str);\u003Cbr \u002F\u003E\n $str=nl2br($str);\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n我上面的转换也还是有\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。<br \u002F><br \u002F>\u003Cbr \u002F\u003E\n<br \u002F>\u003Cbr \u002F\u003E\n<br \u002F>\u003Cbr \u002F\u003E\n<br \u002F>\u003Cbr \u002F\u003E\n<br \u002F>\u003Cbr \u002F\u003E\n<br \u002F>\u003Cbr \u002F\u003E\n   企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场需求,产品不断更新,提供了各种特色的产品。为了方便用户,本厂免费提供相关资料和技术咨询服务,欢迎来人来电来函洽谈业务。<br \u002F><br \u002F>\u003Cbr \u002F\u003E\n主要产品:气球 彩虹拱门 吉祥物卡通、活动气偶 .............","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F17.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","nickname":"SHANDIANDIAN","selfdesc":"","createdate":"2007-03-23 19:28:00","days":"6243","years":"17","username":"SHANDIANDIAN","school":null,"company":null,"job":null},"userName":"SHANDIANDIAN","event":"创建了帖子","body":"2008-04-29 11:27","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":12,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"是用网页直接输出的话,那肯定是要 和<br \u002F>等的了,不然的话他只会在源码里显示你所想要的格式\u003Cbr \u002F\u003E\n在后台编辑的时候你是用的text文本框吧?可以这样试一下,在后台text文本框里显示的时候把 和<br \u002F>转换成相应的ascii码,这样在文本框里就正常了,那么在提交到数据库里面的时候把这些ascii码转换成相应的html代码就行了,以前在没用fckeditor等编辑器的时候我就是这样做的","topicTitle":null,"description":"是用网页直接输出的话,那肯定是要和\u003Cbr \u002F\u003E等的了,不然的话他只会在源码里显示你所想要的格式 在后台编辑的时候你是用的text文本框吧?可以这样试一下,在后台text文本框里显示的时候把和\u003Cbr \u002F\u003E转换成相应的ascii码,这样在文本框里就正常了,那么在提交到数据库里面的时候把这些ascii码转换成相应的html代码就行了,以前在没用fckeditor等编辑器的时候我就是这样做的","id":211155646,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"cheson","userNickName":"cheson","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2032256458,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-05-06 01:29:22","updateTime":"2008-05-06 01:29:37","formatTime":"2008-05-06","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"在顶一次~~~","topicTitle":null,"description":"在顶一次~~~","id":210996413,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3661707467,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-05-02 06:57:18","updateTime":"2008-05-02 06:57:14","formatTime":"2008-05-02","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"<?\u003Cbr \u002F\u003E\n $string = "丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 <br \u002F> <br \u002F><br \u002F><br \u002F><br \u002F><br \u002F><br \u002F> 企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场需求,产品不断更新,提供了各种特色的产品。为了方便用户,本厂免费提供相关资料和技术咨询服务,欢迎来人来电来函洽谈业务。 <br \u002F> <br \u002F> 主要产品:气球 彩虹拱门 吉祥物卡通、活动气偶 .............";\u003Cbr \u002F\u003E\n $string = preg_replace("#<br.+?>#is",chr(10).chr(13),$string);\u003Cbr \u002F\u003E\n $string = str_replace(" "," ",$string);\u003Cbr \u002F\u003E\n echo $string;\u003Cbr \u002F\u003E\n?>","topicTitle":null,"description":"\u003C? $string = \"丝网印刷,造型别致、形象逼真、产品齐全。本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E\u003Cbr \u002F\u003E\u003Cbr \u002F\u003E\u003Cbr \u002F\u003E\u003Cbr \u002F\u003E\u003Cbr \u002F\u003E企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场需求,产品不断更新,提供了各种特色的产品。为了方便用户,本","id":210908036,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"cheson","userNickName":"cheson","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2032256458,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-30 11:35:09","updateTime":"2008-04-30 11:35:14","formatTime":"2008-04-30","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote=引用 9 楼 cheson 的回复:]\u003Cbr \u002F\u003E\n<? \u003Cbr \u002F\u003E\n $string = "丝网印刷,造型别致、形象逼真、产品齐全。 本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 <br \u002F> <br \u002F> <br \u002F> <br \u002F> <br \u002F> <br \u002F> <br \u002F> 企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满足市场…\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n你这个代码在后台编辑的时候,显示正常. 但是在前台显示的时候却全挤在一块去了,没空格,也没换行了.我前台显示没用TEXT 文本框,是直接输出网页的","topicTitle":null,"description":"[Quote=引用 9 楼 cheson 的回复:] \u003C? $string = \"丝网印刷,造型别致、形象逼真、产品齐全。本厂采用PE\u002FPA复合膜、PVC、牛津布、涂层牛津布、增强涂层牛津布等优质材料。 \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E \u003Cbr \u002F\u003E企业主导产品――升空氢气球、彩虹门、吉祥物、卡通造型等充气模型,以“最优的产品、最低的价格、最好的服务”赢得市场。现成为各气象部门、广告公司、各大知名企业,为西部市场增添了空白。本企业不断完善机制,满","id":210930457,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1032053532,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-30 06:33:18","updateTime":"2008-04-30 06:33:23","formatTime":"2008-04-30","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"你的$show[jieshao]中的值是什么?","topicTitle":null,"description":"你的$show[jieshao]中的值是什么?","id":210873232,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"zmouki","userNickName":"zmouki","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fcbccd96a21fb485ea577e6c5e158e51a_zmouki.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1946354357,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 12:13:31","updateTime":"2008-04-29 12:13:36","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"<br \u002F><br \u002F><br \u002F><br \u002F>\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n这些东西怎烦,搞了一个上午还没解决掉","topicTitle":null,"description":"\u003Cbr\u002F\u003E\u003Cbr\u002F\u003E\u003Cbr\u002F\u003E\u003Cbr\u002F\u003E 这些东西怎烦,搞了一个上午还没解决掉","id":210871519,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":993986878,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 11:28:16","updateTime":"2008-04-29 11:28:21","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"\u003Cpre\u003E\u003Ccode class=\"language-PHP\"\u003E<?PHP\u003Cbr \u002F\u003E\n$updateGoodsMsg=trim(str_replace("\\r\\n","",$_REQUEST["edit"]));\u003Cbr \u002F\u003E\necho "string1 is: ".$updateGoodsMsg;\u003Cbr \u002F\u003E\necho "<br>-------------<br>";\u003Cbr \u002F\u003E\necho "string2 is: ".str_replace ("<br \u002F>","",$updateGoodsMsg);\u003Cbr \u002F\u003E\n?>\u003Cbr \u002F\u003E\n<html>\u003Cbr \u002F\u003E\n <body>\u003Cbr \u002F\u003E\n <form method="POST" name="form" id="form">\u003Cbr \u002F\u003E\n <textarea cols="30" rows="4" name="edit" id="edit"><\u002Ftextarea>\u003Cbr \u002F\u003E\n <input type="submit" name="sub" value="sub">\u003Cbr \u002F\u003E\n <\u002Fform>\u003Cbr \u002F\u003E\n <\u002Fbody>\u003Cbr \u002F\u003E\n<\u002Fhtml>\u003C\u002Fcode\u003E\u003C\u002Fpre\u003E\u003Cbr \u002F\u003E\n输入:ABCD<br \u002F>abc \u002F\u002FABCDabc \u003Cbr \u002F\u003E\n ABCD+回车+abc \u002F\u002FABCDabc\u003Cbr \u002F\u003E\n给你个小例子,看看是不是你想要的?","topicTitle":null,"description":"\u003C?PHP $updateGoodsMsg=trim(str_replace(\"\\r\\n\",\"\",$_REQUEST[\"edit\"])); echo \"string1 is: \".$updateGoodsMsg; echo \"\u003Cbr\u003E-------------\u003Cbr\u003E\"; echo \"string2 is: \".str_replace (\"\u003Cbr \u002F\u003E\",\"\",$updateGoodsMsg); ?\u003E \u003Chtml\u003E \u003Cbody\u003E \u003Cform method=\"POST\" name=\"form\" i","id":210885440,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"zmouki","userNickName":"zmouki","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fcbccd96a21fb485ea577e6c5e158e51a_zmouki.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1946354357,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 05:13:31","updateTime":"2008-04-29 05:13:36","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote=引用 2 楼 zmouki 的回复:]\u003Cbr \u002F\u003E\n你的$show[jieshao]中的值是什么?\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n$show[jieshao] 的值就是网页的内容啊","topicTitle":null,"description":"[Quote=引用 2 楼 zmouki 的回复:] 你的$show[jieshao]中的值是什么? [\u002FQuote] $show[jieshao] 的值就是网页的内容啊","id":210883787,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":993986878,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 04:34:08","updateTime":"2008-04-29 04:34:14","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote=引用 2 楼 zmouki 的回复:]\u003Cbr \u002F\u003E\n你的$show[jieshao]中的值是什么?\u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n$show[jieshao] 的值就是网页的内容啊","topicTitle":null,"description":"[Quote=引用 2 楼 zmouki 的回复:] 你的$show[jieshao]中的值是什么? [\u002FQuote] $show[jieshao] 的值就是网页的内容啊","id":210883778,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":993986878,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 04:34:01","updateTime":"2008-04-29 04:34:06","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"[Quote=引用 3 楼 fxs_2008 的回复:]\u003Cbr \u002F\u003E\n $str=htmlspecialchars($show[jieshao]); \u003Cbr \u002F\u003E\n空格转成 \u003Cbr \u002F\u003E\n再把这个转回! \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n不用那么麻烦,不要用那么多的函数 \u003Cbr \u002F\u003E\n真接替换空格输出就行了 \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n $str=$show[jieshao]); \u003Cbr \u002F\u003E\n $str=ereg_replace(" ",'';",$str); \u003Cbr \u002F\u003E\n $str=$str; \u003Cbr \u002F\u003E\n[\u002FQuote]\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n那我换行呢???","topicTitle":null,"description":"[Quote=引用 3 楼 fxs_2008 的回复:] $str=htmlspecialchars($show[jieshao]); 空格转成 再把这个转回! 不用那么麻烦,不要用那么多的函数 真接替换空格输出就行了 $str=$show[jieshao]); $str=ereg_replace(\" \",'';\",$str); $str=$str; [\u002FQuote] 那我换行呢???","id":210883745,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":993986878,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 04:33:21","updateTime":"2008-04-29 04:33:27","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"我怎么看不到回复,郁闷~~ CSDN 就这样啊??","topicTitle":null,"description":"我怎么看不到回复,郁闷~~ CSDN 就这样啊??","id":210883715,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"SHANDIANDIAN","userNickName":"SHANDIANDIAN","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":993986878,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 04:32:33","updateTime":"2008-04-29 04:32:38","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":" $str=htmlspecialchars($show[jieshao]); \u003Cbr \u002F\u003E\n空格转成\u003Cbr \u002F\u003E\n再把这个转回!\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n不用那么麻烦,不要用那么多的函数\u003Cbr \u002F\u003E\n真接替换空格输出就行了\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n $str=$show[jieshao]);\u003Cbr \u002F\u003E\n $str=ereg_replace(" ",'';",$str);\u003Cbr \u002F\u003E\n $str=$str; \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n","topicTitle":null,"description":" $str=htmlspecialchars($show[jieshao]); 空格转成 再把这个转回! 不用那么麻烦,不要用那么多的函数 真接替换空格输出就行了 $str=$show[jieshao]); $str=ereg_replace(\" \",'';\",$str); $str=$str; ","id":210875238,"contentResourceId":220059540,"bindContentResourceId":0,"communityId":255,"username":"fxs_2008","userNickName":"fxs_2008","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3707315970,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2008-04-29 01:09:15","updateTime":"2008-04-29 01:09:20","formatTime":"2008-04-29","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1414,"recommends":[{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365","title":"前端css+html+布局笔记","desc":"详尽的前端笔记,包含html和css部分,由xmind8做的笔记。css部分:编写的位置\n\t1.内联样式\n\t\t将样式编写到标签的style属性\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E\n\t\t这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用\n\t2.内部样式表\n\t\t将样式表编写到head\u003Cem\u003E中\u003C\u002Fem\u003E的style标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cstyle type=\"text\u002Fcss\"\u003E\u003C\u002Fstyle\u003E\n\t\t使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护\n\t3.外部样式表\n\t\t将样式表编写到外部的CSS文件\u003Cem\u003E中\u003C\u002Fem\u003E,然后通过link标签将外部文件引入\n\t\t\u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"文件的路径\"\u002F\u003E\n\t\t将样式编写到外部样式表\u003Cem\u003E中\u003C\u002Fem\u003E,可以在不同的页面\u003Cem\u003E中\u003C\u002Fem\u003E使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式\n编写的位置\n\t1.内联样式\n\t\t将样式编写到标签的style属性\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E\n\t\t这种样式只会对当前标签起作用,不能对样式进行复用,不方便后期维护,不推荐使用\n\t2.内部样式表\n\t\t将样式表编写到head\u003Cem\u003E中\u003C\u002Fem\u003E的style标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t\t\u003Cstyle type=\"text\u002Fcss\"\u003E\u003C\u002Fstyle\u003E\n\t\t使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护\n\t3.外部样式表\n\t\t将样式表编写到外部的CSS文件\u003Cem\u003E中\u003C\u002Fem\u003E,然后通过link标签将外部文件引入\n\t\t\u003Clink rel=\"stylesheet\" type=\"text\u002Fcss\" href=\"文件的路径\"\u002F\u003E\n\t\t将样式编写到外部样式表\u003Cem\u003E中\u003C\u002Fem\u003E,可以在不同的页面\u003Cem\u003E中\u003C\u002Fem\u003E使用同一个样式表,完全将表现和结构分离,方便后期的维护,推荐使用的方式\n基本语法\n\t选择器\n\t\t通过选择器可以选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的一组元素,然后为其设置样式\n\t\t元素选择器\n\t\t\t根据标签名,选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的指定元素\n\t\t\t语法:标签名{ }\n\t\t\t例子:\n\t\t\t\tdiv{}\n\t\t\t\tp{}\n\t\t\t\th1{}\n\t\tid选择器\n\t\t\t根据元素的id属性值选\u003Cem\u003E中\u003C\u002Fem\u003E一个唯一的元素\n\t\t\t语法:#id {}\n\t\t\t例子:\n\t\t\t\t#box1{}\n\t\t\t\t#hello{}\n\t\t类选择器\n\t\t\t根据元素的class属性值,选\u003Cem\u003E中\u003C\u002Fem\u003E一组元素\n\t\t\t语法:.class{}\n\t\t\t例子:\n\t\t\t\t.hello{}\n\t\t\t\t.box{}\n\t\t通配选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E页面\u003Cem\u003E中\u003C\u002Fem\u003E的所有元素\n\t\t\t语法:*{}\n\t\t\t通配选择器的性能比较差,尽量避免使用\n\t\t并集选择器\n\t\t\t可以同时选\u003Cem\u003E中\u003C\u002Fem\u003E符合多个选择器的元素\n\t\t\t语法:选择器1,选择器2,选择器N{}\n\t\t\t例子:\n\t\t\t\tdiv,p,#box,.hello{}\n\t\t交集选择器\n\t\t\t可以选\u003Cem\u003E中\u003C\u002Fem\u003E满足多个条件的元素\n\t\t\t语法:选择器1选择器2选择器N{}\n\t\t\t例子:p.hello{}\n\t\t后代元素选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E指定元素的指定后代元素\n\t\t\t语法:祖先元素 后代元素{}\n\t\t\t例子:\n\t\t\t\tdiv span {}\n\t\t\t\tdiv p{}\n\t\t子元素选择器\n\t\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E指定元素的指定子元素\n\t\t\t语法:父元素 \u003E 子元素 {}\n\t\t\t例子:\n\t\t\t\tdiv \u003E span {}\n\t\t\t\tdiv \u003E p{}\n\t声明块\n\t\t声明块\u003Cem\u003E中\u003C\u002Fem\u003E实际上就是一个一个CSS声明\n\t\t声明\n\t\t\t每一个CSS声明都是一个样式,实际上就是一个名值对的结构\n\t\t\t名和值之间使用:链接\n\t\t\t:左边是样式的名字\n\t\t\t:右边是样式的值\n\t\t\t每一个声明以;结尾\n\t\t\t例子\n\t\t\t\tcolor:red;\n\t\t\t\tfont-size:20px;\n元素之间的关系\n\t父元素\n\t\t直接包含子元素的的元素叫做父元素\n\t子元素\n\t\t直接被父元素包含的元素叫做子元素\n\t祖先元素\n\t\t直接或间接包含后代元素的元素叫做祖先元素,父元素也是祖先元素\n\t后代元素\n\t\t直接或间接被祖先元素包含的元素叫后代元素,子元素也是后代元素\n\t兄弟元素\n\t\t拥有相同父元素的元素叫做兄弟元素\n块元素和内联元素\n\t块元素\n\t\t块元素会独占页面\u003Cem\u003E中\u003C\u002Fem\u003E的一行,无论他的内容的多少\n\t\t一般使用块元素对页面进行布局\n\t\t常见的块元素\n\t\t\tdiv\n\t\t\tp\n\t\t\th1~h6\n\t内联元素\n\t\t内联元素只占用自身的大小,不会独占一行\n\t\t内联元素也叫行内元素(inline)\n\t\t一般内联元素都是用来为文本来设置效果\n\t\t常见的内联\n\t\t\tspan\n\t\t\ta\n\t\t\timg\n\t包裹规则\n\t\t一般都是使用块元素去包裹内联元素,而不会使用内联去包裹块元素\n\t\ta元素可以包含任意元素,除了a本身\n\t\tp元素不能包含任何块元素\n伪类和伪元素\n\t伪类和伪元素用来表示元素所处的一个特殊的状态,或者是一个特殊的位置\n\t:link\n\t\t表示一个普通的链接(未访问过的链接)\n\t:visited\n\t\t表示访问过的链接\n\t:hover\n\t\t鼠标移入的链接,也可以为其他元素设置hover\n\t:active\n\t\t正在被点击的链接,也可以为其他元素设置active\n\t:focus\n\t\t表示元素获取焦点的状态,一般用于文本框\n\t::selection\n\t\t表示内容被选\u003Cem\u003E中\u003C\u002Fem\u003E的状态\n\t\t在火狐\u003Cem\u003E中\u003C\u002Fem\u003E使用::-moz-selection来代替\n\t:first-letter\n\t\t表示第一个字符\n\t:first-line\n\t\t表示文字的第一行\n\t:before\n\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E元素的最前边\n\t\t一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容\n\t:after\n\t\t选\u003Cem\u003E中\u003C\u002Fem\u003E元素的最后边\n\t\t一般该伪类都会结合content一起使用,通过content可以向指定位置添加内容\n属性选择器\n\t根据元素的属性选择指定元素\n\t[属性名]\n\t\t选取含有指定属性的元素\n\t[属性名=\"属性值\"]\n\t\t选取属性值等于指定值的元素\n\t[属性名^=\"属性值\"]\n\t\t选取属性值以指定内容开头的元素\n\t[属性名$=\"属性值\"]\n\t\t选取属性值以指定内容结尾的元素\n\t[属性名*=\"属性值\"]\n\t\t选取属性值\u003Cem\u003E中\u003C\u002Fem\u003E包含指定内容的元素\n兄弟元素选择器\n\t选取后一个兄弟元素\n\t\t前一个 + 后一个\n\t选取后边所有的兄弟元素\n\t\t前一个 ~ 后边所有\n子元素的伪类\n\t:first-child\n\t\t寻找父元素的第一个子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t:last-child\n\t\t寻找父元素的最后一个子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t:nth-child\n\t\t寻找父元素\u003Cem\u003E中\u003C\u002Fem\u003E的指定位置子元素,在所有的子元素\u003Cem\u003E中\u003C\u002Fem\u003E排序\n\t\t例子\n\t\t\tp:nth-child(3)\n\t\t\t可以使用even,来找到偶数的子元素\n\t\t\t可以使用odd,来找到奇数的子元素\n\t:first-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的第一个子元素\n\t:last-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的最后一个子元素\n\t:nth-of-type\n\t\t寻找指定类型\u003Cem\u003E中\u003C\u002Fem\u003E的指定子元素\n否定伪类\n\t从一组元素\u003Cem\u003E中\u003C\u002Fem\u003E将符合要求的元素剔除出去\n\t语法:\n\t\t:not(选择器)\n\t例子:\n\t\t.abc:not(div)\nHTML,超文本标记语言\n负责页面\u003Cem\u003E中\u003C\u002Fem\u003E的结构,定义出页面\u003Cem\u003E中\u003C\u002Fem\u003E的各个组成部分\nHTML是采用纯文本的形式的编写,采用HTML标签来标识出页面\u003Cem\u003E中\u003C\u002Fem\u003E的不同部分\n标签\n\t成对出现\n\t\t\u003C标签名\u003E\u003C\u002F标签名\u003E\n\t自结束标签\n\t\t\u003C标签名 \u002F\u003E\n属性\n\t通过属性可以设置标签的效果\n\t属性需要定义在开始标签\u003Cem\u003E中\u003C\u002Fem\u003E或这自结束标签\u003Cem\u003E中\u003C\u002Fem\u003E\n\t属性实际上是一组一组名值对结构\n\t例子:\n\t\t\u003C标签名 属性名=\"属性值\" 属性名=\"属性值\"\u003E\u003C\u002F标签名\u003E\n\t\t\u003C标签名 属性名=\"属性值\" 属性名=\"属性值\" \u002F\u003E\nHTML页面的基本结构\n常用标签\n\t\u003Chtml\u003E\n\t\t\u003Cem\u003E网页\u003C\u002Fem\u003E的根标签\n\t\t一个页面\u003Cem\u003E中\u003C\u002Fem\u003E有且只有一个根标签\n\t\t\u003Cem\u003E网页\u003C\u002Fem\u003E\u003Cem\u003E中\u003C\u002Fem\u003E的所有内容都需要写在html标签的内部\n\t\u003Chead\u003E\n\t\t\u003Cem\u003E网页\u003C\u002Fem\u003E的头部\n\t\t该标签\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会在\u003Cem\u003E网页\u003C\u002Fem\u003E\u003Cem\u003E中\u003C\u002Fem\u003E直接显示\n\t\t该标签用于帮助浏览器解析页面\n\t\t子标签\n\t\t\t\u003Ctitle\u003E\n\t\t\t\t用来设置\u003Cem\u003E网页\u003C\u002Fem\u003E的标题\n\t\t\t\t默认会在浏览器的标题栏\u003Cem\u003E中\u003C\u002Fem\u003E显示\n\t\t\t\t搜索引擎检索\u003Cem\u003E网页\u003C\u002Fem\u003E时,会主要检索title\u003Cem\u003E中\u003C\u002Fem\u003E的内容,它会影响到页面在搜索引擎\u003Cem\u003E中\u003C\u002Fem\u003E的排名\n\t\t\t\u003Cmeta\u003E\n\t\t\t\t用来设置\u003Cem\u003E网页\u003C\u002Fem\u003E的元数据,比如\u003Cem\u003E网页\u003C\u002Fem\u003E使用的字符集\n\t\t\t\t\t\u003Cmeta charset=\"utf-8\" \u002F\u003E\n\t\t\t\t设置\u003Cem\u003E网页\u003C\u002Fem\u003E的关键字\n\t\t\t\t\t\u003Cmeta name=\"keywords\" content=\"关键字,关键字,关键字,关键字\"\u002F\u003E\n\t\t\t\t设置\u003Cem\u003E网页\u003C\u002Fem\u003E的描述\n\t\t\t\t\t\u003Cmeta name=\"description\" content=\"\u003Cem\u003E网页\u003C\u002Fem\u003E的描述\"\u002F\u003E\n\t\t\t\t请求的重定向\n\t\t\t\t\t\u003Cmeta http-equiv=\"refresh\" content=\"秒数;url=地址\" \u002F\u003E\n\t\u003Cbody\u003E\n\t\t\u003Cem\u003E网页\u003C\u002Fem\u003E的主体\n\t\t\u003Cem\u003E网页\u003C\u002Fem\u003E\u003Cem\u003E中\u003C\u002Fem\u003E所有的可见部分都需要在body\u003Cem\u003E中\u003C\u002Fem\u003E编写\n\t\u003Ch1\u003E ~ \u003Ch6\u003E\n\t\t标题标签\n\t\t在html\u003Cem\u003E中\u003C\u002Fem\u003E一共有六级标题\n\t\t六级标题\u003Cem\u003E中\u003C\u002Fem\u003E,h1最重要,h6最不重要,一般页面\u003Cem\u003E中\u003C\u002Fem\u003E只会使用h1~h3\n\t\th1的重要性仅次于title,浏览器也会主要检索h1\u003Cem\u003E中\u003C\u002Fem\u003E的内容,以判断页面的主要内容\n\t\t一般一个页面\u003Cem\u003E中\u003C\u002Fem\u003E只能写一个h1\n\t\u003Cp\u003E\n\t\t段落标签\n\t\u003C\u003Cem\u003Ebr\u003C\u002Fem\u003E \u002F\u003E\n\t\t换行标签\n\t\u003Chr \u002F\u003E\n\t\t水平线标签\n\t内联框架\n\t\t可以向一个页面\u003Cem\u003E中\u003C\u002Fem\u003E引入其他的外部页面\n\t\t\u003Ciframe\u003E\u003C\u002Fiframe\u003E\n\t\t属性\n\t\t\tsrc\n\t\t\t\t外部页面的地址,可以使用相对路径\n\t\t\twidth和height\n\t\t\t\t可以设置框架的宽度和高度\n\t\t\tname\n\t\t\t\t可以为内联框架指定一个名字\n\t\t\t\t可以将该属性值设置为超链接的target属性的值\n\t\t\t\t这样当点击超链接时,页面将会在相应的内联框架\u003Cem\u003E中\u003C\u002Fem\u003E打开\n\t\t内联框架\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会被搜索引擎所检索,所以开发\u003Cem\u003E中\u003C\u002Fem\u003E尽量不要使用内联框架\n\t超链接\n\t\t可以使当前页面跳转到其他的页面\n\t\t\u003Ca\u003E链接的文字\u003C\u002Fa\u003E\n\t\t属性\n\t\t\thref\n\t\t\t\t指向链接跳转的目标地址,可以是一个相对路径\n\t\t\t\t还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置\n\t\t\t\t可以使用mailto:来创建一个发送电子邮件的超链接\n\t\t\ttarget\n\t\t\t\t指定在哪个窗口\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t\t\t可选值\n\t\t\t\t\t_self\n\t\t\t\t\t\t默认值,默认在当前窗口打开链接\n\t\t\t\t\t_blank\n\t\t\t\t\t\t在新窗口\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n\t\t\t\t\t内联框架的name属性值\n\t\t\t\t\t\t在指定的内联框架\u003Cem\u003E中\u003C\u002Fem\u003E打开链接\n注释\n\t语法\n\t\t\u003C!-- 注释内容 --\u003E\n\t注释\u003Cem\u003E中\u003C\u002Fem\u003E的内容不会在页面\u003Cem\u003E中\u003C\u002Fem\u003E显示,但是会在源码\u003Cem\u003E中\u003C\u002Fem\u003E显示,我们可以通过注释来说明\u003Cem\u003E网页\u003C\u002Fem\u003E的代码\n\t也可以通过注释隐藏一些页面\u003Cem\u003E中\u003C\u002Fem\u003E不想显示的内容\n实体\n\t在HTML页面\u003Cem\u003E中\u003C\u002Fem\u003E一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号\n\t实体也可以称为转义字符\n\t实体的语法\n\t\t&实体名;\n\t常用的实体\n\t\t空格\n\t\t\t&\u003Cem\u003Enbsp\u003C\u002Fem\u003E;\n\t\t\u003C\n\t\t\t<\n\t\t\u003E\n\t\t\t>\n\t\t版权符号\n\t\t\t©\n图片标签\n\t\u003Cimg \u002F\u003E\n\t使用图片标签可以向页面\u003Cem\u003E中\u003C\u002Fem\u003E引入一个外部图片\n\t属性\n\t\tsrc\n\t\t\t指向一个外部图片的路径,可以使用相对路径\n\t\talt\n\t\t\t指定一个在图片无法加载时对图片的描述\n\t\t\t搜索引擎主要通过该属性来识别图片的内容\n\t\t\t如果不写该属性则搜索引擎会对图片进行收录\n\t\twidth\n\t\t\t设置图片的宽度\n\t\theight\n\t\t\t设置图片的高度\n\t图片的格式\n\t\tJPEG\n\t\t\t颜色丰富的图片,如,照片\n\t\tGIF\n\t\t\t颜色单一,简单透明的图片,动态图\n\t\tPNG\n\t\t\t颜色丰富,复杂透明的图片\n\t\t图片选择的原则\n\t\t\t效果一致,用小的\n\t\t\t效果不一致,用效果好的\n相对路径\n\t相对于当前资源所在的目录的路径\n\t可以使用..\u002F返回一级目录,返回几级使用几个..\u002F\nxHtml语法规范\n\t1.HTML\u003Cem\u003E中\u003C\u002Fem\u003E不区分大小写,但是尽量使用小写\n\t2.HTML的注释不能嵌套\n\t3.标签必须结构完整\n\t\t要么成对出现\n\t\t要么自结束标签\n\t4.标签可以嵌套但是不能交叉嵌套\n\t5.属性必须有值,且值必须加引号,单引号双引号都可以\n文本标签\n\t\u003Cem\u003E\n\t\t表示语气上的强调\n\t\u003Cstrong\u003E\n\t\t表示内容的重要性\n\t\u003Ci\u003E\n\t\t表示单纯的斜体\n\t\u003Cb\u003E\n\t\t表示单纯的加粗\n\t\u003Csmall\u003E\n\t\t表示细则一类的内容\n\t\u003Ccite\u003E\n\t\t表示参考的内容,凡是加书名号的都可以使用cite\n\t\u003Cq\u003E\n\t\t短引用,行内引用\n\t\u003Cblockquote\u003E\n\t\t长引用,块级引用\n\t\u003Csup\u003E\n\t\t上标\n\t\u003Csub\u003E\n\t\t下标\n\t\u003Cdel\u003E\n\t\t删除的内容\n\t\u003Cins\u003E\n\t\t插入的内容\n\t\u003Cpre\u003E\n\t\t预格式标签,可以保留代码\u003Cem\u003E中\u003C\u002Fem\u003E空格换行这些格式\n\t\u003Ccode\u003E\n\t\t表示程序代码\n列表\n\t无序列表\n\t\t使用ul来创建一个无序列表,在列表\u003Cem\u003E中\u003C\u002Fem\u003E使用li来表示一个列表项\n\t\t无序列表使用符号作为项目符号\n\t有序列表\n\t\t使用ol来创建一个无序列表,在列表\u003Cem\u003E中\u003C\u002Fem\u003E使用li来表示一个列表项\n\t\t使用有序的序号作为项目符号\n\t定义列表\n\t列表相关的元素都是块元素,他们之间可以互相嵌套\n\t去除项目符号\n\t\tlist-style:none","createTime":"2017-09-14 20:03:59","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fhgx_suiyuesusu\u002F9979365\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-9979365-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fbobbykey\u002F10261945","title":"从入门到精通HTML5——PDF——网盘链接","desc":"第1篇 HTML基础\n  第1章 HTML基础 3\n  教学录像:22分钟\n  1.1 HTML的基本概念 4\n  1.2 HTML发展史 4\n  1.3 HTML的基本结构 5\n  1.3.1 HTML文件的编写方法 5\n  1.3.2 文件开始标签<html> 7\n  1.3.3 文件头部标签<head> 7\n  1.3.4 文件标题标签<title> 7\n  1.3.5 文件主体标签<body> 7\n  1.3.6 编写文件的注意事项 8\n  1.4 编写第一个HTML文件 8\n  1.4.1 HTML文件的编写方法 8\n  1.4.2 手工编写页面 9\n  1.4.3 使用可视化软件制作页面 10\n  1.4.4 使用浏览器浏览HTML文件 14\n  1.4.5 使用HTML开发的明日图书网 14\n  1.5 小结 15\n  1.6 习题 16\n  第2章 HTML文件基本标记 17\n  教学录像:44分钟\n  2.1 HTML头部标记 18\n  2.2 标题标记<title> 18\n  2.3 元信息标记<meta> 19\n  2.3.1 设置页面关键字 19\n  2.3.2 设置页面描述 20\n  2.3.3 设置编辑工具 20\n  2.3.4 设定作者信息 21\n  2.3.5 限制搜索方式 22\n  2.3.6 设置\u003Cem\u003E网页\u003C\u002Fem\u003E文字及语言 22\n  2.3.7 设置\u003Cem\u003E网页\u003C\u002Fem\u003E的定时跳转 23\n  2.3.8 设定有效期限 24\n  2.3.9 禁止从缓存\u003Cem\u003E中\u003C\u002Fem\u003E调用 24\n  2.3.10 删除过期的cookie 25\n  2.3.11 强制打开新窗口 25\n  2.3.12 设置\u003Cem\u003E网页\u003C\u002Fem\u003E的过渡效果 26\n  2.4 基底网址标记<base> 29\n  2.5 页面的主体标记<body> 30\n  2.5.1 设置文字颜色——text 31\n  2.5.2 背景颜色属性——bgcolor 32\n  2.5.3 背景图像属性——background 32\n  2.5.4 设置链接文字属性——link 35\n  2.5.5 设置边距——margin 37\n  2.6 页面的注释标记 38\n  2.7 实例演练——创建基本的HTML\u003Cem\u003E网页\u003C\u002Fem\u003E 38\n  2.8 小结 39\n  2.9 习题 40\n  第3章 设计\u003Cem\u003E网页\u003C\u002Fem\u003E文本内容 41\n  教学录像:29分钟\n  3.1 标题文字的建立 42\n  3.1.1 标题文字标记<h> 42\n  3.1.2 标题文字的对齐方式——align 43\n  3.2 设置文字格式 44\n  3.2.1 设置文字字体——face 44\n  3.2.2 设置字号——size 45\n  3.2.3 设置文字颜色——color 46\n  3.2.4 粗体、斜体、下划线——strong、em、u 46\n  3.2.5 上标与下标——sup、sub 47\n  3.2.6 设置删除线——strike 48\n  3.2.7 等宽文字标记——code 49\n  3.2.8 空格——&\u003Cem\u003Enbsp\u003C\u002Fem\u003E; 49\n  3.2.9 其他特殊符号 50\n  3.3 设置段落格式 51\n  3.3.1 段落标记——p 51\n  3.3.2 取消文字换行标记——no\u003Cem\u003Ebr\u003C\u002Fem\u003E 52\n  3.3.3 换行标记——\u003Cem\u003Ebr\u003C\u002Fem\u003E 53\n  3.3.4 保留原始排版方式标记——pre 53\n  3.3.5 居\u003Cem\u003E中\u003C\u002Fem\u003E对齐标记——center 54\n  3.3.6 向右缩进标记——blockquote 55\n  3.4 水平线标记 56\n  3.4.1 添加水平线——hr 56\n  3.4.2 设置水平线的宽度与高度\n  ——width、height 57\n  3.4.3 设置水平线的颜色——color 58\n  3.4.4 设置水平线的对齐方式——align 59\n  3.4.5 \u003Cem\u003E去掉\u003C\u002Fem\u003E水平线阴影——noshade 60\n  3.5 其他文字标记 60\n  3.5.1 文字标注标记——ruby 60\n  3.5.2 声明变量标记——var 61\n  3.5.3 忽视HTML标记\n  ——plaintext、xmp 62\n  3.6 小结 63\n  3.7 习题 63\n  第4章 使用列表 65\n  教学录像:35分钟\n  4.1 列表的标记 66\n  4.2 使用无序列表 66\n  4.2.1 无序列表标记——ul 66\n  4.2.2 无序列表的符号类型——type 67\n  4.3 使用有序列表 69\n  4.3.1 有序列表标记——ol 69\n  4.3.2 有序列表的属性——type 70\n  4.3.3 有序列表的起始数值——start 72\n  4.4 定义列表标记——dl 73\n  4.5 菜单列表标记——menu 74\n  4.6 目录列表——dir 75\n  4.7 使用嵌套列表 76\n  4.7.1 定义列表的嵌套 77\n  4.7.2 无序列表和有序列表的嵌套 78\n  4.8 小结 79\n  4.9 习题 80\n  第5章 超链接 81\n  教学录像:22分钟\n  5.1 超链接的基本知识 82\n  5.1.1 超链接 82\n  5.1.2 绝对路径 82\n  5.1.3 相对路径 82\n  5.2 超链接的建立 83\n  5.2.1 超链接标记的基本语法 83\n  5.2.2 建立文本超链接 83\n  5.2.3 设置超链接的目标窗口 85\n  5.3 内部链接 87\n  5.4 书签链接 89\n  5.4.1 建立书签 89\n  5.4.2 链接到同一页面的书签 91\n  5.4.3 链接到不同页面的书签 92\n  5.5 外部链接 93\n  5.5.1 通过HTTP协议 94\n  5.5.2 通过FTP 94\n  5.5.3 发送E-mail 95\n  5.5.4 下载文件 96\n  5.6 其他链接 98\n  5.6.1 脚本链接 98\n  5.6.2 空链接 99\n  5.7 小结 99\n  5.8 习题 100\n  第6章 使用图像 101\n  教学录像:35分钟\n  6.1 图像的基本格式 102\n  6.2 添加图像——img 102\n  6.3 设置图像属性 103\n  6.3.1 图像高度——height 103\n  6.3.2 图像宽度——width 104\n  6.3.3 图像边框——border 105\n  6.3.4 图像水平间距——hspace 107\n  6.3.5 图像垂直间距——vspace 108\n  6.3.6 图像相对于文字基准线的对齐方式\n  ——align 108\n  6.3.7 图像的提示文字——alt 110\n  6.4 图像的超链接 111\n  6.4.1 设置图像的超链接 111\n  6.4.2 设置图像热区链接 112\n  6.5 小结 116\n  6.6 习题 116\n  第7章 表格的应用 118\n  教学录像:48分钟\n  7.1 创建表格 119\n  7.1.1 表格的基本构成——table、tr、td 119\n  7.1.2 表格的标题——caption 120\n  7.1.3 表格的表头——th 121\n  7.2 设置表格基本属性 123\n  7.2.1 表格的宽度——width 123\n  7.2.2 表格的高度——height 125\n  7.2.3 表格的对齐方式——align 126\n  7.3 设置表格的边框 127\n  7.3.1 表格边框的宽度——border 127\n  7.3.2 表格边框的颜色——bordercolor 128\n  7.3.3 表格内框的宽度——cellspacing 130\n  7.3.4 表格内文字与边框的间距\n  ——cellpadding 131\n  7.4 设置表格背景 132\n  7.4.1 表格的背景颜色——bgcolor 132\n  7.4.2 表格的背景图像——background 133\n  7.5 设置表格的行属性 134\n  7.5.1 高度的控制——height 134\n  7.5.2 行的边框颜色——bordercolor 135\n  7.5.3 行的背景颜色——bgcolor、background 136\n  7.5.4 行文字的水平对齐方式——align 137\n  7.5.5 行文字的垂直对齐方式——valign 139\n  7.5.6 表格标题的垂直对齐方式——align 140\n  7.6 调整单元格属性 141\n  7.6.1 单元格大小——width、height 141\n  7.6.2 单元格水平跨度——colspan 142\n  7.6.3 单元格垂直跨度——rowspan 143\n  7.6.4 单元格对齐方式——align、valign 144\n  7.6.5 单元格的背景色 146\n  7.6.6 单元格的边框颜色——bordercolor 147\n  7.6.7 单元格的亮边框——bordercolorlight 148\n  7.6.8 单元格的暗边框——bordercolordark 150\n  7.6.9 单元格的背景图像——background 151\n  7.7 表格的结构 152\n  7.7.1 表格的表头标记——thead 153\n  7.7.2 表格的表主体标记——tbody 154\n  7.7.3 表格的表尾标记——tfoot 156\n  7.8 表格的嵌套 157\n  7.9 小结 159\n  7.10 习题 159\n  第8章 层标记——div 161\n  教学录像:33分钟\n  8.1 层 162\n  8.1.1 层的分类 162\n  8.1.2 定义数据块 162\n  8.2 <div>标签 163\n  8.2.1 <div>标签的简介 163\n  8.2.2 <div>标签的属性 164\n  8.2.3 <span>标签与<div>标签 170\n  8.3 <iframe>标签 172\n  8.3.1 <iframe>标签的简介 172\n  8.3.2 <iframe>标签的属性 172\n  8.4 <layer>标签和<ilayer>标签 174\n  8.4.1 标签层的使用 175\n  8.4.2 <layer>标签和<ilayer>标签的区别 176\n  8.5 应用div制作下拉菜单导航条 176\n  8.6 小结 179\n  8.7 习题 179\n  第9章 编辑表单 181\n  教学录像:26分钟\n  9.1 使用表单标签——form 182\n  9.1.1 处理动作——action 182\n  9.1.2 表单名称——name 183\n  9.1.3 传送方法——method 183\n  9.1.4 编码方式——enctype 184\n  9.1.5 目标显示方式——target 185\n  9.2 添加控件 185\n  9.3 输入类的控件 186\n  9.3.1 文字字段——text 186\n  9.3.2 密码域——password 187\n  9.3.3 单选按钮——radio 188\n  9.3.4 复选框——checkbox 189\n  9.3.5 普通按钮——button 190\n  9.3.6 提交按钮——submit 191\n  9.3.7 重置按钮——reset 192\n  9.3.8 图像域——image 193\n  9.3.9 隐藏域——hidden 195\n  9.3.10 文件域——file 195\n  9.4 列表\u002F菜单标记 197\n  9.5 文本域标记——textarea 198\n  9.6 id标记 199\n  9.7 小结 200\n  9.8 习题 200\n  第10章 多媒体页面 202\n  视频讲解:18分钟\n  10.1 设置滚动文字 203\n  10.1.1 滚动文字标签——marquee 203\n  10.1.2 滚动方向属性——direction 203\n  10.1.3 滚动方式属性——behavior 204\n  10.1.4 滚动速度属性——scrollamount 205\n  10.1.5 滚动延迟属性——scrolldelay 206\n  10.1.6 滚动循环属性——loop 207\n  10.1.7 滚动范围属性——width、height 208\n  10.1.8 滚动背景颜色属性——bgcolor 209\n  10.1.9 滚动空间属性——hspace、vspace 209\n  10.2 添加背景音乐 211\n  10.2.1 设置背景音乐——bgsound 211\n  10.2.2 设置循环播放次数——loop 212\n  10.3 添加多媒体文件 213\n  10.3.1 添加多媒体文件标记——embed 213\n  10.3.2 设置自动运行——autostart 214\n  10.3.3 设置媒体文件的循环播放——loop 215\n  10.3.4 隐藏面板——hidden 216\n  10.3.5 添加其他类型的媒体文件 217\n  10.4 小结 217\n  10.5 习题 218\n  第2篇 HTML 5高级应用\n  第11章 HTML 5的新特性 221\n  视频讲解:6分钟\n  11.1 谁在开发HTML 5 222\n  11.2 HTML 5的新认识 222\n  11.2.1 兼容性 222\n  11.2.2 实用性和用户优先 222\n  11.2.3 化繁为简 223\n  11.3 无插件范式 223\n  11.4 HTML 5的新特性 224\n  11.5 小结 224\n  第12章 HTML 5与HTML 4的区别 225\n  视频讲解:51分钟\n  12.1 语法的改变 226\n  12.1.1 HTML 5的语法变化 226\n  12.1.2 HTML 5\u003Cem\u003E中\u003C\u002Fem\u003E的标记方法 226\n  12.1.3 HTML 5语法\u003Cem\u003E中\u003C\u002Fem\u003E的3个要点 227\n  12.1.4 标签实例 228\n  12.2 新增的元素和废除的元素 228\n  12.2.1 新增的结构元素 228\n  12.2.2 新增的块级的语义元素 230\n  12.2.3 新增的行内的语义元素 231\n  12.2.4 新增的嵌入多媒体元素与交互性元素 231\n  12.2.5 新增的input元素的类型 232\n  12.2.6 废除的元素 233\n  12.3 新增的属性和废除的属性 234\n  12.3.1 新增的属性 234\n  12.3.2 废除的属性 236\n  12.4 全局属性 237\n  12.4.1 contentEditable属性 237\n  12.4.2 designMode属性 238\n  12.4.3 hidden属性 239\n  12.4.4 spellcheck属性 239\n  12.4.5 tabindex属性 240\n  12.5 小结 240\n  12.6 习题 240\n  第13章 HTML 5的结构 242\n  视频讲解:20分钟\n  13.1 新增的主体结构元素 243\n  13.1.1 article元素 243\n  13.1.2 section元素 245\n  13.1.3 nav元素 247\n  13.1.4 aside元素 248\n  13.1.5 time元素 250\n  13.1.6 pubdate属性 250\n  13.2 新增的非主体结构元素 251\n  13.2.1 header元素 251\n  13.2.2 hgroup元素 252\n  13.2.3 footer元素 252\n  13.2.4 address元素 253\n  13.3 小结 253\n  13.4 习题 254\n  第14章 HTML 5\u003Cem\u003E中\u003C\u002Fem\u003E的表单 255\n  视频讲解:50分钟\n  14.1 新增表单元素与属性 256\n  14.1.1 新增的属性 256\n  14.1.2 增加与改良的input元素的种类 259\n  14.1.3 output元素的添加 264\n  14.1.4 应用新增元素制作注册表单 264\n  14.2 对表单的验证 266\n  14.2.1 自动验证 266\n  14.2.2 checkValidity显式验证法 267\n  14.2.3 避免验证 268\n  14.2.4 使用setCustomValidity方法自定义\n  错误信息 268\n  14.3 增加的页面元素 269\n  14.3.1 新增的figure元素 270\n  14.3.2 新增的details元素 271\n  14.3.3 新增的mark元素 272\n  14.3.4 新增的progress元素 274\n  14.3.5 新增的meter元素 275\n  14.3.6 改良的ol列表 276\n  14.3.7 改良的dl列表 276\n  14.3.8 加以严格限制的cite元素 277\n  14.3.9 重新定义的small元素 278\n  14.4 小结 278\n  14.5 习题 279\n  第15章 HTML 5\u003Cem\u003E中\u003C\u002Fem\u003E的文件与拖放 280\n  视频讲解:40分钟\n  15.1 选择文件 281\n  15.1.1 通过file对象选择文件 281\n  15.1.2 使用blob接口获取文件的类型与大小 282\n  15.1.3 通过类型过滤选择的文件 283\n  15.2 使用FileReader接口读取文件 285\n  15.2.1 检测浏览器是否支持FileReader接口 285\n  15.2.2 FileReader接口的方法 285\n  15.2.3 使用readAsDataURL方法预览图片 286\n  15.2.4 使用readAsText方法读取文本文件 287\n  15.2.5 FileReader接口\u003Cem\u003E中\u003C\u002Fem\u003E的事件 288\n  15.3 拖放API 290\n  15.3.1 实现拖放的步骤 290\n  15.3.2 通过拖放显示欢迎信息 291\n  15.4 dataTransfer对象应用详解 293\n  15.4.1 使用effectAllowed和dropEffect属性\n  设置拖放效果 293\n  15.4.2 使用setDragImage方法设置拖放图标 294\n  15.5 小结 295\n  15.6 习题 295\n  第16章 多媒体播放 296\n  视频讲解:35分钟\n  16.1 HTML 5多媒体的简述 297\n  16.1.1 HTML 4\u003Cem\u003E中\u003C\u002Fem\u003E多媒体的应用 297\n  16.1.2 HTML 5页面\u003Cem\u003E中\u003C\u002Fem\u003E的多媒体 297\n  16.2 多媒体元素基本属性 298\n  16.3 多媒体元素常用方法 302\n  16.3.1 媒体播放时的方法 302\n  16.3.2 canPlayType(type)方法 304\n  16.4 多媒体元素重要事件 304\n  16.4.1 事件处理方式 304\n  16.4.2 事件介绍 305\n  16.4.3 事件实例 306\n  16.5 小结 308\n  16.6 习题 309\n  第17章 绘制图形 310\n  视频讲解:1小时32分钟\n  17.1 canvas的基础知识 311\n  17.1.1 canvas是什么 311\n  17.1.2 在页面\u003Cem\u003E中\u003C\u002Fem\u003E放置canvas元素 311\n  17.1.3 绘制带边框的矩形 312\n  17.2 在画布\u003Cem\u003E中\u003C\u002Fem\u003E使用路径 314\n  17.2.1 使用arc方法绘制圆形 314\n  17.2.2 使用moveTo与lineTo路径绘制火柴人 316\n  17.2.3 贝塞尔和二次方曲线 317\n  17.3 运用样式与颜色 319\n  17.3.1 fillStyle 和 strokeStyle属性 319\n  17.3.2 透明度 globalAlpha 321\n  17.3.3 线型 Line styles 323\n  17.4 绘制渐变图形 325\n  17.4.1 绘制线性渐变 325\n  17.4.2 绘制径向渐变 326\n  17.5 绘制变形图形 328\n  17.5.1 坐标的变换 328\n  17.5.2 矩阵变换 330\n  17.6 组合多个图形 333\n  17.7 给图形绘制阴影 335\n  17.8 应用图像 336\n  17.8.1 绘制图像 336\n  17.8.2 图像的局部放大 338\n  17.8.3 图像平铺 339\n  17.8.4 图像裁剪 341\n  17.8.5 像素的处理 342\n  17.9 绘制文字 344\n  17.10 保存与恢复状态 345\n  17.11 文件的保存 346\n  17.12 对画布绘制实现动画 347\n  17.13 综合实例——桌面时钟 348\n  17.14 小结 350\n  17.15 习题 351\n  第18章 数据存储 352\n  视频讲解:50分钟\n  18.1 初识Web Storage 353\n  18.1.1 什么是Web Storage 353\n  18.1.2 使用Web Storage\u003Cem\u003E中\u003C\u002Fem\u003E的API 353\n  18.1.3 sessionStorage和localStorage的实例\n  ——计数器 355\n  18.1.4 Web Storage综合实例——留言本 357\n  18.1.5 JSON对象的存数实例——用户信息卡 359\n  18.2 本地数据库 361\n  18.2.1 Web SQL数据库简介 361\n  18.2.2 使用Web SQL Database API 362\n  18.2.3 本地数据库实例——用户登录 363\n  18.3 小结 367\n  18.4 习题 367\n  第19章 离线应用程序 368\n  视频讲解:13分钟\n  19.1 HTML 5离线Web应用概述 369\n  19.1.1 离线Web应用概述 369\n  19.1.2 本地缓存与浏览器\u003Cem\u003E网页\u003C\u002Fem\u003E缓存的区别 370\n  19.2 创建HTML 5离线应用 370\n  19.2.1 缓存清单(manifest) 370\n  19.2.2 配置IIS服务器 372\n  19.2.3 浏览缓存清单 372\n  19.3 浏览器与服务器的交互过程 373\n  19.4 applicationCache对象 374\n  19.4.1 swapCache方法 375\n  19.4.2 applicationCache对象的事件 376\n  19.5 小结 379\n  19.6 习题 379\n  第20章 使用Web Worker处理线程 380\n  视频讲解:25分钟\n  20.1 Web Worker概述 381\n  20.1.1 创建和使用Worker 381\n  20.1.2 Web Worker应用实例——求和运算 382\n  20.2 在Worker内部能做什么 383\n  20.3 多个JavaScript文件的加载与执行 384\n  20.4 线程嵌套 384\n  20.4.1 单层嵌套 385\n  20.4.2 在多个子线程\u003Cem\u003E中\u003C\u002Fem\u003E进行数据的交互 387\n  20.5 小结 390\n  20.6 习题 390\n  第21章 通信API 391\n  视频讲解:4分钟\n  21.1 跨文档消息通信 392\n  21.1.1 使用postMessageAPI 392\n  21.1.2 跨文档消息传输 392\n  21.2 小结 394\n  第22章 获取地理位置信息 395\n  视频讲解:12分钟\n  22.1 Geolocation API的概述 396\n  22.1.1 使用getCurrentPosition方法获取\n  当前地理位置 396\n  22.1.2 持续监视当前地理位置的信息 398\n  22.1.3 停止获取当前用户的地理位置信息 398\n  22.2 position对象 398\n  22.3 在google地图上显示“我在这里” 399\n  22.4 小结 401\n  22.5 习题 401\n  第3篇 HTML 5项目实战\n  第23章 旅游信息网前台页面 405\n  视频讲解:20分钟\n  23.1 概述 406\n  23.2 网站预览 406\n  23.3 关键技术 410\n  23.3.1 网站主体结构设计 410\n  23.3.2 HTML 5结构元素的使用 410\n  23.4 网站公共部分设计 411\n  23.4.1 设计网站公共header 411\n  23.4.2 设计网站公共footer 418\n  23.5 网站主页设计 419\n  23.5.1 显示网站介绍及相关图片 419\n  23.5.2 主页左侧导航的实现 421\n  23.6 留下足迹页面设计 424\n  23.6.1 播放音乐 424\n  23.6.2 添加留言功能的实现 425\n  23.7 小结 426\n  附录 习题参考答案 427\n  HTML 5从入门到精通\n  目 录\n  X\n  XI","createTime":"2018-02-27 18:13:28","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fbobbykey\u002F10261945\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fbobbykey\u002F10261945\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-10261945-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fqq_35591743\u002Farticle\u002Fdetails\u002F118632629","title":"js 去除富文本首尾换行空格 格式化富文本编译器内容,去除首尾换行、空格,<p><\u003Cem\u003Ebr\u003C\u002Fem\u003E><\u002Fp>标签","desc":"\u002F**\n * 格式化富文本内容 -> 去除首尾换行、空格\n * @params rich_text 富文本原始内容\n * @return rich_text 格式化后的内容\n * @author BJ\n *\u002F\nfunction format_rich_text__\u003Cem\u003Ebr\u003C\u002Fem\u003E(rich_text) {\n let reg = \u002F<p><\u003Cem\u003Ebr\u003C\u002Fem\u003E><\\\u002Fp>\u002Fgim;\n let t = [];\n let arr = [];\n while (t = reg..","createTime":"2021-07-10 11:12:45","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_35591743\u002Farticle\u002Fdetails\u002F118632629\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_35591743\u002Farticle\u002Fdetails\u002F118632629\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-118632629-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fzsx1314lovezyf\u002Farticle\u002Fdetails\u002F92845581","title":"html常用标签","desc":"标题标签\n <h1>这是一级标题<\u002Fh1>\n <h2>这是二级标题<\u002Fh2>\n <h3>这是三级标题<\u002Fh3>\n\n\n\n段落标签\n <p>这是一个段落<\u002Fp>\n\n\n\n换行标签\n <\u003Cem\u003Ebr\u003C\u002Fem\u003E \u002F>\n\n\n\n空格实体\n &\u003Cem\u003Enbsp\u003C\u002Fem\u003E;\n\n\n\n大于小于实体\n &lt; 小于\n &...","createTime":"2019-06-19 20:47:49","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fzsx1314lovezyf\u002Farticle\u002Fdetails\u002F92845581\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fzsx1314lovezyf\u002Farticle\u002Fdetails\u002F92845581\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-92845581-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fjingyoushui\u002Farticle\u002Fdetails\u002F102484952","title":"vue+element-ui处理文本\u003Cem\u003E中\u003C\u002Fem\u003E的\\n和《\u003Cem\u003Ebr\u003C\u002Fem\u003E\u002F》","desc":"在我们使用vue+element-ui开发web应用的时候,有的时候从数据库\u003Cem\u003E中\u003C\u002Fem\u003E获取到的数据包含换行符\\n或者<\u003Cem\u003Ebr\u003C\u002Fem\u003E>标签\n\n","createTime":"2019-10-10 16:24:11","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fjingyoushui\u002Farticle\u002Fdetails\u002F102484952\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fjingyoushui\u002Farticle\u002Fdetails\u002F102484952\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-102484952-bbs-220059540.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714034123997_77830\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":255,"username":"community_138","userNickname":"基础编程社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:07:53","updateTime":"2021-05-12 18:07:53","lastLoginTime":"2021-05-12 18:07:53"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试,眼前一亮","2":"潜力巨大,未来可期","3":"持续贡献,值得关注","4":"成绩优异,大力学习","5":"贡献巨大,全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F220059540","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F220059540","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["220059540"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F220059540","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F220059540","active":0,"navBarFixed":false,"title":"如何去掉网页中的\u003Cbr\u002F\u003E 和\u003C&NBSP;\u003E","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":255,"topicId":220059540},"keywords":"","description":"以下内容是CSDN社区关于如何去掉网页中的\u003Cbr\u002F\u003E 和\u003C&NBSP;\u003E相关内容,如果想了解更多关于基础编程社区其他内容,请访问CSDN社区。"};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.3e5c09eb.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.7672e502.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.243a94d0.js"></script></body> <!----> <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script> <!----> <!----> <!----> <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script> <!----> <!----> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> <!----></html>