XHTML代码规范 | 我的盒子|觅盒

1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如

和

而不一定写对应的

和

来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个”/”来关闭它。例如:

2.所有标签的元素和属性的名字都必须使用小写
与HTML不一样，XHTML对大小写是敏感的，和<TITLE>是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：<BODY>必须写成<body> 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字”onMouseOver”也必须修改成”onmouseover”。<br /> 3.所有的XML标记都必须合理嵌套<br /> 同样因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序，以前我们这样写的代码：</p><p><b></p><p>/b><br /> 必须修改为：</p><p><b></b>/p><br /> 就是说，一层一层的嵌套必须是严格对称。<br /> 4.所有的属性必须用引号””括起来<br /> 在HTML中，你可以不需要给属性值加引号，但是在XHTML中，它们必须被加引号。例如:<br /> <height=80> 必须修改为：<><br /> 特殊情况，你需要在属性值里使用双引号，你可以用”，单引号可以使用'，例如：<br /> <alt="say'hello'"><br /> 5.把所有<和&特殊符号用编码表示任何小于号（<），不是标签的一部分，都必须被编码为< 任何大于号（>），不是标签的一部分，都必须被编码为&gt ;<br /> 任何与号（&），不是实体的一部分的，都必须被编码为&<br /> 6.给所有属性赋一个值<br /> XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：</p><td nowrap> <input type="checkbox" name="shirt" value="medium" checked><br /> 必须修改为：</p><td nowrap="nowrap"> <input type="checkbox" name="shirt" value="medium" checked="checked"><br /> 7.不要在注释内容中使“–”<br /> “–”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。例如下面的代码是无效的:<br /> <br /> 用等号或者空格替换内部的虚线。<br /> <br /> 以上这些规范有的看上去比较奇怪，但这一切都是为了使我们的代码有一个统一、唯一的标准，便于以后的数据再利用。</p><div class="post-note alert alert-warning mt-2" role="alert"><small><strong>声明：</strong>本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。</small></div><div class="entry-share"><div class="row"><div class="col d-none d-lg-block"> <a class="share-author" href="https://www.mebox.cn/author/忆风"> <img data-del="avatar" src='https://www.mebox.cn/attachments/uploads/2017/03/我的社交头像.jpg' class='avatar pp-user-avatar avatar-50 photo ' height='50' width='50'/>忆风 </a></div><div class="col-auto mb-3 mb-lg-0"> <button class="btn btn-sm btn-white" data-toggle="tooltip" data-html="true" data-placement="top" title="<span class="reward-qrcode"><span> <img src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/qr.png"> 支付宝扫一扫 </span><span> <img src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/qr.png"> 微信扫一扫 </span></span>"><i class="fa fa-qrcode"></i> 打赏</button> <button class="share-poster btn btn-sm btn-white" data-id="289" title="文章封面图"><i class="fa fa-share-alt"></i> 海报</button> <button class="go-copy btn btn-sm btn-white" data-toggle="tooltip" data-placement="top" title="点击复制链接" data-clipboard-text="https://www.mebox.cn/289.html"><i class="fas fa-link"></i> 链接</button></div></div></div></div></div></div></article><div class="entry-navigation"><div class="row"><div class="col-lg-6 col-12"> <a class="entry-page-prev" href="https://www.mebox.cn/288.html" title="百度视频搜索正式上线"><div class="entry-page-icon"><i class="fas fa-arrow-left"></i></div><div class="entry-page-info"> <span class="d-block rnav">上一篇</span> <span class="d-block title">百度视频搜索正式上线</span></div> </a></div><div class="col-lg-6 col-12"> <a class="entry-page-next" href="https://www.mebox.cn/290.html" title="QQ活动：“超级学堂”送蓝钻免费体验"><div class="entry-page-info"> <span class="d-block rnav">下一篇</span> <span class="d-block title">QQ活动：“超级学堂”送蓝钻免费体验</span></div><div class="entry-page-icon"><i class="fas fa-arrow-right"></i></div> </a></div></div></div><div class="related-posts"><h3 class="u-border-title">相关文章</h3><div class="row"><div class="col-lg-6 col-12"><article id="post-2435" class="post post-list post-2435 type-post status-publish format-standard has-post-thumbnail hentry category-centos tag-docker tag-1077 tag-69 tag-98 tag-21"><div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.mebox.cn/2435.html" title="Centos 宝塔面板 Docker报错修复方法" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.mebox.cn/attachments/uploads/2020/07/1595768694-9cc591bae143f69-150x150.png" src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="Centos 宝塔面板 Docker报错修复方法" /></a></div></div><div class="entry-wrapper"><header class="entry-header"><h2 class="entry-title"><a href="https://www.mebox.cn/2435.html" title="Centos 宝塔面板 Docker报错修复方法" rel="bookmark">Centos 宝塔面板 Docker报错修复方法</a></h2></header><div class="entry-footer"><div class="entry-meta"> <span class="meta-category"> <a href="https://www.mebox.cn/technical/centos" rel="category">Centos教程</a> </span> <span class="meta-date"> <time datetime="2020-07-26T21:11:48+08:00"> <i class="fa fa-clock-o"></i> 3年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 802</span></div></div></div></article></div><div class="col-lg-6 col-12"><article id="post-2108" class="post post-list post-2108 type-post status-publish format-standard has-post-thumbnail hentry category-technical category-develop tag-apscheduler tag-pipenv tag-poetry tag-python tag-setuptools"><div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.mebox.cn/2108.html" title="我的Python开发环境填坑记" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.mebox.cn/attachments/uploads/2020/02/Snipaste_2020-02-16_16-11-20-150x150.png" src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="我的Python开发环境填坑记" /></a></div></div><div class="entry-wrapper"><header class="entry-header"><h2 class="entry-title"><a href="https://www.mebox.cn/2108.html" title="我的Python开发环境填坑记" rel="bookmark">我的Python开发环境填坑记</a></h2></header><div class="entry-footer"><div class="entry-meta"> <span class="meta-category"> <a href="https://www.mebox.cn/technical" rel="category">技术教程</a> </span> <span class="meta-date"> <time datetime="2020-02-16T16:12:01+08:00"> <i class="fa fa-clock-o"></i> 3年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 936</span></div></div></div></article></div><div class="col-lg-6 col-12"><article id="post-2088" class="post post-list post-2088 type-post status-publish format-standard has-post-thumbnail hentry category-technical category-develop tag-centos8-1 tag-docker tag-podman tag-1094"><div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.mebox.cn/2088.html" title="CentOS8.1安装Docker" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.mebox.cn/attachments/uploads/2020/02/docker-150x150.png" src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="CentOS8.1安装Docker" /></a></div></div><div class="entry-wrapper"><header class="entry-header"><h2 class="entry-title"><a href="https://www.mebox.cn/2088.html" title="CentOS8.1安装Docker" rel="bookmark">CentOS8.1安装Docker</a></h2></header><div class="entry-footer"><div class="entry-meta"> <span class="meta-category"> <a href="https://www.mebox.cn/technical" rel="category">技术教程</a> </span> <span class="meta-date"> <time datetime="2020-02-15T21:37:20+08:00"> <i class="fa fa-clock-o"></i> 3年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 992</span></div></div></div></article></div><div class="col-lg-6 col-12"><article id="post-2064" class="post post-list post-2064 type-post status-publish format-standard has-post-thumbnail hentry category-technical tag-centos8-1 tag-1088"><div class="entry-media"><div class="placeholder" style="padding-bottom: 66.666666666667%"><a href="https://www.mebox.cn/2064.html" title="CentOS8.1图形界面和命令行的切换" rel="nofollow noopener noreferrer"><img class="lazyload" data-src="https://www.mebox.cn/attachments/uploads/2020/02/0-150x150.jpg" src="https://www.mebox.cn/wp-content/themes/ripro-v2/assets/img/thumb-ing.gif" alt="CentOS8.1图形界面和命令行的切换" /></a></div></div><div class="entry-wrapper"><header class="entry-header"><h2 class="entry-title"><a href="https://www.mebox.cn/2064.html" title="CentOS8.1图形界面和命令行的切换" rel="bookmark">CentOS8.1图形界面和命令行的切换</a></h2></header><div class="entry-footer"><div class="entry-meta"> <span class="meta-category"> <a href="https://www.mebox.cn/technical" rel="category">技术教程</a> </span> <span class="meta-date"> <time datetime="2020-02-06T15:19:00+08:00"> <i class="fa fa-clock-o"></i> 3年前 </time> </span> <span class="meta-views"><i class="fa fa-eye"></i> 930</span></div></div></div></article></div></div></div></div></div><div class="sidebar-column col-lg-3"><aside id="secondary" class="widget-area"><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div class="_ac7ww021387"></div> <script type="text/javascript">(window.slotbydup = window.slotbydup || []).push({ id: "u2858625", container: "_ac7ww021387", async: true });</script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script></div></div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h5 class="widget-title">热门标签</h5><div class="tagcloud"><a href="https://www.mebox.cn/tag/alt" class="tag-cloud-link tag-link-252 tag-link-position-1" style="font-size: 15.550561797753pt;" aria-label="alt (23个项目)">alt<span class="tag-link-count"> (23)</span></a> <a href="https://www.mebox.cn/tag/css" class="tag-cloud-link tag-link-127 tag-link-position-2" style="font-size: 12.404494382022pt;" aria-label="CSS (14个项目)">CSS<span class="tag-link-count"> (14)</span></a> <a href="https://www.mebox.cn/tag/google" class="tag-cloud-link tag-link-20 tag-link-position-3" style="font-size: 10.202247191011pt;" aria-label="Google (10个项目)">Google<span class="tag-link-count"> (10)</span></a> <a href="https://www.mebox.cn/tag/js" class="tag-cloud-link tag-link-10 tag-link-position-4" style="font-size: 16.337078651685pt;" aria-label="js (26个项目)">js<span class="tag-link-count"> (26)</span></a> <a href="https://www.mebox.cn/tag/php" class="tag-cloud-link tag-link-111 tag-link-position-5" style="font-size: 8.7865168539326pt;" aria-label="php (8个项目)">php<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/php%e6%ba%90%e7%a0%81" class="tag-cloud-link tag-link-822 tag-link-position-6" style="font-size: 13.977528089888pt;" aria-label="PHP源码 (18个项目)">PHP源码<span class="tag-link-count"> (18)</span></a> <a href="https://www.mebox.cn/tag/qq" class="tag-cloud-link tag-link-67 tag-link-position-7" style="font-size: 17.280898876404pt;" aria-label="QQ (30个项目)">QQ<span class="tag-link-count"> (30)</span></a> <a href="https://www.mebox.cn/tag/qq%e6%b4%bb%e5%8a%a8" class="tag-cloud-link tag-link-214 tag-link-position-8" style="font-size: 19.168539325843pt;" aria-label="QQ活动 (40个项目)">QQ活动<span class="tag-link-count"> (40)</span></a> <a href="https://www.mebox.cn/tag/qq%e7%a7%80" class="tag-cloud-link tag-link-413 tag-link-position-9" style="font-size: 14.606741573034pt;" aria-label="QQ秀 (20个项目)">QQ秀<span class="tag-link-count"> (20)</span></a> <a href="https://www.mebox.cn/tag/sql" class="tag-cloud-link tag-link-3 tag-link-position-10" style="font-size: 8.7865168539326pt;" aria-label="SQL (8个项目)">SQL<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/windows" class="tag-cloud-link tag-link-580 tag-link-position-11" style="font-size: 8pt;" aria-label="Windows (7个项目)">Windows<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/wordpress" class="tag-cloud-link tag-link-738 tag-link-position-12" style="font-size: 11.303370786517pt;" aria-label="wordpress (12个项目)">wordpress<span class="tag-link-count"> (12)</span></a> <a href="https://www.mebox.cn/tag/wordpress%e4%b8%bb%e9%a2%98" class="tag-cloud-link tag-link-798 tag-link-position-13" style="font-size: 10.202247191011pt;" aria-label="wordpress主题 (10个项目)">wordpress主题<span class="tag-link-count"> (10)</span></a> <a href="https://www.mebox.cn/tag/%e4%bc%9a%e5%91%98" class="tag-cloud-link tag-link-600 tag-link-position-14" style="font-size: 8.7865168539326pt;" aria-label="会员 (8个项目)">会员<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/%e5%8f%a3%e6%b0%b4%e6%97%a5%e8%ae%b0" class="tag-cloud-link tag-link-472 tag-link-position-15" style="font-size: 12.719101123596pt;" aria-label="口水日记 (15个项目)">口水日记<span class="tag-link-count"> (15)</span></a> <a href="https://www.mebox.cn/tag/%e5%9f%9f%e5%90%8d" class="tag-cloud-link tag-link-163 tag-link-position-16" style="font-size: 8pt;" aria-label="域名 (7个项目)">域名<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e5%b7%a5%e4%bd%9c" class="tag-cloud-link tag-link-295 tag-link-position-17" style="font-size: 8pt;" aria-label="工作 (7个项目)">工作<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-24 tag-link-position-18" style="font-size: 12.719101123596pt;" aria-label="开发 (15个项目)">开发<span class="tag-link-count"> (15)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7" class="tag-cloud-link tag-link-804 tag-link-position-19" style="font-size: 14.292134831461pt;" aria-label="微信公众号 (19个项目)">微信公众号<span class="tag-link-count"> (19)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-799 tag-link-position-20" style="font-size: 19.168539325843pt;" aria-label="微信小程序 (40个项目)">微信小程序<span class="tag-link-count"> (40)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e6%93%8e%e5%ba%94%e7%94%a8" class="tag-cloud-link tag-link-801 tag-link-position-21" style="font-size: 22pt;" aria-label="微擎应用 (61个项目)">微擎应用<span class="tag-link-count"> (61)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e6%93%8e%e6%8f%92%e4%bb%b6" class="tag-cloud-link tag-link-795 tag-link-position-22" style="font-size: 11.932584269663pt;" aria-label="微擎插件 (13个项目)">微擎插件<span class="tag-link-count"> (13)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e6%93%8e%e6%a8%a1%e5%9d%97" class="tag-cloud-link tag-link-834 tag-link-position-23" style="font-size: 20.426966292135pt;" aria-label="微擎模块 (48个项目)">微擎模块<span class="tag-link-count"> (48)</span></a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e8%bd%af" class="tag-cloud-link tag-link-32 tag-link-position-24" style="font-size: 8.7865168539326pt;" aria-label="微软 (8个项目)">微软<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/%e5%bf%83%e6%83%85" class="tag-cloud-link tag-link-89 tag-link-position-25" style="font-size: 16.022471910112pt;" aria-label="心情 (25个项目)">心情<span class="tag-link-count"> (25)</span></a> <a href="https://www.mebox.cn/tag/%e6%89%8b%e6%9c%ba" class="tag-cloud-link tag-link-128 tag-link-position-26" style="font-size: 14.292134831461pt;" aria-label="手机 (19个项目)">手机<span class="tag-link-count"> (19)</span></a> <a href="https://www.mebox.cn/tag/%e6%8e%a8%e8%8d%90" class="tag-cloud-link tag-link-201 tag-link-position-27" style="font-size: 8pt;" aria-label="推荐 (7个项目)">推荐<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e6%8f%92%e4%bb%b6" class="tag-cloud-link tag-link-456 tag-link-position-28" style="font-size: 9.5730337078652pt;" aria-label="插件 (9个项目)">插件<span class="tag-link-count"> (9)</span></a> <a href="https://www.mebox.cn/tag/%e6%90%9c%e7%b4%a2" class="tag-cloud-link tag-link-144 tag-link-position-29" style="font-size: 8.7865168539326pt;" aria-label="搜索 (8个项目)">搜索<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/%e6%94%af%e4%bb%98%e5%ae%9d" class="tag-cloud-link tag-link-348 tag-link-position-30" style="font-size: 10.831460674157pt;" aria-label="支付宝 (11个项目)">支付宝<span class="tag-link-count"> (11)</span></a> <a href="https://www.mebox.cn/tag/%e6%96%b9%e6%b3%95" class="tag-cloud-link tag-link-98 tag-link-position-31" style="font-size: 11.932584269663pt;" aria-label="方法 (13个项目)">方法<span class="tag-link-count"> (13)</span></a> <a href="https://www.mebox.cn/tag/%e6%9b%b4%e6%96%b0" class="tag-cloud-link tag-link-189 tag-link-position-32" style="font-size: 8.7865168539326pt;" aria-label="更新 (8个项目)">更新<span class="tag-link-count"> (8)</span></a> <a href="https://www.mebox.cn/tag/%e6%9c%8d%e5%8a%a1%e5%99%a8" class="tag-cloud-link tag-link-87 tag-link-position-33" style="font-size: 10.202247191011pt;" aria-label="服务器 (10个项目)">服务器<span class="tag-link-count"> (10)</span></a> <a href="https://www.mebox.cn/tag/%e6%b4%bb%e5%8a%a8" class="tag-cloud-link tag-link-659 tag-link-position-34" style="font-size: 12.719101123596pt;" aria-label="活动 (15个项目)">活动<span class="tag-link-count"> (15)</span></a> <a href="https://www.mebox.cn/tag/%e6%b7%98%e5%ae%9d" class="tag-cloud-link tag-link-469 tag-link-position-35" style="font-size: 9.5730337078652pt;" aria-label="淘宝 (9个项目)">淘宝<span class="tag-link-count"> (9)</span></a> <a href="https://www.mebox.cn/tag/%e6%bc%8f%e6%b4%9e" class="tag-cloud-link tag-link-524 tag-link-position-36" style="font-size: 9.5730337078652pt;" aria-label="漏洞 (9个项目)">漏洞<span class="tag-link-count"> (9)</span></a> <a href="https://www.mebox.cn/tag/%e7%88%b1" class="tag-cloud-link tag-link-100 tag-link-position-37" style="font-size: 10.202247191011pt;" aria-label="爱 (10个项目)">爱<span class="tag-link-count"> (10)</span></a> <a href="https://www.mebox.cn/tag/%e7%88%b1%e5%a5%87%e8%89%ba" class="tag-cloud-link tag-link-1171 tag-link-position-38" style="font-size: 9.5730337078652pt;" aria-label="爱奇艺 (9个项目)">爱奇艺<span class="tag-link-count"> (9)</span></a> <a href="https://www.mebox.cn/tag/%e7%99%be%e5%ba%a6" class="tag-cloud-link tag-link-21 tag-link-position-39" style="font-size: 11.303370786517pt;" aria-label="百度 (12个项目)">百度<span class="tag-link-count"> (12)</span></a> <a href="https://www.mebox.cn/tag/%e7%a7%bb%e5%8a%a8" class="tag-cloud-link tag-link-247 tag-link-position-40" style="font-size: 8pt;" aria-label="移动 (7个项目)">移动<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e7%bd%91%e7%ab%99" class="tag-cloud-link tag-link-710 tag-link-position-41" style="font-size: 11.303370786517pt;" aria-label="网站 (12个项目)">网站<span class="tag-link-count"> (12)</span></a> <a href="https://www.mebox.cn/tag/%e8%a1%a5%e4%b8%81" class="tag-cloud-link tag-link-59 tag-link-position-42" style="font-size: 8pt;" aria-label="补丁 (7个项目)">补丁<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e8%a7%86%e9%a2%91" class="tag-cloud-link tag-link-403 tag-link-position-43" style="font-size: 8pt;" aria-label="视频 (7个项目)">视频<span class="tag-link-count"> (7)</span></a> <a href="https://www.mebox.cn/tag/%e8%a7%a3%e5%86%b3%e5%8a%9e%e6%b3%95" class="tag-cloud-link tag-link-614 tag-link-position-44" style="font-size: 10.831460674157pt;" aria-label="解决办法 (11个项目)">解决办法<span class="tag-link-count"> (11)</span></a> <a href="https://www.mebox.cn/tag/%e9%bb%91%e5%ae%a2" class="tag-cloud-link tag-link-152 tag-link-position-45" style="font-size: 8pt;" aria-label="黑客 (7个项目)">黑客<span class="tag-link-count"> (7)</span></a></div></div></aside></div></div></div></main><footer class="site-footer"><div class="footer-copyright d-flex text-center"><div class="container"><p class="m-0 small"> © 2021 觅盒 - MEBOX.CN All rights reserved<a href="https://beian.miit.gov.cn" target="_blank" rel="noreferrer nofollow">黔ICP备2022002490号</a><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=52260102556047" target="_blank" rel="noreferrer nofollow">黔公网安备 52260102556047号</a></p></div></div></footer></div><div class="rollbar"><ul class="actions"><li> <a href="https://www.mebox.cn/" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="首页"><i class="fas fa-home"></i></a></li><li> <a href="https://www.mebox.cn/user" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="个人中心"><i class="far fa-user"></i></a></li><li> <a href="http://wpa.qq.com/msgrd?v=3&uin=6666666&site=qq&menu=yes" rel="nofollow noopener noreferrer" data-toggle="tooltip" data-html="true" data-placement="left" title="<b>在线客服</b> <u>9:00~21:00</u>"><i class="fab fa-qq"></i></a></li></ul><div class="rollbar-item back-to-top"> <i class="fas fa-chevron-up"></i></div></div><div class="m-menubar"><ul><li> <a href="https://www.mebox.cn" rel="nofollow noopener noreferrer"><i class="fas fa-home"></i>首页</a></li><li> <a href="https://www.mebox.cn/uncategorized" rel="nofollow noopener noreferrer"><i class="fas fa-layer-group"></i>分类</a></li><li> <a href="https://www.mebox.cn/question" rel="nofollow noopener noreferrer"><i class="fab fa-ello"></i>问答</a></li><li> <a href="https://www.mebox.cn/user" rel="nofollow noopener noreferrer"><i class="fas fa-user"></i>我的</a></li><li> <a href="javacript:void(0);" class="back-to-top" rel="nofollow noopener noreferrer"><i class="fas fa-chevron-up"></i>顶部<span></span></a></li></ul></div><div id="omnisearch" class="omnisearch"><div class="container"><form class="omnisearch-form" method="get" action="https://www.mebox.cn/"><div class="form-group"><div class="input-group input-group-merge input-group-flush"><div class="input-group-prepend"> <span class="input-group-text"><i class="fas fa-search"></i></span></div><div class="input-group-prepend d-flex align-items-center" style=" max-width: 35%; "> <select name='cat' id='omnisearch-cat' class='selectpicker'><option value=''>全部</option><option class="level-0" value="11">关注资讯</option><option class="level-0" value="14">学习 | 管理智慧</option><option class="level-0" value="1041">安全制度</option><option class="level-0" value="1">技术教程</option><option class="level-0" value="84">数码影音</option><option class="level-0" value="1112">活动线报</option><option class="level-0" value="23">站长原创</option><option class="level-0" value="760">精品插件</option><option class="level-0" value="779">精品模板</option><option class="level-0" value="759">精品源码</option><option class="level-0" value="766">网站公告</option><option class="level-0" value="16">资源下载</option><option class="level-0" value="758">软件工具</option><option class="level-0" value="8">随笔 | 工作生活</option> </select></div> <input type="text" class="search-ajax-input form-control" name="s" value="" placeholder="输入关键词回车搜索..." autocomplete="off"></div></div></form><div class="omnisearch-suggestions"><div class="search-keywords"> <a href="https://www.mebox.cn/tag/alt" class="tag-cloud-link tag-link-252 tag-link-position-1" style="font-size: 14px;">alt</a> <a href="https://www.mebox.cn/tag/js" class="tag-cloud-link tag-link-10 tag-link-position-2" style="font-size: 14px;">js</a> <a href="https://www.mebox.cn/tag/qq" class="tag-cloud-link tag-link-67 tag-link-position-3" style="font-size: 14px;">QQ</a> <a href="https://www.mebox.cn/tag/qq%e6%b4%bb%e5%8a%a8" class="tag-cloud-link tag-link-214 tag-link-position-4" style="font-size: 14px;">QQ活动</a> <a href="https://www.mebox.cn/tag/qq%e7%a7%80" class="tag-cloud-link tag-link-413 tag-link-position-5" style="font-size: 14px;">QQ秀</a> <a href="https://www.mebox.cn/news" class="tag-cloud-link tag-link-11 tag-link-position-6" style="font-size: 14px;">关注资讯</a> <a href="https://www.mebox.cn/learning" class="tag-cloud-link tag-link-14 tag-link-position-7" style="font-size: 14px;">学习 | 管理智慧</a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f" class="tag-cloud-link tag-link-799 tag-link-position-8" style="font-size: 14px;">微信小程序</a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e6%93%8e%e5%ba%94%e7%94%a8" class="tag-cloud-link tag-link-801 tag-link-position-9" style="font-size: 14px;">微擎应用</a> <a href="https://www.mebox.cn/tag/%e5%be%ae%e6%93%8e%e6%a8%a1%e5%9d%97" class="tag-cloud-link tag-link-834 tag-link-position-10" style="font-size: 14px;">微擎模块</a> <a href="https://www.mebox.cn/tag/%e5%bf%83%e6%83%85" class="tag-cloud-link tag-link-89 tag-link-position-11" style="font-size: 14px;">心情</a> <a href="https://www.mebox.cn/technical" class="tag-cloud-link tag-link-1 tag-link-position-12" style="font-size: 14px;">技术教程</a> <a href="https://www.mebox.cn/digital" class="tag-cloud-link tag-link-84 tag-link-position-13" style="font-size: 14px;">数码影音</a> <a href="https://www.mebox.cn/develop" class="tag-cloud-link tag-link-23 tag-link-position-14" style="font-size: 14px;">站长原创</a> <a href="https://www.mebox.cn/chajian" class="tag-cloud-link tag-link-760 tag-link-position-15" style="font-size: 14px;">精品插件</a> <a href="https://www.mebox.cn/yuanma" class="tag-cloud-link tag-link-759 tag-link-position-16" style="font-size: 14px;">精品源码</a> <a href="https://www.mebox.cn/resource" class="tag-cloud-link tag-link-16 tag-link-position-17" style="font-size: 14px;">资源下载</a> <a href="https://www.mebox.cn/life" class="tag-cloud-link tag-link-8 tag-link-position-18" style="font-size: 14px;">随笔 | 工作生活</a></div></div></div></div><div class="dimmer"></div><div class="off-canvas"><div class="canvas-close"><i class="fas fa-times"></i></div><div class="mobile-menu d-block d-xl-none d-lg-none"></div></div> <script src='https://www.mebox.cn/wp-content/plugins/coblocks/dist/js/coblocks-animation.js?ver=2.16.0' id='coblocks-animation-js'></script> <script id='ppress-frontend-script-js-extra'>var pp_ajax_form = {"ajaxurl":"https:\/\/www.mebox.cn\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"6b7d949141","disable_ajax_form":"false"};</script> <script src='https://www.mebox.cn/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=3.1.19' id='ppress-frontend-script-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/js/popper.min.js?ver=4.6.0' id='popper-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/bootstrap/js/bootstrap.min.js?ver=4.6.0' id='bootstrap-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/js/plugins.js?ver=4.6.0' id='plugins-js'></script> <script id='app-js-extra'>var riprov2 = {"home_url":"https:\/\/www.mebox.cn","admin_url":"https:\/\/www.mebox.cn\/wp-admin\/admin-ajax.php","is_qq_captcha":"0","is_single_gallery":"1","comment_list_order":"desc","infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"\u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","auto":"1","color":"#5b5b5b","html":"<div class=\"notify-content\"><h3><i class=\"fa fa-bell-o mr-2\"><\/i>RiPro-v2\u6700\u65b0\u7248\u672c\u66f4\u65b0\u65e5\u5fd7<\/h3><div>\u8fd9\u662f\u4e00\u6761\u7f51\u7ad9\u516c\u544a\uff0c\u53ef\u5728\u540e\u53f0\u5f00\u542f\u6216\u5173\u95ed\uff0c\u53ef\u81ea\u5b9a\u4e49\u80cc\u666f\u989c\u8272\uff0c\u6807\u9898\uff0c\u5185\u5bb9\uff0c\u6b64\u5904\u53ef\u4f7f\u7528html\u6807\u7b7e...<\/div><\/div>"},"site_js_text":{"login_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg1_txt":"\u90ae\u7bb1\u683c\u5f0f\u9519\u8bef","reg2_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","reg3_txt":"\u7528\u6237\u540d\u5fc5\u987b\u662f\u82f1\u6587","pass_txt":"\u8bf7\u70b9\u51fb\u5b89\u5168\u9a8c\u8bc1","bind_txt":"\u8bf7\u70b9\u51fb\u9a8c\u8bc1\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","copy_txt":" \u590d\u5236\u6210\u529f","poster_txt":"\u6d77\u62a5\u52a0\u8f7d\u5f02\u5e38","mpwx1_txt":"\u8bf7\u4f7f\u7528\u5fae\u4fe1\u626b\u7801\u767b\u5f55","mpwx2_txt":"\u5173\u6ce8\u516c\u4f17\u53f7\u5373\u53ef\u767b\u5f55<\/br>\u4e8c\u7ef4\u7801\u6709\u6548\u671f3\u5206\u949f","pay1_txt":"\u652f\u4ed8\u5b8c\u6210","pay2_txt":"\u53d6\u6d88\u652f\u4ed8","pay3_txt":"\u652f\u4ed8\u6210\u529f","capt_txt":"\u9a8c\u8bc1\u4e2d","capt1_txt":"\u9a8c\u8bc1\u901a\u8fc7","capt2_txt":"\u9a8c\u8bc1\u5931\u8d25","prompt_txt":"\u8bf7\u8f93\u5165\u56fe\u7247URL\u5730\u5740","comment_txt":"\u63d0\u4ea4\u4e2d....","comment1_txt":"\u63d0\u4ea4\u6210\u529f"},"singular_id":"289"};</script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/js/app.js?ver=4.6.0' id='app-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/spotlight/spotlight.bundle.js?ver=0.7.0' id='spotlight-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/jarallax/jarallax.min.js?ver=1.12.5' id='jarallax-js'></script> <script src='https://www.mebox.cn/wp-content/themes/ripro-v2/assets/jarallax/jarallax-video.min.js?ver=1.0.1' id='jarallax-video-js'></script> <script src='https://www.mebox.cn/wp-includes/js/comment-reply.min.js?ver=6.1.1' id='comment-reply-js'></script> <script id='erphpdown-js-extra'>var erphpdown_ajax_url = "https:\/\/www.mebox.cn\/wp-admin\/admin-ajax.php";</script> <script src='https://www.mebox.cn/wp-content/plugins/erphpdown/static/erphpdown.js?ver=9.71' id='erphpdown-js'></script> <script src='https://www.mebox.cn/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=bKk2BcvC/86INS5' id='enlighterjs-js'></script> <script id='enlighterjs-js-after'>!function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW, pre[class*=\"lang:\"][class~=\"decode:true\"]","inline":"code.EnlighterJSRAW, span[class*=\"lang:\"][class~=\"decode:true\"][class~=\"crayon-inline\"]"},"options":{"indent":2,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"classic","language":"php","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console);</script> <script src='https://www.mebox.cn/wp-includes/js/clipboard.min.js?ver=2.0.11' id='clipboard-js'></script> <script>window.lazyLoadOptions={elements_selector:"iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){return} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){return} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://www.mebox.cn/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script> <script>var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?3b9dbcfb6a805336113d1f57a9dae07a"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();</script> <script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=711285&web_id=711285&async=1"></script></body></html>