这次给大家带来xhtml中有哪些常用的标签，xhtml中使用常用标签的注意事项有哪些，下面就是实战案例，一起来看一下。
什么是 XHTML 标签？
XHTML 标签元素是 XHTML 文档的基本组成部分。XHTML 标签可以理解为是 XHTML 语言用于定义描述 XHTML 文档 “这是什么，那是什么” 的标记。
XHTML 标签是由尖括号包围的关键词，常常是成对出现的，如 ，这个标签就标明这是一个 hmtl（xhtml）文档。标签对中的第一个标签是开始标签（start tag），第二个标签是结束标签（end tag）。
也有少部分标签并不是成对的或者说没有结束标签，如换行标签
。
XHTML 标签的关闭
在 XHTML 规范中，所有的标签都必须关闭。通常成对的标签用结束标签以关闭标签，非成对的标签，以空格加 /> 来关闭，如
。
尽管浏览器能识别没有关闭的标签，但从规范及长远来看，关闭标签是必须的。
常用的 XHTML 标签
标签
该标签标明这是一个 hmtl（xhtml）文档，除 XHTML文件类型声明 外，一切其他 XHTML 标签元素都必须嵌入该标签内。
<html>
<head> ... </head>
<body>
<p>文字段落等正文内容</p>
</body>
</html>
登录后复制
标签
标明 XHTML 文档的头部信息，这些信息通常为浏览器所需以及对 XHTML 文档的附加说明，如文档加载的 CSS 样式或者其他 脚本信息等。
标签
该标签定义整个 XHTML 文档的标题，用于显示在浏览器窗口最上端的标题栏内，该标签嵌套于 内。
<head>
<title>XHTML 标签 - XHTML教程</title>
</head>
登录后复制
标签
顾名思义，该标签内描述的是 XHTML 文档的正文内容，所有需要展示的正文内容都包含在该标签内。
XHTML 标题
XHTML 文档标题共分 6 级，分别由
- 进行定义。<h1>一级标题</h1>
<h1>二级标题</h1>
<h1>三级标题</h1>
登录后复制
注意，该标题非
标题，但通常 <h1> 在核心上等同于 <title></p><p>XHTML 段落<br/>XHTML 段落由 <p></p> 标签定义：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><img src="flower.jpg" alt="花" /></pre><div class="contentsignin">登录后复制</div></div><p>在该标签中，以 src <a href="http://www.php.cn/wiki/169.html" target="_blank">属性</a>提供图像来源，该标签在浏览器中将显示 flower.jpg 图像。</p><p>XHTML 表单<br/>XHTML 表单用于收集用户的输入信息，如用户留言等，表单通过 <form></form>来定义：</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><form>
各种表单元素（文本域、下拉列表、单选框、复选框等）
</form></pre><div class="contentsignin">登录后复制</div></div><p>相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网<a href="http://www.php.cn/java/java-alibaba-qita.html" target="_blank">其它</a>相关文章！</p>
<p>相关阅读：</p>
<p><a href="http://www.php.cn/div-tutorial-385519.html" target="_blank">在XHTML中的标题标签与段落标签有哪些使用方法</a><br></p>
<p><a href="http://www.php.cn/div-tutorial-385512.html" target="_blank">在HTML/XHTML中的img图像标签应该如何使用</a><br></p>
<p><a href="http://www.php.cn/div-tutorial-385471.html" target="_blank">在响应式框架中,table表头自动换行的如何处理</a><br></p><p>以上就是XHTML中有哪些常用的标签的详细内容，更多请关注php中文网其它相关文章！</p>
</div>
</div>
<!-- <div class="ask_line-container" >
<div class="ask_line"></div>
<button type="button" class="ask_text test-iframe-handle">
没有解决问题？点击使用智能助手
</button>
<div class="ask_line"></div>
</div> -->
<div class="community flexRow">
<div class="comleft flexRow">
<img src="/static/logo.png" class="comlimg">
<div class="comldiv flexColumn">
<div class="comldup">智能AI问答</div>
<div class="comlddown">PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。</div>
</div>
</div>
<div class="comright flexRow">
<a onclick="aiask('');" class="comrA aBlack">我要提问</a>
</div>
</div>
<div class="phpwzggBox" style="width: 960px; margin: 20px auto;">
<script type="text/javascript" smua="d=p&s=b&u=u2839458&w=960&h=140" src="https://www.nkscdn.com/smu/o.js"></script>
</div>
<div class="wzconlabels">
<div class="wzconBq" style="display: inline-flex;">
<span>相关标签：</span>
<div class="wzcbqd" style="display:flex;">
<a onclick="hits_log(2,'www',this);" href-data="/search?word=php" target="_blank">php</a> <a onclick="hits_log(2,'www',this);" href-data="/search?word=css" target="_blank">css</a> <a onclick="hits_log(2,'www',this);" href-data="/search?word=html" target="_blank">html</a> <a onclick="hits_log(2,'www',this);" href-data="/search?word=xhtml" target="_blank">xhtml</a> <a onclick="hits_log(2,'www',this);" href-data="/search?word=table" target="_blank">table</a> </div>
</div>
<div style="display: inline-flex;float: right; color:#333333;">来源：php中文网</div>
</div>
<div class="wzconFx">
<a class="wzcf-sc articleICollection " data-id="385522">
<img src="/static/lhimages/shoucang_2x.png">
<span>收藏</span>
</a>
<a class="wzcf-dz articlegoodICollection " data-id="385522">
<img src="/static/images/images/icon37.png">
<span>点赞</span>
</a>
</div>
<div class="wzconOtherwz">
<a href="/faq/385519.html">
<span>上一篇：在XHTML中的标题标签与段落标签有哪些使用方法</span>
</a>
<a href="/faq/385527.html">
<span>下一篇：怎样用HTML和CSS做出大白</span>
</a>
</div>
<div class="wzconShengming">
<img src="/static/images/images/benzhanshengming.png" />
<div>本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</div>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">作者最新文章</div>
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398719.html" title="phpcn{$vo.title}">怎样快速解决jQuery发请求传输中文参数乱码</a>
</div>
<div>2023-03-28 09:36:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398714.html" title="phpcn{$vo.title}">如何使用PHP实现微信小程序人脸识别刷脸登录</a>
</div>
<div>2023-03-28 09:34:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398712.html" title="phpcn{$vo.title}">如何利用PHP实现防止表单重复提交</a>
</div>
<div>2023-03-28 09:32:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398711.html" title="phpcn{$vo.title}">怎样利用thinkPHP实现三次登陆密码错误之后锁定账号</a>
</div>
<div>2023-03-28 09:30:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398708.html" title="phpcn{$vo.title}">PHP实现生成数据字典步骤详解</a>
</div>
<div>2023-03-28 09:28:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398707.html" title="phpcn{$vo.title}">CodeIgniter框架数据库使用案例解析</a>
</div>
<div>2023-03-28 09:26:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398705.html" title="phpcn{$vo.title}">php框架CodeIgniter数据库配置步骤详解</a>
</div>
<div>2023-03-28 09:24:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398704.html" title="phpcn{$vo.title}">php7的新特性使用详解</a>
</div>
<div>2023-03-28 09:22:01</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398703.html" title="phpcn{$vo.title}">ThinkPHP5.0框架控制器继承基与自定义类案例详解</a>
</div>
<div>2023-03-28 09:20:02</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots"></span>
<a target="_blank" href="/faq/398701.html" title="phpcn{$vo.title}">如何使用PHP ADODB做出分页功能</a>
</div>
<div>2023-03-28 09:18:02</div>
</li>
</ul>
</div>
<div class="wzconZzwz">
<div class="wzconZzwztitle">最新问题</div>
<div class="wdsyContent">
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176407.html" target="_blank" title="子窗口操作父窗口，输出没反应" class="wdcdcTitle">子窗口操作父窗口，输出没反应</a>
<a href="/wenda/176407.html" class="wdcdcCons">前两句可执行，最后一句没法应</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉722478067来自于2024-04-19 15:37:47</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">19</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176406.html" target="_blank" title="父窗口没有输出" class="wdcdcTitle">父窗口没有输出</a>
<a href="/wenda/176406.html" class="wdcdcCons">document.onclick = function(){ window.opener.document.write('我是子窗口的输出'); &nb...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉722478067来自于2024-04-18 23:52:34</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">40</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176405.html" target="_blank" title="关于CSS思维导图的课件在哪？" class="wdcdcTitle">关于CSS思维导图的课件在哪？</a>
<a href="/wenda/176405.html" class="wdcdcCons">课件</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">凡人来自于2024-04-16 10:10:18</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">129</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176403.html" target="_blank" title="PX自动转换为REM错误" class="wdcdcTitle">PX自动转换为REM错误</a>
<a href="/wenda/176403.html" class="wdcdcCons"> <style>html { font-size: calc(100vw / 3.75); }...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">凡人来自于2024-04-16 09:34:16</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">0</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">767</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176400.html" target="_blank" title="PHP数组从URL参数中获取的行为不如预期" class="wdcdcTitle">PHP数组从URL参数中获取的行为不如预期</a>
<a href="/wenda/176400.html" class="wdcdcCons">我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉785905797来自于2024-04-06 22:09:02</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">438</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176399.html" target="_blank" title="通过添加 Width 属性将内容向左移动" class="wdcdcTitle">通过添加 Width 属性将内容向左移动</a>
<a href="/wenda/176399.html" class="wdcdcCons">我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉738046172来自于2024-04-06 22:01:35</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">2</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">317</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176398.html" target="_blank" title="我应该在 apache 中哪里放置 CustomLog 指令" class="wdcdcTitle">我应该在 apache 中哪里放置 CustomLog 指令</a>
<a href="/wenda/176398.html" class="wdcdcCons">我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉573809727来自于2024-04-06 22:03:59</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">442</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176397.html" target="_blank" title="返回值中变量的格式是什么？" class="wdcdcTitle">返回值中变量的格式是什么？</a>
<a href="/wenda/176397.html" class="wdcdcCons">我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉757556355来自于2024-04-06 21:55:20</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">266</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176396.html" target="_blank" title="页面突然无法拉动 css 或 bootstrap" class="wdcdcTitle">页面突然无法拉动 css 或 bootstrap</a>
<a href="/wenda/176396.html" class="wdcdcCons">所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉771233336来自于2024-04-06 21:58:04</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">357</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
<div class="wdsyConDiv flexRow wdsyConDiv1">
<div class="wdcdContent flexColumn">
<a href="/wenda/176395.html" target="_blank" title="如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？" class="wdcdcTitle">如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？</a>
<a href="/wenda/176395.html" class="wdcdcCons">这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...</a>
<div class="wdcdcInfo flexRow">
<div class="wdcdcileft">
<span class="wdcdciSpan">P粉970736384来自于2024-04-06 21:28:37</span>
</div>
<div class="wdcdciright flexRow">
<a class="wdcdcirdz flexRow"> <img src="/static/images/images/icon37.png" class="wdcdcirdzi">0</a>
<a class="wdcdcirpl flexRow"><img src="/static/images/images/icon24.png" class="wdcdcirpli">1</a>
<a class="wdcdcirwatch flexRow"><img src="/static/images/images/icon43.png" class="wdcdcirwatchi">1863</a>
</div>
</div>
</div>
</div>
<div class="wdsyConLine wdsyConLine2"></div>
</div>
</div>
<div class="wzconZt" >
<div class="wzczt-title">
<div>相关专题</div>
<a href="/faq/zt" target="_blank">更多>
</a>
</div>
<div class="wzcttlist">
<ul>
<li class="ul-li">
<a target="_blank" href="/faq/phpwjzmdk"><img src="https://img.php.cn/upload/subject/202309/01/2023090111533461500.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpwjzmdk" class="title-a-spanl"><span>php文件怎么打开</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/phpzmqcszys"><img src="https://img.php.cn/upload/subject/202310/11/2023101111394597302.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpzmqcszys" class="title-a-spanl"><span>php怎么取出数组的前几个元素</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/phpfxlsb"><img src="https://img.php.cn/upload/subject/202310/11/2023101111442515737.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpfxlsb" class="title-a-spanl"><span>php反序列化失败怎么办</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/phpljmssql"><img src="https://img.php.cn/upload/subject/202310/23/2023102311474720631.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpljmssql" class="title-a-spanl"><span>php怎么连接mssql数据库</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/phpljmssqlsjk"><img src="https://img.php.cn/upload/subject/202310/23/2023102312044461242.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpljmssqlsjk" class="title-a-spanl"><span>php连接mssql数据库的方法</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/htmlzmsc"><img src="https://img.php.cn/upload/subject/202311/03/2023110309571979057.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/htmlzmsc" class="title-a-spanl"><span>html怎么上传</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/phpcxlmzmjj"><img src="https://img.php.cn/upload/subject/202311/09/2023110909430246458.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/phpcxlmzmjj" class="title-a-spanl"><span>PHP出现乱码怎么解决</span> </a>
</li>
<li class="ul-li">
<a target="_blank" href="/faq/php怎么在浏览器运行"><img src="https://img.php.cn/upload/subject/202311/10/2023111015531630047.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" /> </a>
<a target="_blank" href="/faq/php怎么在浏览器运行" class="title-a-spanl"><span>php怎么在浏览器运行</span> </a>
</li>
</ul>
</div>
</div>
<div class="wzcongg"><script type="text/javascript" src="https://sw.php.cn/hezuo/7236a960e9805fe5337a40a36e76376b.js" ></script></div>
</div>
</div>
<div class="phpwzright">
<div class="wzrOne" style="margin-bottom:31px; padding:0px; width: 366px;">
<script type="text/javascript" src="https://sw.php.cn/hezuo/7d4897500e1f8454c8cecc43e5d92949.js" ></script>
<!-- <script type="text/javascript" smua="d=p&s=b&u=u2839468&w=366&h=270" src="https://www.nkscdn.com/smu/o.js"></script> -->
</div>
<div class="wzrOne">
<div class="wzroTitle">热门推荐</div>
<div class="wzroList">
<ul>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744488.html">html如何获取数据</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744478.html">如何读取html文件中的文字内容</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744455.html">html字体颜色如何设置透明度</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744446.html">html如何调整字体颜色的大小</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744424.html">html如何调整字体颜色深浅</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744415.html">在html中如何改变字体的颜色</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744408.html">html如何设置字体颜色大小</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744396.html">html如何让字体变色一点</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744383.html">html如何让字体变色渐变</a>
</div>
</li>
<li>
<div class="wzczzwzli">
<span class="layui-badge-dots wzrolr"></span>
<a style="height: auto;" href="/faq/744374.html">html如何引用外部js</a>
</div>
</li>
</ul>
</div>
</div>
<div class="wzrTwo">
<!--<script type="text/javascript" src="https://sw.php.cn/hezuo/3b9658c68b4a51ac91d4414a910efa45.js" ></script>-->
</div>
<div class="wzrTwo">
<script type="text/javascript" src="https://sw.php.cn/hezuo/08af4bd5aaa6c69c3f76add681d83973.js" ></script>
</div>
<div class="wzrThree">
<div class="wzrthree-title">
<div>热门教程</div>
<a target="_blank" href="https://www.php.cn/k.html">更多>
</a>
</div>
<div class="wzrthreelist">
<div class="wzrthreeTab">
<div class="check tabdiv" data-id="one">相关推荐 <div></div></div>
<div class="tabdiv" data-id="two">热门推荐<div></div></div>
<div class="tabdiv" data-id="three">最新课程<div></div></div>
</div>
<ul class="one">
<script type="text/javascript" src="https://sw.php.cn/hezuo/12c9e4b5f2a532598274ebbfb142fd5f.js" ></script>
<li>
<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg" alt="phpStudy极速入门视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/639.html">phpStudy极速入门视频教程</a>
<div class="wzrthreerb">
<div >513490次学习</div>
<a class="courseICollection" data-id="639"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/372.html" title="独孤九贱(1)_HTML5视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6ddbecdb1707.jpg" alt="独孤九贱(1)_HTML5视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/372.html">独孤九贱(1)_HTML5视频教程</a>
<div class="wzrthreerb">
<div >595233次学习</div>
<a class="courseICollection" data-id="372"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/486.html" title="独孤九贱(5)_ThinkPHP5视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6e053065c808.jpg" alt="独孤九贱(5)_ThinkPHP5视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/486.html">独孤九贱(5)_ThinkPHP5视频教程</a>
<div class="wzrthreerb">
<div >1188695次学习</div>
<a class="courseICollection" data-id="486"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
<ul class="two" style="display: none;">
<li>
<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/812.html">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
<div class="wzrthreerb">
<div >1376618次学习</div>
<a class="courseICollection" data-id="812"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/379.html" title="独孤九贱(4)_PHP视频教程" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg" alt="独孤九贱(4)_PHP视频教程"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/379.html">独孤九贱(4)_PHP视频教程</a>
<div class="wzrthreerb">
<div >1191273次学习</div>
<a class="courseICollection" data-id="379"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg" alt="PHP实战天龙八部之仿爱奇艺电影网站"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/801.html">PHP实战天龙八部之仿爱奇艺电影网站</a>
<div class="wzrthreerb">
<div >738563次学习</div>
<a class="courseICollection" data-id="801"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/170.html" title="PHP入门视频教程之一周学会PHP" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253ddf274262146.png" alt="PHP入门视频教程之一周学会PHP"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/170.html">PHP入门视频教程之一周学会PHP</a>
<div class="wzrthreerb">
<div >1443580次学习</div>
<a class="courseICollection" data-id="170"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/593.html" title="ThinkPHP5实战之[教学管理系统]" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/068/6253d87459486427.png" alt="ThinkPHP5实战之[教学管理系统]"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/593.html">ThinkPHP5实战之[教学管理系统]</a>
<div class="wzrthreerb">
<div >697068次学习</div>
<a class="courseICollection" data-id="593"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
<ul class="three" style="display: none;">
<li>
<a target="_blank" href="/course/1646.html" title="Go语言实战之 GraphQL" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Go语言实战之 GraphQL"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1646.html">Go语言实战之 GraphQL</a>
<div class="wzrthreerb">
<div >1次学习</div>
<a class="courseICollection" data-id="1646"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1645.html" title="550W粉丝大佬手把手从零学JavaScript" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="550W粉丝大佬手把手从零学JavaScript"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1645.html">550W粉丝大佬手把手从零学JavaScript</a>
<div class="wzrthreerb">
<div >133次学习</div>
<a class="courseICollection" data-id="1645"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1644.html" title="python大神Mosh，零基础小白6小时完全入门" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="python大神Mosh，零基础小白6小时完全入门"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1644.html">python大神Mosh，零基础小白6小时完全入门</a>
<div class="wzrthreerb">
<div >1795次学习</div>
<a class="courseICollection" data-id="1644"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1643.html" title="MySQL 初学入门（mosh老师）" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/66123f1bad93f980.png" alt="MySQL 初学入门（mosh老师）"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1643.html">MySQL 初学入门（mosh老师）</a>
<div class="wzrthreerb">
<div >258次学习</div>
<a class="courseICollection" data-id="1643"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
<li>
<a target="_blank" href="/course/1642.html" title="Mock.js | Axios.js | Json | Ajax--十天精品课堂" class="wzrthreelaimg">
<img src="https://img.php.cn/upload/course/000/000/067/6606778a6add7485.png" alt="Mock.js | Axios.js | Json | Ajax--十天精品课堂"/>
</a>
<div class="wzrthree-right">
<a target="_blank" href="/course/1642.html">Mock.js | Axios.js | Json | Ajax--十天精品课堂</a>
<div class="wzrthreerb">
<div >489次学习</div>
<a class="courseICollection" data-id="1642"><img src="/static/images/images/icon-small-nocollect.png" class="nofollow">收藏</a>
</div>
</div>
</li>
</ul>
</div>
<script>
$('.wzrthreeTab>div').click(function(e){
$('.wzrthreeTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrthreelist>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="wzrTwo">
<script type="text/javascript" smua="d=p&s=b&u=u2839468&w=366&h=270" src="https://www.nkscdn.com/smu/o.js"></script> </div>
<div class="wzrFour">
<div class="wzrfour-title">
<div>最新下载</div>
<a href="/xiazai">更多>
</a>
</div>
<script>
$(document).ready(function(){
var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{
speed:1000,
autoplay:{
delay:3500,
disableOnInteraction: false,
},
pagination:{
el:'.sjyx_banSwiperwz .swiper-pagination',
clickable :false,
},
loop:true
})
})
</script>
<div class="wzrfourList">
<div class="wzrfourlTab">
<div class="check" data-id="onef">网站特效 <div></div></div>
<div class="" data-id="twof">网站源码<div></div></div>
<div class="" data-id="threef">网站素材<div></div></div>
<div class="" data-id="fourf">前端模板<div></div></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery企业留言表单联系代码" href="/xiazai/js/8071">[表单按钮] jQuery企业留言表单联系代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5 MP3音乐盒播放特效" href="/xiazai/js/8070">[播放器特效] HTML5 MP3音乐盒播放特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="HTML5炫酷粒子动画导航菜单特效" href="/xiazai/js/8069">[菜单导航] HTML5炫酷粒子动画导航菜单特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery可视化表单拖拽编辑代码" href="/xiazai/js/8068">[表单按钮] jQuery可视化表单拖拽编辑代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="VUE.JS仿酷狗音乐播放器代码" href="/xiazai/js/8067">[播放器特效] VUE.JS仿酷狗音乐播放器代码</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="经典html5推箱子小游戏" href="/xiazai/js/8066">[html5特效] 经典html5推箱子小游戏</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="jQuery滚动添加或减少图片特效" href="/xiazai/js/8065">[图片特效] jQuery滚动添加或减少图片特效</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a target="_blank" title="CSS3个人相册封面悬停放大特效" href="/xiazai/js/8064">[相册特效] CSS3个人相册封面悬停放大特效</a>
</div>
</li>
</ul>
<ul class="twof" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7647" title="有机果蔬供应商网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 有机果蔬供应商网页模板 Bootstrap5</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7646" title="Bootstrap3多功能数据信息后台管理响应式网页模板-Novus" target="_blank">[后端模板] Bootstrap3多功能数据信息后台管理响应式网页模板-Novus</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7645" title="房产资源服务平台网页模板 Bootstrap5" target="_blank">[Bootstrap模板] 房产资源服务平台网页模板 Bootstrap5</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7644" title="简约简历资料网页模板 Bootstrap4" target="_blank">[Bootstrap模板] 简约简历资料网页模板 Bootstrap4</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7639" title="bootstrap响应式宽屏图书教育网站模板-DREAMLIFE" target="_blank">[Bootstrap模板] bootstrap响应式宽屏图书教育网站模板-DREAMLIFE</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7634" title="MAC风格响应式蓝色企业CMS后台管理系统模版" target="_blank">[后端模板] MAC风格响应式蓝色企业CMS后台管理系统模版</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7632" title="响应式渐变大气后台管理系统网站模板-usinessbox" target="_blank">[后端模板] 响应式渐变大气后台管理系统网站模板-usinessbox</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/7629" title="响应式蔬菜水果商店网站模板-Organio" target="_blank">[Bootstrap模板] 响应式蔬菜水果商店网站模板-Organio</a>
</div>
</li>
</ul>
<ul class="threef" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3078" target="_blank" title="可爱的夏天元素矢量素材(EPS+PNG)">[网站素材] 可爱的夏天元素矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3077" target="_blank" title="四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)">[网站素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3076" target="_blank" title="唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)">[网站素材] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3075" target="_blank" title="金色的毕业帽矢量素材(EPS+PNG)">[网站素材] 金色的毕业帽矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3074" target="_blank" title="黑白风格的山脉图标矢量素材(EPS+PNG)">[网站素材] 黑白风格的山脉图标矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3073" target="_blank" title="不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)">[网站素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3072" target="_blank" title="扁平风格的植树节banner矢量素材(AI+EPS)">[网站素材] 扁平风格的植树节banner矢量素材(AI+EPS)</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/sucai/3071" target="_blank" title="九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)">[网站素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)</a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none">
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8328" target="_blank" title="家居装潢清洁维修服务公司网站模板">[前端模板] 家居装潢清洁维修服务公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8327" target="_blank" title="清新配色个人求职简历引导页模板">[前端模板] 清新配色个人求职简历引导页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8326" target="_blank" title="设计师创意求职简历网页模板">[前端模板] 设计师创意求职简历网页模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8325" target="_blank" title="现代工程建筑公司网站模板">[前端模板] 现代工程建筑公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8324" target="_blank" title="教育服务机构响应式HTML5模板">[前端模板] 教育服务机构响应式HTML5模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8323" target="_blank" title="网上电子书店商城网站模板">[前端模板] 网上电子书店商城网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8322" target="_blank" title="IT技术解决互联网公司网站模板">[前端模板] IT技术解决互联网公司网站模板</a>
</div>
</li>
<li>
<div class="wzrfourli">
<span class="layui-badge-dots wzrflr"></span>
<a href="/xiazai/code/8321" target="_blank" title="紫色风格外汇交易服务网站模板">[前端模板] 紫色风格外汇交易服务网站模板</a>
</div>
</li>
</ul>
</div>
<script>
$('.wzrfourlTab>div').click(function(e){
$('.wzrfourlTab>div').removeClass('check')
$(this).addClass('check')
$('.wzrfourList>ul').css('display','none')
$('.'+e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
</div>
<!--主体 end-->
<!--底部-->
<div class="phpFoot">
<div class="phpFootIn">
<div class="phpFootCont">
<div class="phpFootLeft">
<dl>
<dt>
<a href="/about/us.html" rel="nofollow" target="_blank" title="关于我们" class="cBlack">关于我们</a>
<a href="/about/disclaimer.html" rel="nofollow" target="_blank" title="免责申明" class="cBlack">免责申明</a>
<a href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')" title="意见反馈" class="cBlack">意见反馈</a>
<a href="https://www.php.cn/teacher.html" rel="nofollow" target="_blank" title="讲师合作" class="cBlack">讲师合作</a>
<a href="https://www.php.cn/blog/detail/20304.html" rel="nofollow" target="_blank" title="广告合作" class="cBlack">广告合作</a>
<!--<a href="javascript:;" target="_blank" title="其他合作" class="cBlack">其他合作</a>-->
<a href="/new/" target="_blank" title="最新文章列表" class="cBlack">最新更新</a>
<div class="clear"></div>
</dt>
<dd class="cont1">php中文网：公益在线php培训，帮助PHP学习者快速成长！</dd>
<dd class="cont2">
<span class="ylwTopBox">
<a href="javascript:;" class="cBlack"><b class="icon1"></b>关注服务号</a>
<em style="display:none;" class="ylwTopSub">
<p>微信扫码<br/>关注PHP中文网服务号</p>
<img src="/static/images/examples/text16.png"/>
</em>
</span>
<span class="ylwTopBox">
<a href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes" target="_blank" class="cBlack"><b class="icon2"></b>技术交流群</a>
<em style="display:none;" class="ylwTopSub">
<p>QQ扫码<br/>加入技术交流群</p>
<img src="/static/images/examples/text18.png"/>
</em>
</span>
<div class="clear"></div>
</dd>
</dl>
<div class="ylwTopBox phpAppBox" style="top: 0px; right: 20px;">
<div class="phpAppTitle"><a href="/app/" style="color:#cccccc;">app下载</a></div>
<div class="phpAppSub ylwTopSub" style="display: none;">
<img src="https://www.php.cn/static/images/examples/text14.png"/>
<p>扫描下载App</p>
</div>
</div>
</div>
<div class="phpFootRight">
<div class="phpFootMsg">
<span><img src="/static/images/examples/text17.png"/></span>
<dl>
<dt>PHP中文网订阅号</dt>
<dd>每天精选资源文章推送</dd>
</dl>
</div>
<div class="phpFootMsg">
<span><img src="/static/images/examples/text14.png"/></span>
<dl>
<dt>PHP中文网APP</dt>
<dd>随时随地碎片化学习</dd>
</dl>
</div>
<div class="phpFootMsg">
<span><img src="/static/images/dy.png"/></span>
<dl>
<dt>PHP中文网抖音号</dt>
<dd>发现有趣的</dd>
</dl>
</div>
</div>
</div>
</div>
<div class="phpFootCode">
<div class="phpFootCodeIn"><p>Copyright 2014-2024 <a href="https://www.php.cn/" target="_blank">https://www.php.cn/</a> All Rights Reserved | php.cn | <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023035733号</a></p><a href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" target="_blank"><b></b></a></div>
</div>
</div>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>
<!--底部 end-->
<script>
$(function() {
//直播倒计时
$(".liveitem").each(function(){
timer(this);
})
function timer(obj){
var intDiff = $(obj).data("countdown");
window.setInterval(function(){
var day=0,
hour=0,
minute=0,
second=0;//时间默认值
if(intDiff > 0){
day = Math.floor(intDiff / (60 * 60 * 24));
hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
}else{
$(obj).find(".phpZbktBg").remove();
return;
}
if (hour <= 9) hour = '0' + hour;
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$(obj).find('.day_show').html(day+"");
$(obj).find('.hour_show').html('<s id="h"></s>'+hour+'');
$(obj).find('.minute_show').html('<s></s>'+minute+'');
$(obj).find('.second_show').html('<s></s>'+second+'');
intDiff--;
}, 1000);
}
});
</script>
<script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1713526641"></script>
<script>article_status = 61021;</script>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<input type="hidden" id="verifycode" value="/captcha.html">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/common_new.js?2.1" ></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.33"></script>
<script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>var topadshow = $.cookie('phpcndatatopadshows');if(!topadshow&&1==2){$('.topimages').show();var topobj = $('.topimages').find('.time');var topobj_day = $('.topimages .time').find('.day');var topobj_hours = $('.topimages .time').find('.hours');var topobj_minutes = $('.topimages .time').find('.minutes');var topobj_second = $('.topimages .time').find('.second');var topday = parseInt(topobj_day.html());var tophours = parseInt(topobj_hours.html());var topminutes = parseInt(topobj_minutes.html());var topsecond = parseInt(topobj_second.html());setInterval(function(){if(topsecond > 0){topsecond = topsecond-1;}else{if(topminutes > 0){topminutes = topminutes-1;topsecond = 59;}else{if(tophours > 0){tophours = tophours-1;topminutes = 59;topsecond = 59;}else{if(topday > 0){topday = topday -1;tophours = 23;topminutes = 59;topsecond = 59;}else{topobj.html("<p><span>活动已结束</span></p>");}}}}topobj_second.html(topsecond);topobj_minutes.html(topminutes);topobj_hours.html(tophours);topobj_day.html(topday);},1000);}$('.topimages .layui-icon-close').click(function(){$.cookie('phpcndatatopadshows',1,{expires:7});$('.topimages').hide();});</script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all'/>
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<style>
.content img{max-width:80%;}
.copy-button {
padding: 5px 10px;
background-color: #666;
border: none;
color: #FFF;
font-size: 12px;
cursor: pointer;
border-radius: 5px;
position: relative;
top: 33px;
right: 5px;
z-index: 99;
float: right;
}
.copy-button:hover {
background-color: #fc3930;
}
</style>
<script>
$(document).ready(function(){
$('#gongzhonghao').hover(function(){
$('#gzh').show();
},function(){
$('#gzh').hide();
})
})
</script>
<script>
layui.use(['jquery','layer'], function(){
$('.test-iframe-handle').click(function(){
layer.open({
type: 2,
area: ['1300px', '750px'],
content: 'https://www.php.cn/help/ask?q=XHTML%E4%B8%AD%E6%9C%89%E5%93%AA%E4%BA%9B%E5%B8%B8%E7%94%A8%E7%9A%84%E6%A0%87%E7%AD%BE',
fixed: true, // 不固定
//maxmin: true,
shadeClose: true,
title:"智能小助手",
btnAlign: 'c',
yes: function(index, layero){
// 获取 iframe 的窗口对象
var iframeWin = window[layero.find('iframe')[0]['name']];
var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
var value = elemMark.val();
if($.trim(value) === '') return elemMark.focus();
// 显示获得的值
layer.msg('获得 iframe 中的输入框标记值：'+ value);
}
});
})
var is_login = "0";
var show = 0;
var ceng = getCookie('ceng');
//文章下拉弹出登录
// if(is_login == 0 && !ceng)
// {
// window.onscroll = function(){
// var t = document.documentElement.scrollTop || document.body.scrollTop;
// var top_div = document.getElementById( "top_div" );
// if( t >= 2500 && show == 0) {
// show = 1
// setCookie('ceng',1,1);
// $(document).trigger("api.loginpopbox");
// }
// }
// }
//未登录复制显示登录按钮
if(is_login == 0)
{
$(".code").hover(function(){
$(this).find('.contentsignin').show();
},function(){
$(this).find('.contentsignin').hide();
});
//不给复制
$('.code').bind("cut copy paste",function(e) {
e.preventDefault();
});
$('.code .contentsignin').click(function(){
$(document).trigger("api.loginpopbox");
})
}else
{
// 获取所有的 <pre> 元素
var preElements = document.querySelectorAll('pre');
// 遍历每个 <pre> 元素
preElements.forEach(function(preElement) {
// 创建复制按钮
var copyButton = document.createElement('button');
copyButton.className = 'copy-button';
copyButton.textContent = '复制';
// 添加点击事件处理程序
copyButton.addEventListener('click', function() {
// 获取当前按钮所属的 <pre> 元素中的文本内容
var textContent = preElement.textContent.trim();
// 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
var tempTextarea = document.createElement('textarea');
tempTextarea.value = textContent;
// 将临时 textarea 添加到文档中
document.body.appendChild(tempTextarea);
// 选中临时 textarea 中的文本内容并执行复制操作
tempTextarea.select();
document.execCommand('copy');
// 移除临时 textarea 元素
document.body.removeChild(tempTextarea);
// 更新按钮文本为 "已复制"
this.textContent = '已复制';
});
// 将按钮添加到 <pre> 元素前面
preElement.parentNode.insertBefore(copyButton, preElement);
});
}
})
function setCookie(name,value,iDay){ //name相当于键，value相当于值，iDay为要设置的过期时间（天）
var oDate = new Date();
oDate.setDate(oDate.getDate() + iDay);
document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
}
function getCookie(name) {
var cookieArr = document.cookie.split(";");
for(var i = 0; i < cookieArr.length; i++) {
var cookiePair = cookieArr[i].split("=");
if(name == cookiePair[0].trim()) {
return decodeURIComponent(cookiePair[1]);
}
}
return null;
}
window.onload = function() {
// 在这里引用需要延迟加载的 JavaScript 文件
var script = document.createElement('script');
script.src = 'https://cdn.wwads.cn/js/makemoney.js';
document.body.appendChild(script);
};
function aiask(ask){
layer.open({
type: 2,
area: ['1300px', '750px'],
content: 'https://www.php.cn/help/ask?q='+encodeURIComponent(ask),
fixed: true, // 不固定
//maxmin: true,
shadeClose: true,
title:"智能小助手",
btnAlign: 'c',
yes: function(index, layero){
// 获取 iframe 的窗口对象
var iframeWin = window[layero.find('iframe')[0]['name']];
var elemMark = iframeWin.$('#mark'); // 获得 iframe 中某个输入框元素
var value = elemMark.val();
if($.trim(value) === '') return elemMark.focus();
// 显示获得的值
layer.msg('获得 iframe 中的输入框标记值：'+ value);
}
});
}
</script>
<!--底部浮动层-->
<!--
<div class="phpFudong">
<div class="phpFudongIn">
<div class="phpFudongImg"></div>
<div class="phpFudongXue">登录PHP中文网，和优秀的人一起学习！</div>
<div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
<div class="phpFudongCode"><a href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
<div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
<div class="clear"></div>
</div>
</div>
--><!--底部浮动层 end-->
<!--侧导航-->
<style>
.layui-fixbar{display: none;}
</style>
<div class="phpSdhBox">
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="/k24.html" target="_blank" class="hover" title="精品班">
<b class="icon1"></b>
<p>精品班</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="https://www.php.cn/blog/detail/1047189.html" target="_blank">
<b class="icon2"></b>
<p>技术支持</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn ylwTopBox">
<div class="phpSdhTitle">
<a href="javascript:;">
<b class="icon3"></b>
<p>技术咨询</p>
</a>
</div>
<div class="phpSdhSub ylwTopSub" style="display: none;">
<img src="/static/images/examples/wechat2.png"/>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=viuU-z9Xo9LwNd89_8dLk8RImMY36iZM&authKey=qJ1YCc4xHY1QNXePak2HlTk14Eav31wM7auWA8SkjkEBUYg5cg0rXNw3YajrNfxL&noverify=0&group_code=730587727" target="_blank">
<b class="icon4"></b>
<p>学习群</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="/vip.html" class="hover" target="_blank">
<b class="icon5"></b>
<p>会员优惠</p>
</a>
</div>
</div>
</li>
<li>
<div class="phpSdhIn">
<div class="phpSdhTitle">
<a href="#">
<b class="icon6"></b>
<p>返回顶部</p>
</a>
</div>
</div>
</li>
</div>
<!--侧导航 end-->
<script src="https://sw.php.cn/hezuo/878d86723f149602730171fd9c17fe8b.js"></script>
</body>
</html> 
