HTML和XHTML有区别吗?

2020-03-24 18:14发布

4条回答
爱前端
2楼 · 2020-03-26 19:53

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

XHTML可扩展超文本标记语言(英语:eXtensible HyperText Markup Language,XHTML),是一种标记语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格。从继承关系上讲,HTML是一种基于标准通用标记语言(SGML)的应用,是一种非常灵活的置标语言,而XHTML则基于可扩展标记语言(XML),XML是SGML的一个子集。

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。


chai - 嘿咻嘿咻~
3楼 · 2020-05-22 11:28

html与xhtml之间的区别:

1、xhtml对比与html,xhtml文档具有良好完整的排版,体现在两方面:a、元素必须要有结束标签;b、元素必须嵌套;

2、对于html的元素和属性,xhtml必须小写,因为xml是严格区分大小写的,

  • 是不同的标签;

    3、xhtml的属性值必须在引号之中;

    4、xhtml不支持属性最小化,什么是属性最小化了?

    正确:非最小化属性(unminimized attributes)

    不正确:最小化属性(minimized attributes)

    5、 在xhtml中,name属性是不赞成使用的,在以后的版本中将被删除。

  • 啦啦啦
    4楼 · 2021-10-25 09:33

    一、其基础语言不同

    1、XHTML是基于可扩展标记语言(XML)。

    2、HTML是基于标准通用标记语言(SGML)。

    二、语法严格程度不同

    1、XHTML语法比较严格,存在DTD定义规则。

    2、HTML语法要求比较松散,这样对网页编写者来说,比较方便。

    三、可混合应用不同

    1、XHTML可以混合各种XML应用,比如MathML、SVG。

    2、HTML不能混合其它XML应用。

    四、大小写敏感度不同

    1、XHTML对大小写敏感,标准的XHTML标签应该使用小写。

    2、HTML对大小写不敏感。

    五、公布时间不同

    1、XHTML是2000年W3C公布发行的。

    2、HTML4.01是1999年W3C推荐标准。


    IT学习助手 - qq:2676427015
    5楼 · 2022-04-24 14:46

    HTML是超文本标记语言(Hyper Text Markup Language)的首字母缩略词,那么什么是超文本?什么是标记语言?

    超文本:超文本简单的意思就是“文本内的文本”。文本中有链接,是超文本。每次单击一个链接来打开一个新网页时,都是单击一个超文本来完成的。

    标记语言:标记语言是一种编程语言,用于使文本更具交互性和动态性。它可以将文本转换为图像,表格,链接等。

    XHTML是什么?

    XHTML代表可扩展超文本标记语言。它是HTML和XML语言之间的交叉。

    XHTML几乎与HTML相同,但它比HTML更严格。XHTML是HTML定义为XML应用程序。它受到所有主流浏览器的支持。

    HTML和XHTML之间的区别

    尽管XHTML与HTML几乎相同,但正确创建代码更为重要,因为XHTML在语法和区分大小写方面比HTML更严格严谨。XHTML文档是格式良好的,并使用标准XML解析器进行解析,这与HTML不同,HTML需要宽松的HTML特定解析器。

    总的来说,与HTML相比,XHTML发生了一些变化,有了一下差异。这些变化可分为三个部分:

    文档结构的变化

    1、所有文件都必须有DOCTYPE。

    2、中的xmlns属性是必需的,必须为文档指定xml命名空间。

    3、,,和<body>对于各自的结束标记是必需的。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">XHTML标签的变化</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">1、所有的XHTML标签必须为小写。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">2、必须要结束所有XHTML标记,即要结束</>标签。例:<h1></h1>,<hr>,<img></></>< style><span style="font-family: 宋体, SimSun; font-size: 14px;">3、必须正确嵌套所有XHTML标记,标签的嵌套顺序要正确。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">4、XHTML文档必须有一个根元素。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">XHTML属性的变化</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">1、必须正确添加所有XHTML属性。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">2、所有XHTML属性必须为小写,且必须加上引号。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">2、XHTML属性不能被缩写。</span></p><p style="margin-top: 15px; margin-bottom: 15px; padding: 0px 0px 0px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: rgb(61, 70, 77); box-sizing: border-box; border-radius: 8px; font-family: "><span style="font-family: 宋体, SimSun; font-size: 14px;">3、必须引用XHTML属性值。</span></p><p><br></p> <div class="appendcontent"> </div> </div> <!-- <div class="readmore"> 查看更多 </div> --> <div class="tool-group"> <!-- cdn节点 回答操作 --> <div class="cdn_question_answer145958"></div> <script type="text/javascript"> getquestioncaozuo(5,975,145958); </script> </div> </div> </div> <div class="comments-mod " style="display: none; float: none; padding-top: 10px;" id="comment_145958"> <div class="areabox clearfix"> <div class="input-group"> <input type="text" placeholder="请输入评论内容,不少于5个字" AUTOCOMPLETE="off" class="comment-input form-control" name="content" /> <input type='hidden' value='0' name='replyauthor' /> <span class="input-group-btn"><input type="button" value="评论" class="btn btn-green" name="submit" onclick="addcomment(145958);" /> </span> </div> </div> <ul class="my-comments-list nav"> <li class="loading text-left"><img src='http://www.shouhuola.com/static/css/default/loading.gif' align='absmiddle' /> 加载中...</li> </ul> </div> </div> <div class="pages"></div> </div> </div> <div></div> </div> <!-- cdn 问答邀请 --> <div class="cdn_question_invate"></div> <script type="text/javascript"> getquestioncaozuo(7,975); </script> <!-- 相关问题推荐 --> <div class="new_xgwt"> <h3>相关问题推荐</h3> <!-- 15条-20条左右 具体联系需求 --> <ul><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30807.html" target="_blank">现在的web开发的要求高吗?</a><i>2020-11-01 21:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>120</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">相对前几年来说,要高上不少了,毕竟入行的人也是越来越多了,基础的工作对应想要参与的人群基数越来越大,但是对于高端人才的需求还是很多,人才还是相对稀缺性的。所以,想要学web或者其他技术也一样,别等,别观望。web前端就业方向特别多包括web前端开发...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-35620.html" target="_blank">相对定位和绝对定位的区别是什么呢</a><i>2021-04-09 11:10</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>25</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">相对定位和绝对定位是定位的两种表现形式,区别如下:一、主体不同1、相对定位:是设置为相对定位的元素框会偏移某个距离。2、绝对定位:absolute 脱离文档流,通过 top,bottom,left,right 定位。二、特点不同1、相对定位:在使用相对定位时,无论是否进行移...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-2892.html" target="_blank">抓包是什么意思?</a><i>2020-04-01 17:36</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>7</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">抓包(packet capture)就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。抓包也经常被用来进行数据截取等。抓包可以通过抓包工具来查看网络数据包内容。通过对抓获的数据包进行分析,可以得到有用的信息。目前流行的...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31379.html" target="_blank">前端常用的框架有哪些?</a><i>2020-11-27 10:54</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>89</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-31230.html" target="_blank">前端自学的效果怎么样</a><i>2020-11-19 13:46</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>65</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">前端是目的就业前景非常不错的一个计算机技术,但是自学的话还是有一定难度的,网络上自学是碎片化的,同时互联网技术跟新换代快,自己的话比较吃力也学习不到最新的技术。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-463.html" target="_blank"> SSR 是什么意思?</a><i>2020-03-20 18:56</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>6</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">SSR就是一台服务器,可以利用 SSR 在远程的服务器上配置 SSR,使其能够成为 SSR 节点,这样本地电脑或者其它设备利用 SSR 节点实现 VPN 或者远程上网及游戏加速等方面。ShadowsocksR(简称 SSR)是 Shadowsocks 分支,在 Shadowsocks 的基础上增加了一些数据...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-30801.html" target="_blank">现在计算机培训都有什么课程?</a><i>2020-10-31 14:36</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>52</span></div> <div class="new_xgwt_bt_get">已采纳</div> <p class="new_xgwt_bt_p">计算机培训方向比较多,建议找适合自己的方向选择培训编程类:JAVA、WEB、Python、C/C++、C#等测试类:软件测试运维类:云计算、网络安全设计类:UI设计、3D建模等</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-32534.html" target="_blank">echarts 图表类型设置为time 时 ,设置</a><i>2021-01-07 11:14</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>11</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">1、代码判断xAxis: {type: &#39;time&#39;,splitLine: {show: false},interval: 3600, // 设置x轴时间间隔axisLabel: {formatter: function(value, index) {return liangTools.unix2hm(value)}}},首先要把xAxis 显示类型设置成time,然后设置对应X轴......</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37410.html" target="_blank">移动跨平台开发框架有哪些</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-04-01 18:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>8</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">HTML5 + CSS + JavaScript 开发 跨平台重用代码 </p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37409.html" target="_blank">miniMobile移动端框架有什么特点</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-04-01 18:57</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">采用rem单位自动响应,并提供独有栅格化系统快速定义宽高、边距节省css代码量,同时总结各大型移动端网页,提供一套ui颜色搭配规范,尺寸规范,字体规范等。</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37401.html" target="_blank">求推荐界面比较漂亮的移动开发框架</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-15 16:12</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>10</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">iView UI、ioni、SUI</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37395.html" target="_blank">移动端开发用什么JS框架好</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-11 18:19</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>6</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p"> jQTouch </p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37394.html" target="_blank">现在移动端开发都用的什么框架</a><a href="http://www.shouhuola.com/tags/question/html5yidongkuangjia.html" target="_blank"><em>HTML5移动框架</em></a> <i>2022-03-11 18:19</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">如果只是普通的移动端用vue react 或者dva 如果是要编译成小程序什么的或者混生 就用uni-app(对应vue语法)taro(对应react) 或者纯原生 这个没有限制的,自己怎么舒服怎么来</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37264.html" target="_blank">为什么说atom和sublime都是前端开发者用的</a><a href="http://www.shouhuola.com/tags/question/htmlbianjiqi.html" target="_blank"><em>HTML编辑器</em></a> <i>2022-01-06 15:12</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>4</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">因为可以运用在网页和小程序的开饭中,而且开源,用着便宜,企业都很喜欢</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37263.html" target="_blank">前端开发用的文本编辑器有哪些?</a><a href="http://www.shouhuola.com/tags/question/htmlbianjiqi.html" target="_blank"><em>HTML编辑器</em></a> <i>2022-01-06 15:10</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>10</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">一、Visual Studio Code下载地址:https://code.visualstudio.com/微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目:一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Stud...</p> </div> </li><li> <div class="new_xgwt_top clearfix"> <a href="http://www.shouhuola.com/q-37190.html" target="_blank">如何循环淡入淡出图片</a><a href="http://www.shouhuola.com/tags/question/cssyangshi.html" target="_blank"><em>css样式</em></a> <i>2021-12-08 11:25</i> </div> <div class="new_xgwt_bt clearfix"> <div class="new_xgwt_bt_ans">回答 <span>9</span></div> <div class="new_xgwt_bt_get"></div> <p class="new_xgwt_bt_p">jQuery自带淡入淡出效果 https://www.w3school.com.cn/jquery/jquery_fade.asp 看看这个 </p> </div> </li></ul> <div class="notSolve">没有解决我的问题,<a href="http://www.shouhuola.com/question/add.html">去提问</a></div> </div> </div> </div> </div> </div> <div class="col-md-7 aside "> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">等你来答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-30807.html" title="现在的web开发的要求高吗?"> 现在的web开发的要求高吗? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-30807.html" class="anum">120 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-35620.html" title="相对定位和绝对定位的区别是什么呢"> 相对定位和绝对定位的区别是什么呢 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-35620.html" class="anum">25 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31379.html" title="前端常用的框架有哪些?"> 前端常用的框架有哪些? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31379.html" class="anum">89 个回答</a> </div> </li></ul> </div> </div> <div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">热门问答</h3> <ul><li class="no-video"> <a href="http://www.shouhuola.com/q-13696.html" title="学习编程是不是就要多敲代码?"> 学习编程是不是就要多敲代码? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-13696.html" class="anum">7 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-27399.html" title="一般培训机构一个班大约多少人?"> 一般培训机构一个班大约多少人? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-27399.html" class="anum">17 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-13730.html" title="能独立开发小程序可以找到工作的吗?"> 能独立开发小程序可以找到工作的吗? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-13730.html" class="anum">12 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-31908.html" title="前端和后端谁的发展更好?"> 前端和后端谁的发展更好? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-31908.html" class="anum">37 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-36836.html" title="Web学习,自学能力很差,用什么办法改善下?"> Web学习,自学能力很差,用什么办法改善下? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-36836.html" class="anum">51 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-18855.html" title="Echarts优缺点?"> Echarts优缺点? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-18855.html" class="anum">4 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-34038.html" title="微信小程序如何将数据进行本地存储并且如何获取"> 微信小程序如何将数据进行本地存储并且如何获取 </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-34038.html" class="anum">11 个回答</a> </div> </li><li class="no-video"> <a href="http://www.shouhuola.com/q-9445.html" title="VsCode中TabNine插件怎么激活?"> VsCode中TabNine插件怎么激活? </a> <div class="num-ask"> <a href="http://www.shouhuola.com/q-9445.html" class="anum">8 个回答</a> </div> </li></ul> </div> </div><div class="standing"> <div class="positions bb" id="rankScroll"> <h3 class="title">相关文章</h3> <ul><li class="no-video"><a href="http://www.shouhuola.com/article-54195.html" title="前端开发的招聘注重学历吗?一份优秀的前端开发工程师简历是怎么样的?"> 前端开发的招聘注重学历吗?一份优秀的前端开发工程师简历是怎么样的?</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-54195.html" title="前端开发的招聘注重学历吗?一份优秀的前端开发工程师简历是怎么样的?" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-54163.html" title="30岁学前端来得及吗?0基础学前端需要多久?"> 30岁学前端来得及吗?0基础学前端需要多久?</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-54163.html" title="30岁学前端来得及吗?0基础学前端需要多久?" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53965.html" title="前端开发的工作方向有哪些?"> 前端开发的工作方向有哪些?</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53965.html" title="前端开发的工作方向有哪些?" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53947.html" title="前端开发适合女生吗?一般多久才能就业?"> 前端开发适合女生吗?一般多久才能就业?</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53947.html" title="前端开发适合女生吗?一般多久才能就业?" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53943.html" title="2023年前端开发方向大厂招人和面试要求趋势"> 2023年前端开发方向大厂招人和面试要求趋势</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53943.html" title="2023年前端开发方向大厂招人和面试要求趋势" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53935.html" title="2023年前端程序员值得学习的5个新技术"> 2023年前端程序员值得学习的5个新技术</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53935.html" title="2023年前端程序员值得学习的5个新技术" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么?"> 所谓DNS污染和劫持是什么?</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53714.html" title="所谓DNS污染和劫持是什么?" class="anum"> 0个评论</a> </div></li> <li class="no-video"><a href="http://www.shouhuola.com/article-53403.html" title="normalize库"> normalize库</a> <div class="num-ask"> <a href="http://www.shouhuola.com/article-53403.html" title="normalize库" class="anum"> 0个评论</a> </div></li> </ul> </div> </div><!--广告位5--></div> </div> </div> <div class="modal fade" id="dialogadopt"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">采纳回答</h4> </div> <div class="modal-body"> <form class="form-horizontal" name="editanswerForm" method="post"> <input type="hidden" value="975" id="adopt_qid" name="qid" /> <input type="hidden" id="adopt_answer" value="0" name="aid" /> <table class="table "> <tr valign="top"> <td>向帮助了您的网友说句感谢的话吧!</td> </tr> <tr> <td> <div class="inputbox mt15"> <textarea class="form-control" id="adopt_txtcontent" name="content">非常感谢!</textarea> </div> </td> </tr> <tr> <td><button type="button" id="adoptbtn" class="btn btn-success">确 认</button></td> </tr> </table> </form> </div> </div> </div> </div> <script> if(typeof($(".work-show-box").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".work-show-box").find("img").attr("data-original"); $(".work-show-box").find("img").attr("src",imgurl); } $(".work-show-box,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); $("#adoptbtn").click(function(){ var data={ content:$("#adopt_txtcontent").val(), qid:$("#adopt_qid").val(), aid:$("#adopt_answer").val() } $.ajax({ //提交数据的类型 POST GET type:"POST", //提交的网址 url:"http://www.shouhuola.com/question/ajaxadopt.html", //提交的数据 data:data, //返回数据的格式 datatype: "json",//"xml", "html", "script", "json", "jsonp", "text". //在请求之前调用的函数 beforeSend:function(){}, //成功返回之后调用的函数 success:function(data){ var data=eval("("+data+")"); if(data.message=='ok'){ new $.zui.Messager('采纳成功!', { type: 'success', close: true, placement: 'center' // 定义显示位置 }).show(); setTimeout(function(){ window.location.reload(); },1500); }else{ new $.zui.Messager(data.message, { close: true, placement: 'center' // 定义显示位置 }).show(); } } , //调用执行后调用的函数 complete: function(XMLHttpRequest, textStatus){ }, //调用出错执行的函数 error: function(){ //请求出错处理 } }); }) </script> </div> <!-- 编辑标签 --> <div class="modal fade" id="dialog_tag"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">编辑标签</h4> </div> <div class="modal-body"> <form onsubmit=" return checktagsubmit()" class="form-horizontal" name="edittagForm" action="http://www.shouhuola.com/question/edittag.html" method="post"> <input type="hidden" value="975" name="qid" /> <p>最多设置5个标签!</p> <div class="inputbox mar-t-1"> <div class=" dongtai "> <div class="tags"></div> <input type="text" autocomplete="off" data-toggle="tooltip" data-placement="bottom" title="" placeholder="检索标签,最多添加5个,添加标签更容易被回答" data-original-title="检索标签,最多添加5个" name="topic_tagset" value="" class="txt_taginput"> <i class="fa fa-search"></i> <div class="tagsearch"></div> </div> <input type="hidden" class="form-control" id="qtags" name="qtags" value="" /> </div> <div class="mar-t-1"> <button type="submit" class="btn btn-success">保存</button> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div><!-- 举报 --> <div class="modal fade panel-report" id="dialog_inform"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title">举报内容</h4> </div> <div class="modal-body"> <form id="rp_form" class="rp_form" action="http://www.shouhuola.com/inform/add.html" method="post"> <input value="" type="hidden" name="qid" id="myqid"> <input value="" type="hidden" name="aid" id="myaid"> <input value="" type="hidden" name="qtitle" id="myqtitle"> <div class="js-group-type group group-2"> <h4>检举类型</h4> <ul> <li class="js-report-con"><label><input type="radio" name="group-type" value="1"><span>检举内容</span></label></li> <li class="js-report-user"><label><input type="radio" name="group-type" value="2"><span>检举用户</span></label></li> </ul> </div> <div class="group group-2"> <h4>检举原因</h4> <div class="list"> <ul> <li><label class="reason-btn"><input type="radio" name="type" value="4"><span>广告推广</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="5"><span>恶意灌水</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="6"><span>回答内容与提问无关</span> </label></li> <li><label class="copy-ans-btn"><input type="radio" name="type" value="7"><span>抄袭答案</span></label></li> <li><label class="reason-btn"><input type="radio" name="type" value="8"><span>其他</span></label></li> </ul> </div> </div> <div class="group group-3"> <h4>检举说明(必填)</h4> <div class="textarea"> <ul class="anslist" style="display: none; line-height: 20px; overflow: auto; height: 171px;"> </ul> <textarea name="content" maxlength="200" placeholder="请输入描述200个字以内"> </textarea> </div> </div> <div class="mar-t-1"> <button type="submit" id="btninform" class="btn btn-success">提交</button> <button type="button" class="btn btn-default mar-ly-1" data-dismiss="modal">关闭</button> </div> </form> </div> </div> </div> </div> <!-- 微信分享 --> <div class="modal share-wechat animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮</h5> <div data-url="http://www.shouhuola.com/q-975.html" class="qrcode" title="http://www.shouhuola.com/q-975.html"> <canvas width="170" height="170" style="display: none;"></canvas> <div id="qr_wxcode"></div> </div> </div> <div class="modal-footer"></div> </div> </div> </div> <!-- 设置付费金额 --> <div class="modal pay-money animated" style="display: none;"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> </div> <div class="modal-body"> <h5>付费偷看金额在0.1-10元之间</h5> <div class="mar-t-1"> <input type="number" value="0" id="chakanjine" class="form-control" /> </div> <button id="comfirm_pay" class="btn btn-success mar-t-1">确定</button> </div> <div class="modal-footer"></div> </div> </div> </div> <!-- 邀请回答 --> <div class="modal fade" id="dialog_invate"> <div class="modal-dialog" style="width: 700px; top: 10px;"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="sr-only">关闭</span> </button> <h4 class="modal-title"></h4> <div class="m_invateinfo"> <span class="m_i_text""> 您已邀请<span class="m_i_persionnum">15</span>人回答 </span> <span data-toggle="popover" data-tip-class="popover-info" data-html="ture" data-placement="bottom" data-content="" title="我的邀请列表" class="m_i_view">查看邀请</span> <div class="m_i_warrper"> <input data-qid="975" type="text" id="m_i_searchusertxt" class="m_i_search" placeholder="搜索你想邀请的人"> <i class="fa fa-search"></i> </div> </div> </div> <div class="modal-body"> <!-- 邀请回答 --> <ul class="trigger-menu m_invate_tab" data-pjax-container="#list-container"> <li class="active" data-qid="975" data-item="1"><a href="javascript:">擅长该话题的人</a></li> <li class="" data-qid="975" data-item="2"><a href="javascript:"> 回答过该话题的人</a></li> <li class="" data-qid="975" data-item="3"><a href="javascript:">我关注的人</a></li> </ul> <!-- 邀请回答列表 --> <div class="m_invatelist"></div> </div> </div> </div> </div> <script> getquestioncaozuo(1,975); getquestioncaozuo(2,975); getquestioncaozuo(3,975); getquestioncaozuo(4,975); getquestioncaozuo(8,975); $(".btnshowall").click(function(){ $(".shortquestioncontent").toggle(); $(".hidequestioncontent").toggle(); }); $("#normal-comment-list .answercontent").each(function(){ if($(this).height()>150){ $(this).parent().find(".readmore").show(); }else{ $(this).parent().find(".readmore").hide(); } }); // $(".readmore").click(function(){ // if($.trim($(this).html())=="查看更多"){ // $(this).parent().find(".answercontent").css("max-height","100000px").css("overflow","visible"); // $(this).html("收起"); // }else{ // $(this).parent().find(".answercontent").css("max-height","200px").css("overflow","hidden"); // $(this).html("查看更多"); // } // }); var needcode=0; var g_id = 6; var qid = 975; function listertext(){ var _content=$("#anscontent").val(); if(_content.length>0&&g_id!=1){ $(".code_hint").show(); }else{ $(".code_hint").hide(); } } var mobile_localyuyin=1; // var userAgent = window.navigator.userAgent.toLowerCase(); // $.browser.msie8 = $.browser.msie && /msie 8\.0/i.test(userAgent); // if($.browser.msie8==true){ // var mobile_localyuyin=0; // } var targetplay=null; function checktagsubmit(){ if(gettagsnum()<=0){ alert("请设置标签"); return false; } if(gettagsnum()>5){ alert("最多添加5个标签"); return false; } var _tagstr=gettaglist(); $("#qtags").val(_tagstr); } $(".txt_taginput").on(" input propertychange",function(){ var _txtval=$(this).val(); if(_txtval.length>1){ //检索标签信息 var _data={tagname:_txtval}; var _url="http://www.shouhuola.com/tags/ajaxsearch.html"; function success(result){ console.log(result) if(result.code==200){ console.log(_txtval) $(".tagsearch").html(""); for(var i=0;i<result.taglist.length;i++){ var _msg=result.taglist[i].tagname $(".tagsearch").append('<div class="tagitem" tagid="'+result.taglist[i].id+'">'+_msg+'</div>'); } $(".tagsearch").show(); $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); var _tagid=$.trim($(this).attr("tagid")); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span tagid="'+_tagid+'">'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); } } ajaxpost(_url,_data,success); }else{ $(".tagsearch").html(""); $(".tagsearch").hide(); } }) function checktag(_tagname){ var tagrepeat=false; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).html()); if(_tagnametmp==_tagname){ tagrepeat=true; } }) return tagrepeat; } function gettaglist(){ var taglist=''; $(".dongtai .tags .tag span").each(function(index,item){ var _tagnametmp=$.trim($(this).attr("tagid")); taglist=taglist+_tagnametmp+","; }) taglist=taglist.substring(0,taglist.length-1); return taglist; } function gettagsnum(){ return $(".dongtai .tags .tag").length; } $(".tagsearch .tagitem").click(function(){ var _tagname=$.trim($(this).html()); if(gettagsnum()>=5){ alert("标签最多添加5个"); return false; } if(checktag(_tagname)){ alert("标签已存在"); return false; } $(".dongtai .tags").append('<div class="tag"><span>'+_tagname+"</span><i class='fa fa-close'></i></div>"); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".tagsearch").html(""); $(".tagsearch").hide(); $(".txt_taginput").val(""); }); $(".dongtai .tags .tag .fa-close").click(function(){ $(this).parent().remove(); }); $(".yuyinplay").click(function(){ targetplay=$(this); var _serverid=targetplay.attr("id"); if(_serverid == '') { alert('语音文件丢失'); return; } $(".wtip").html("免费偷听"); targetplay.find(".wtip").html("播放中.."); if(mobile_localyuyin==1){ $(".htmlview").removeClass("hide"); $(".ieview").addClass("hide"); var myAudio =targetplay.find("#voiceaudio")[0]; // myAudio.pause(); //myAudio.play(); if(myAudio.paused){ targetplay.find(".wtip").html("播放中.."); myAudio.play(); }else{ targetplay.find(".wtip").html("暂停.."); myAudio.pause(); } function endfun(){ targetplay.find(".wtip").html("播放结束");alert("播放结束!")} var is_playFinish = setInterval(function(){ if( myAudio.ended){ endfun(); window.clearInterval(is_playFinish); } }, 10); }else{ $(".ieview").removeClass("hide"); $(".htmlview").addClass("hide"); } }) function deleteanswer(current_aid){ if(confirm("是否删除此回答?")){ window.location.href=g_site_url + "index.php" + query + "question/deleteanswer/"+current_aid+"/975"; } } function adoptanswer(aid) { $("#adopt_answer").val(aid); $('#dialogadopt').modal('show'); } //编辑标签 function edittag() { $('#dialog_tag').modal('show'); } if(typeof($(".show-content").find("img").attr("data-original"))!="undefined"){ var imgurl=$(".show-content").find("img").attr("data-original"); $(".show-content").find("img").attr("src",imgurl); } $(".show-content,.answercontent").find("img").attr("data-toggle","lightbox").attr("data-lightbox-group",Date.parse( new Date() ).toString()); var category1 = [["15","Web前端"],["16","Java"],["17","Python"],["18","UI/UE设计"],["19","云计算"],["20","软件测试"],["21","大数据"],["23","网络安全"],["26","认证考试"],["28","职业发展"],["14","营销运营"],["22","游戏开发"],["24","三维室内设计"],["27","办公效率"],["29","兴趣生活"]]; var category2 = [["14","30","SEO优化"],["15","40","HTML/CSS"],["16","53","基础入门"],["17","58","Python核心编程"],["18","62","视觉设计基础"],["19","66","网络基础"],["20","71","功能测试"],["21","75","Java主流框架"],["22","79","C#语言基础"],["23","83","网络安全基础"],["24","88","模型与效果图"],["26","92","软考"],["27","101","Word"],["28","108","简历指导"],["29","113","前沿技术"],["28","115","职场困惑"],["27","117","工具资源"],["14","31","SEM推广"],["15","41","HTML5"],["16","54","算法分析"],["17","59","网络爬虫"],["18","63","品牌视觉设计"],["19","67","linux基础"],["20","72","自动化测试"],["21","76","Hadoop"],["22","80","Unity引擎"],["23","84","Web安全漏洞"],["24","89","Q版模型"],["26","93","PMP"],["27","102","Excel"],["28","109","面试礼仪"],["29","114","生活常识"],["28","116","行业前景"],["14","32","信息流"],["15","42","CSS3"],["16","55","微服务框架"],["17","60","人工智能"],["18","64","电商设计"],["19","68","linux运维自动化"],["20","73","接口测试"],["21","77","Spark"],["22","81","游戏策划"],["23","85","WAF安全测试"],["24","90","次世代模型"],["26","94","华为认证"],["27","103","PPT"],["28","110","面试问题"],["14","33","模板建站"],["15","43","JavaScript"],["16","56","数据库"],["17","61","全栈开发"],["18","65","UI交互设计"],["19","69","数据库运维管理"],["20","74","性能测试"],["21","78","机器学习"],["22","82","VR/AR"],["23","86","自动化安全检测"],["24","91","引擎地编"],["26","95","思科认证"],["27","104","WPS"],["14","34","新媒体运营"],["15","44","Vue.js"],["16","57","链接池"],["19","70","云架构管理"],["23","87","渗透测试"],["26","96","红帽认证"],["27","105","project"],["14","35","淘宝天猫"],["15","45","React.JS"],["26","97","微软认证"],["27","106","思维导图"],["14","36","京东运营"],["15","46","Angular"],["26","98","H3C认证"],["27","107","电脑基础"],["14","37","拼多多运营"],["15","47","Node.js"],["26","99","百度认证"],["14","38","短视频直播"],["15","48","jQuery"],["26","100","计算机等级考试"],["15","49","Bootstrap"],["15","50","Sass/Less"],["15","51","WebApp"],["15","52","小程序"]]; var category3 = []; var selectedcid = "15,0,0"; //修改分类 function change_category() { var category1 = $("#category1 option:selected").val(); var category2 = $("#category2 option:selected").val(); var category3 = $("#category3 option:selected").val(); if (category1 > 0) { $("#categoryid").val(category1); } if (category2 > 0) { $("#categoryid").val(category2); } if (category3 > 0) { $("#categoryid").val(category3); } $("#catedialog").model("hide"); $("form[name='editcategoryForm']").submit(); } //投诉 function openinform(qid ,qtitle,aid) { $("#myqid").val(qid); $("#myqtitle").val(qtitle); $("#myaid").val(aid); $('#dialog_inform').modal('show'); } $(".showcommentid").each(function(){ var dataid=$(this).attr("data-id"); show_comment(dataid); }); function show_comment(answerid) { if ($("#comment_" + answerid).css("display") === "none") { load_comment(answerid); $("#comment_" + answerid).slideDown(); } else { $("#comment_" + answerid).slideUp(); } } //添加评论 function addcomment(answerid) { var content = $("#comment_" + answerid + " input[name='content']").val(); var replyauthor = $("#comment_" + answerid + " input[name='replyauthor']").val(); console.log(g_uid); if (g_uid == 0){ login(); return false; } if (bytes($.trim(content)) < 5){ alert("评论内容不能少于5字"); return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/addcomment.html", data: "content=" + content + "&answerid=" + answerid+"&replyauthor="+replyauthor, success: function(status) { if (status == '1') { $("#comment_" + answerid + " input[name='content']").val(""); load_comment(answerid); }else{ if(status == '-2'){ alert("问题已经关闭,无法评论"); } } } }); } //删除评论 function deletecomment(commentid, answerid) { if (!confirm("确认删除该评论?")) { return false; } $.ajax({ type: "POST", url: "http://www.shouhuola.com/answer/deletecomment.html", data: "commentid=" + commentid + "&answerid=" + answerid, success: function(status) { if (status == '1') { load_comment(answerid); }else{ alert(status); } } }); } //加载评论 function load_comment(answerid){ $.ajax({ type: "GET", cache:false, url: "http://www.shouhuola.com/index.php?answer/ajaxviewcomment/" + answerid, success: function(comments) { $("#comment_" + answerid + " .my-comments-list").html(comments); } }); } function replycomment(commentauthorid,answerid){ var comment_author = $("#comment_author_"+commentauthorid).attr("title"); $("#comment_"+answerid+" .comment-input").focus(); $("#comment_"+answerid+" .comment-input").val("回复 "+comment_author+" :"); $("#comment_" + answerid + " input[name='replyauthor']").val(commentauthorid); } $(function(){ initcategory(category1); fillcategory(category2, $("#category1 option:selected").val(), "category2"); fillcategory(category3, $("#category2 option:selected").val(), "category3"); var qrurl="http://www.shouhuola.com/q-975.html"; //微信二维码生成 $('#qr_wxcode').qrcode(qrurl); //显示微信二维码 $(".share-weixin").click(function(){ $(".share-wechat").show(); }); //关闭微信二维码 $(".close").click(function(){ $(".share-wechat").hide(); $(".pay-money").hide(); }); }) </script> <link rel="stylesheet" type="text/css" href="http://www.shouhuola.com/static/js/neweditor/code/styles/tomorrow-night-eighties.css"> <script src="http://www.shouhuola.com/static/js/neweditor/code/highlight.pack.js" type="text/javascript"></script> <script>hljs.initHighlightingOnLoad();</script> <script src="http://www.shouhuola.com/static/js/jquery.lazyload.min.js" type="text/javascript"></script> <script> $("img.lazy").lazyload({effect: "fadeIn" }); </script> <div class="side-tool" id="to_top"><ul><li data-placement="left" data-toggle="tooltip" data-container="body" data-original-title="回到顶部" > <a href="#" class="function-button"><i class="fa fa-angle-up"></i></a> </li> </ul></div> <script> window.onload = function(){ $(".edui-upload-video").attr("preload",""); var oTop = document.getElementById("to_top"); var screenw = document.documentElement.clientWidth || document.body.clientWidth; var screenh = document.documentElement.clientHeight || document.body.clientHeight; window.onscroll = function(){ var scrolltop = document.documentElement.scrollTop || document.body.scrollTop; if(scrolltop<=screenh){ oTop.style.display="none"; }else{ oTop.style.display="block"; } if(scrolltop>30){ $(".scrollshow").show(); }else{ $(".scrollshow").hide(); } } oTop.onclick = function(){ document.documentElement.scrollTop = document.body.scrollTop =0; } } </script> <footer id="footer"> <div class="copyrigth-wrap small"> <div class="content copyrigth"> <i style=" display: block;width: 685px; background: #d2d2d2; color: #fff; padding: 5px; margin: 0 0 10px 0;" >收获啦作为免费、公开信息平台,用户进行的所有活动由其自身承担法律责任。如您发现不良信息、侵权内容,请立即联系我们。</i> Copyright © 2020 收获啦! <a href="http://beian.miit.gov.cn" target="_blank">京ICP备10005032号-11</a> <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802031459">京公网安备11010802031459号</a> <a href='https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=911101087861894810-SAIC_SHOW_1000009111010878618948101600759758300&signData=MEQCIBOfIClgLS82gBPNpbDSMQhpzy42b5sfm4qyBuPQk4TpAiDoaOjIBVY0sy0SMhlipCFi89IoHcQ++mrnvyaJqJXz9Q==' target="_blank" rel="nofollow">电子营业执照</a>   <a href="http://www.shouhuola.com/article-52509.html" target="_blank">使用协议|免责声明</a> <a > </a> <span class="ilblk dblj"> <a href="http://www.shouhuola.com/article-52508.html" target="_blank">联系我们</a> | <a href="/tags/default.html" target="_blank">标签大全</a> | <a href="/note/list.html" target="_blank">站内公告</a> | <a href="/rule/index.html" target="_blank">财富规则</a><!-- | <a href="/gift/default.html" target="_blank">礼品商店</a> | <a href="/about/contact.html" target="_blank">联系我们</a>--> </span> </div> </div> </footer> </body> </html>