Rumah > hujung hadapan web > Tutorial H5 > html5 常用标签汇总详情

html5 常用标签汇总详情

黄舟
Lepaskan: 2017-03-20 16:13:36
asal
2350 orang telah melayarinya

一、主体结构

header 页面头部,不同与
aside 边栏
nav 外部链接集合
section 章节或段落
article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup 类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,heading of a section
address 联系信息,一般用在article或body锚元素周围
footer 页脚

二、HTML 5元素标记汇总表

文档类型宣告
根元素元素 html
META元素 head、 title、base、link、meta、style
部件元素 body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、footer、address
分组内容元素 p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、p
文本层次语义元素 a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
编辑元素 ins、del
嵌入内容元素 img、iframe、embed、object、param、video、audio、source、canvasmap、area
表格元素 table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
表单元素 form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
互动元素 details、summary、command、menu
脚本元素 script、noscript

三、HTML 5元素通用属性和事件句柄

HTML5元素通用属性表 accesskey、class、contenteditable、contextmenu、dir、 draggable、hidden、id、lang、spellcheck、style、tabindex、title
HTML5元素事件句柄属性 onabort、onblur*、oncanplay、oncanplaythrough、onchange、 onclick、 oncontextmenu、ondblclick、ondrag、ondragend、ondragenter、ondragleave、 ondragover、ondragstart、ondrop、ondurationchange、onemptied、onended、 onerror*、onfocus*、onformchange、onforminput、oninput、oninvalid、onkeydown、 onkeypress、onkeyup、onload*、onloadeddata、onloadedmetadata、onloadstart、 onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onmousewheel、 onpause、onplay、onplaying、onprogress、onratechange、onreadystatechange、 onscroll、onseeked、onseeking、onselect、onshow、onstalled、onsubmit、 onsuspend、ontimeupdate、onvolumechange、onwaiting。

四、HTML5元素标记释义

标记 类型 意义 介绍
文件标记
根文件标记 让浏览器知道这是HTML 文件
META标记
开头 提供文件整体信息
</td> <td>●</td> <td>标题</td> <td>定义文件标题,显示于浏览器顶端</td> </tr> <tr> <td><base></td> <td>o</td> <td>基准标记</td> <td>可将相对URL转绝对及指定链接</td> </tr> <tr> <td><link></td> <td>o</td> <td>外部资源连接</td> <td>必须带rel属性描述</td> </tr> <tr> <td><meta></td> <td>o</td> <td> <a href="http://www.php.cn/html5/html5-3-mip-normal.html" target="_blank">其它</a>META数据</td> <td>不能被title, base, link, style, 和script元素描述的META数据</td> </tr> <tr> <td><style></td> <td>●</td> <td>嵌入文档风格信息</td> <td> </td> </tr> <tr><td colspan="4"><strong>部件标记</strong></td></tr> <tr> <td><body></td> <td>●</td> <td>文档主体开始</td> <td>文档内容容器</td> </tr> <tr> <td><section></td> <td>●</td> <td>代表通用文档或应用部件</td> <td> </td> </tr> <tr> <td><nav></td> <td>●</td> <td> <a href="http://www.php.cn/code/9303.html" target="_blank">导航</a>链接</td> <td>外部链接或文档内部链接</td> </tr> <tr> <td><article></td> <td>●</td> <td>页面模块</td> <td>类似文章、摘要或留言POST等形式的记录</td> </tr> <tr> <td><aside></td> <td>●</td> <td>孤立模块</td> <td>一般作为边栏广告、说明、<a href="http://www.php.cn/wiki/231.html" target="_blank">引用</a>、导航等,aside围堵部分一般与正文耦合较小</td> </tr> <tr> <td><h1></td> <td>●</td> <td>标题标记</td> <td>此外还有h2, h3, h4, h5, h6</td> </tr> <tr> <td><hgroup></td> <td>●</td> <td>群组标题</td> <td>用在一组h1-h6这样的元素集合时使用,用来区分主副标题??</td> </tr> <tr> <td><header></td> <td>●</td> <td>组说明或组导航</td> <td>也可叫页头标题</td> </tr> <tr> <td><footer></td> <td>●</td> <td>页脚标题</td> <td>作用范围跟最近部件元素有关</td> </tr> <tr> <td><address></td> <td>●</td> <td>地址或联系信息</td> <td> </td> </tr> <tr> <td><strong>分组内容标记</strong></td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><p></td> <td>●</td> <td>段落标记</td> <td> </td> </tr> <tr> <td><hr></td> <td>o</td> <td>水平分割线</td> <td> </td> </tr> <tr> <td><br></td> <td>o</td> <td>换行</td> <td> </td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></td> <td>●</td> <td>预格式化分本块</td> <td> </td> </tr> <tr> <td><blockquote></td> <td>●</td> <td>块引用</td> <td> </td> </tr> <tr> <td><ol></td> <td>●</td> <td>编号列表</td> <td> </td> </tr> <tr> <td><ul></td> <td>●</td> <td>项目列表</td> <td> </td> </tr> <tr> <td><li></td> <td>●</td> <td>列表项</td> <td> </td> </tr> <tr> <td><dl></td> <td>●</td> <td>定义列表</td> <td> </td> </tr> <tr> <td><dt></td> <td>●</td> <td>定义名称</td> <td> </td> </tr> <tr> <td><dd></td> <td>●</td> <td>定义说明</td> <td> </td> </tr> <tr> <td><figure></td> <td>●</td> <td>流内容区块说明</td> <td>多结合figcaption使用</td> </tr> <tr> <td><figcaption></td> <td>●</td> <td>figure内容属性</td> <td> </td> </tr> <tr> <td><p></td> <td>●</td> <td>定位标记</td> <td>无实际意义</td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr><td colspan="4"><strong>文本层次语义标记</strong></td></tr> <tr> <td><a></td> <td>●</td> <td>链接标记</td> <td> </td> </tr> <tr> <td><em></td> <td>●</td> <td>强调标记</td> <td> </td> </tr> <tr> <td><strong></td> <td>●</td> <td>加重标记</td> <td> </td> </tr> <tr> <td><small></td> <td>●</td> <td>字体缩小</td> <td> </td> </tr> <tr> <td><cite></td> <td>●</td> <td>斜体标记</td> <td> </td> </tr> <tr> <td><q></td> <td>●</td> <td>引用标记内容</td> <td>原文是phrasing content,暂不清楚如何翻译</td> </tr> <tr> <td><dfn></td> <td>●</td> <td>术语定义</td> <td> </td> </tr> <tr> <td><abbr></td> <td>●</td> <td>缩略语</td> <td> </td> </tr> <tr> <td><time></td> <td>●</td> <td>日期时间</td> <td> </td> </tr> <tr> <td><code></td> <td>●</td> <td>程序代码</td> <td> </td> </tr> <tr> <td><var></td> <td>●</td> <td><a href="http://www.php.cn/wiki/70.html" target="_blank">变量</a></td> <td> </td> </tr> <tr> <td><samp></td> <td>●</td> <td>范例</td> <td> </td> </tr> <tr> <td><kbd></td> <td>●</td> <td>键盘字</td> <td> </td> </tr> <tr> <td><sub><sups></td> <td>●</td> <td>上标字/下标字</td> <td> </td> </tr> <tr> <td><i></td> <td>●</td> <td>斜体标记</td> <td> </td> </tr> <tr> <td><b></td> <td>●</td> <td>粗体标记</td> <td> </td> </tr> <tr> <td><mark></td> <td>●</td> <td>标记或高亮</td> <td> </td> </tr> <tr> <td><ruby></td> <td>●</td> <td>注解标记</td> <td> </td> </tr> <tr> <td><rt></td> <td>●</td> <td>ruby子元素</td> <td>结合ruby使用,比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby></td> </tr> <tr> <td><rp></td> <td>●</td> <td>ruby子元素</td> <td>一般做rt元素<a href="http://www.php.cn/code/8105.html" target="_blank">注释</a>使用</td> </tr> <tr> <td><bdo></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><span></td> <td>●</td> <td>自定义标记</td> <td> </td> </tr> <tr><td colspan="4"><strong>编辑标记</strong></td></tr> <tr> <td><ins></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><del></td> <td>●</td> <td> </td> <td> </td> </tr> <tr><td colspan="4"><strong>嵌入内容标记</strong></td></tr> <tr> <td><img></td> <td>●</td> <td> <a href="http://www.php.cn/css/css-rwd-images.html" target="_blank">图片</a>标记</td> <td> </td> </tr> <tr> <td><iframe></td> <td>●</td> <td> <a href="http://www.php.cn/css/css-rwd-frameworks.html" target="_blank">框架</a>标记</td> <td> </td> </tr> <tr> <td><embed></td> <td>●</td> <td>嵌入标记</td> <td> </td> </tr> <tr> <td><object></td> <td>●</td> <td> <a href="http://www.php.cn/wiki/60.html" target="_blank">对象</a>标记</td> <td> </td> </tr> <tr> <td><param></td> <td>●</td> <td>参数标记</td> <td> </td> </tr> <tr> <td><video></td> <td>●</td> <td> <a href="http://www.php.cn/code/6707.html" target="_blank">视频</a>标记</td> <td> </td> </tr> <tr> <td><audio></td> <td>●</td> <td> <a href="http://www.php.cn/code/6093.html" target="_blank">音频</a>标记</td> <td> </td> </tr> <tr> <td><source></td> <td>●</td> <td>来源标记</td> <td> </td> </tr> <tr> <td><canvas></td> <td>●</td> <td>制图标记</td> <td> </td> </tr> <tr> <td><map></td> <td>●</td> <td> <a href="http://www.php.cn/code/7891.html" target="_blank">地图</a>标记</td> <td> </td> </tr> <tr> <td><area></td> <td>●</td> <td>区域标记</td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr><td colspan="4"><strong>表格标记</strong></td></tr> <tr> <td><table></td> <td>●</td> <td>表格标记</td> <td>设定该表格的各项参数</td> </tr> <tr> <td><caption></td> <td>●</td> <td>表格标题</td> <td>做成一打通列以填入表格标题</td> </tr> <tr> <td><colgroup></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><col></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><tbody></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><thread></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><tfoot></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><tr></td> <td>●</td> <td>表格列</td> <td>设定该表格的列</td> </tr> <tr> <td><td></td> <td>●</td> <td>表格栏</td> <td>设定该表格的栏</td> </tr> <tr> <td><th></td> <td>●</td> <td>表格标头</td> <td>相等于<TD>,但其内文字字体会变粗</td> </tr> <tr><td colspan="4"><strong>表单标记</strong></td></tr> <tr> <td><form></td> <td>●</td> <td>表单标记</td> <td>决定该表单的运作模式</td> </tr> <tr> <td><fieldset></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><legend></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><input></td> <td>●</td> <td>输入标记</td> <td> </td> </tr> <tr> <td><label></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><button></td> <td>●</td> <td><a href="http://www.php.cn/code/5991.html" target="_blank">按钮</a></td> <td> </td> </tr> <tr> <td><select></td> <td>●</td> <td>选择标记</td> <td> </td> </tr> <tr> <td><datalist></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><optgroup></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><option></td> <td>●</td> <td>选项</td> <td> </td> </tr> <tr> <td><textarea></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><keygen></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><output></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><progress></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><meter></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr><td colspan="4"><p><strong>互动元素</strong></p></td></tr> <tr> <td><details></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><summary></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><command></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><menu></td> <td>●</td> <td> </td> <td> </td> </tr> <tr><td colspan="4"><strong>其他标记</strong></td></tr> <tr> <td><script></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td><noscript></td> <td>●</td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </tbody></table> <p><strong>备注: </strong></p> <p>1、● 表示该标记属于围堵标记,需要结束标记</标记>。</p> <p>2、o 表示该标记属空标记,不需要结束标记。</p><p>Atas ialah kandungan terperinci html5 常用标签汇总详情. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Label berkaitan:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/ms/search?word=html5,常用标签" target="_blank">html5 ,常用标签</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">sumber:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/ms/faq/357701.html" title="html5 WebWorkers防止浏览器假死的示例代码分享"> <span>Artikel sebelumnya:html5 WebWorkers防止浏览器假死的示例代码分享</span> </a> <a href="https://www.php.cn/ms/faq/357705.html" title="HTML5 Placeholder属性的详情介绍"> <span>Artikel seterusnya:HTML5 Placeholder属性的详情介绍</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Kenyataan Laman Web ini</div> <div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Artikel terbaru oleh pengarang</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/377601.html">从零开始打造自己的PHP框架的视频资料</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/377137.html">PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/376186.html">php中关于IMAP如何收取邮件的方法介绍</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/375194.html">php如何快速实现数组去重的实例</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/369412.html">html中关于<a>标签的全部属性的使用总结</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/379971.html">php基础知识总结(新手入门必备)</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/381607.html">JavaScript中typeof的使用方法介绍</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/382066.html">JavaScript中confirm()方法的使用介绍</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/357705.html">HTML5 Placeholder属性的详情介绍</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/ms/faq/380149.html">ReactJS中表单的单选多选与反选的实现方法</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Isu terkini</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ms/wenda/176380.html" target="_blank" title="SQL Count() juga memerlukan 0" class="wdcdcTitle">SQL Count() juga memerlukan 0</a> <a href="https://www.php.cn/ms/wenda/176380.html" class="wdcdcCons">Saya hanya mempunyai satu jadual dan saya ingin mengira setiap entri tag yang bermula deng...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 19:48:53</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>449</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ms/wenda/176344.html" target="_blank" title="Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman?" class="wdcdcTitle">Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman?</a> <a href="https://www.php.cn/ms/wenda/176344.html" class="wdcdcCons">Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 15:33:12</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>433</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ms/wenda/176317.html" target="_blank" title="Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit" class="wdcdcTitle">Pelapik ibu bapa tidak diendahkan oleh anak yang berkedudukan melekit</a> <a href="https://www.php.cn/ms/wenda/176317.html" class="wdcdcCons">Bagaimana untuk mengelakkan unsur melekit daripada berada di belakang pengepala? Coretan k...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-06 11:42:51</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>338</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ms/wenda/176275.html" target="_blank" title="Pengendalian roda tetikus NumberInput mengabaikan penapisan peristiwa fasa tangkapan" class="wdcdcTitle">Pengendalian roda tetikus NumberInput mengabaikan penapisan peristiwa fasa tangkapan</a> <a href="https://www.php.cn/ms/wenda/176275.html" class="wdcdcCons">Versi yang sangat pendek: Saya agak tersekat dan tidak begitu faham mengapa kod ini memang...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-05 12:21:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1387</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/ms/wenda/176273.html" target="_blank" title="Tolak diperibadikan kumpulan Firebase FCM" class="wdcdcTitle">Tolak diperibadikan kumpulan Firebase FCM</a> <a href="https://www.php.cn/ms/wenda/176273.html" class="wdcdcCons">Adakah mungkin untuk menghantar push besar tetapi setiap mesej diperibadikan cth. dengan n...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> daripada 2024-04-05 11:46:20</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>1361</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Topik-topik yang berkaitan</div> <a href="https://www.php.cn/ms/faq/zt" target="_blank">Lagi> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/html5dhzzynxz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah kaedah penghasilan penghasilan animasi html5?" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/html5dhzzynxz" class="title-a-spanl" title="Apakah kaedah penghasilan penghasilan animasi html5?"><span>Apakah kaedah penghasilan penghasilan animasi html5?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/htmlyhtmldeqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Perbezaan antara HTML dan HTML5" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/htmlyhtmldeqb" class="title-a-spanl" title="Perbezaan antara HTML dan HTML5"><span>Perbezaan antara HTML dan HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/winwsmjhsb"><img src="https://img.php.cn/upload/subject/202407/22/2024072213492370258.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Mengapa pengaktifan win10 gagal?" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/winwsmjhsb" class="title-a-spanl" title="Mengapa pengaktifan win10 gagal?"><span>Mengapa pengaktifan win10 gagal?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/dhzdqb"><img src="https://img.php.cn/upload/subject/202407/22/2024072214215870302.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Perbezaan antara timbunan dan timbunan" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/dhzdqb" class="title-a-spanl" title="Perbezaan antara timbunan dan timbunan"><span>Perbezaan antara timbunan dan timbunan</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/linuxckdk"><img src="https://img.php.cn/upload/subject/202407/22/2024072214061081863.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Bagaimana untuk menyemak port di Linux" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/linuxckdk" class="title-a-spanl" title="Bagaimana untuk menyemak port di Linux"><span>Bagaimana untuk menyemak port di Linux</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/cyyzkghlldyf"><img src="https://img.php.cn/upload/subject/202407/22/2024072212184384515.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Penggunaan && dan ||" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/cyyzkghlldyf" class="title-a-spanl" title="Penggunaan && dan ||"><span>Penggunaan && dan ||</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/premieressmrj"><img src="https://img.php.cn/upload/subject/202407/22/2024072214170357063.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Apakah perisian tayangan perdana" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/premieressmrj" class="title-a-spanl" title="Apakah perisian tayangan perdana"><span>Apakah perisian tayangan perdana</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/ms/faq/rhxgipdz"><img src="https://img.php.cn/upload/subject/202407/22/2024072213511376139.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="bagaimana untuk menukar alamat ip" /> </a> <a target="_blank" href="https://www.php.cn/ms/faq/rhxgipdz" class="title-a-spanl" title="bagaimana untuk menukar alamat ip"><span>bagaimana untuk menukar alamat ip</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Cadangan popular</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="h5是什么" href="https://www.php.cn/ms/faq/414835.html">h5是什么</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="不懂代码怎么制作h5页面?H5页面制作平台推荐" href="https://www.php.cn/ms/faq/417718.html">不懂代码怎么制作h5页面?H5页面制作平台推荐</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="html5的新特性有哪些" href="https://www.php.cn/ms/faq/473125.html">html5的新特性有哪些</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="什么是h5页面制作" href="https://www.php.cn/ms/faq/468382.html">什么是h5页面制作</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="h5和小程序有什么区别" href="https://www.php.cn/ms/faq/463311.html">h5和小程序有什么区别</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutorial Popular</div> <a target="_blank" href="https://www.php.cn/ms/course.html">Lagi> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutorial berkaitan <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Cadangan popular<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Kursus terkini<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="https://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a> <div class="wzrthreerb"> <div>1427717 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/74.html" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu" href="https://www.php.cn/ms/course/74.html">Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu</a> <div class="wzrthreerb"> <div>4278328 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial Video Permulaan JAVA" href="https://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div>2579766 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="https://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div>510509 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/2.html" title="Tutorial pengenalan berasaskan sifar PHP" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutorial pengenalan berasaskan sifar PHP"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial pengenalan berasaskan sifar PHP" href="https://www.php.cn/ms/course/2.html">Tutorial pengenalan berasaskan sifar PHP</a> <div class="wzrthreerb"> <div>867687 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ms/course/812.html" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)" href="https://www.php.cn/ms/course/812.html">Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)</a> <div class="wzrthreerb"> <div >1427717 kali belajar</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/286.html" title="Tutorial Video Permulaan JAVA" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutorial Video Permulaan JAVA"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutorial Video Permulaan JAVA" href="https://www.php.cn/ms/course/286.html">Tutorial Video Permulaan JAVA</a> <div class="wzrthreerb"> <div >2579766 kali belajar</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/504.html" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python" href="https://www.php.cn/ms/course/504.html">Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python</a> <div class="wzrthreerb"> <div >510509 kali belajar</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/901.html" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Pengenalan pantas kepada pembangunan bahagian hadapan web"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Pengenalan pantas kepada pembangunan bahagian hadapan web" href="https://www.php.cn/ms/course/901.html">Pengenalan pantas kepada pembangunan bahagian hadapan web</a> <div class="wzrthreerb"> <div >216292 kali belajar</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/234.html" title="Kuasai tutorial video PS dari awal" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Kuasai tutorial video PS dari awal"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Kuasai tutorial video PS dari awal" href="https://www.php.cn/ms/course/234.html">Kuasai tutorial video PS dari awal</a> <div class="wzrthreerb"> <div >900111 kali belajar</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/ms/course/1648.html" title="[Web front-end] Permulaan pantas Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Permulaan pantas Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Permulaan pantas Node.js" href="https://www.php.cn/ms/course/1648.html">[Web front-end] Permulaan pantas Node.js</a> <div class="wzrthreerb"> <div >8240 kali belajar</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/1647.html" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Koleksi lengkap kursus timbunan penuh pembangunan web asing"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Koleksi lengkap kursus timbunan penuh pembangunan web asing" href="https://www.php.cn/ms/course/1647.html">Koleksi lengkap kursus timbunan penuh pembangunan web asing</a> <div class="wzrthreerb"> <div >6572 kali belajar</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/1646.html" title="Gunakan GraphQL praktikal bahasa" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Gunakan GraphQL praktikal bahasa"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Gunakan GraphQL praktikal bahasa" href="https://www.php.cn/ms/course/1646.html">Gunakan GraphQL praktikal bahasa</a> <div class="wzrthreerb"> <div >5425 kali belajar</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/1645.html" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah" href="https://www.php.cn/ms/course/1645.html">Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah</a> <div class="wzrthreerb"> <div >747 kali belajar</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/ms/course/1644.html" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam" href="https://www.php.cn/ms/course/1644.html">Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam</a> <div class="wzrthreerb"> <div >27733 kali belajar</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.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="wzrFour"> <div class="wzrfour-title"> <div>Muat turun terkini</div> <a href="https://www.php.cn/ms/xiazai">Lagi> </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 swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">kesan web <div></div></div> <div class="swiper-slide" data-id="twof">Kod sumber laman web<div></div></div> <div class="swiper-slide" data-id="threef">Bahan laman web<div></div></div> <div class="swiper-slide" data-id="fourf">Templat hujung hadapan<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="kod hubungan borang mesej perusahaan jQuery" href="https://www.php.cn/ms/toolset/js-special-effects/8071">[butang borang] kod hubungan borang mesej perusahaan jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan main balik kotak muzik MP3 HTML5" href="https://www.php.cn/ms/toolset/js-special-effects/8070">[Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="HTML5 kesan khas menu navigasi animasi zarah sejuk" href="https://www.php.cn/ms/toolset/js-special-effects/8069">[Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="jQuery bentuk visual seret dan lepas kod penyuntingan" href="https://www.php.cn/ms/toolset/js-special-effects/8068">[butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kod pemain muzik Kugou tiruan VUE.JS" href="https://www.php.cn/ms/toolset/js-special-effects/8067">[Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Permainan kotak menolak html5 klasik" href="https://www.php.cn/ms/toolset/js-special-effects/8066">[kesan khas html5] Permainan kotak menolak html5 klasik</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="menatal jQuery untuk menambah atau mengurangkan kesan imej" href="https://www.php.cn/ms/toolset/js-special-effects/8065">[Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Kesan zum hover kulit album peribadi CSS3" href="https://www.php.cn/ms/toolset/js-special-effects/8064">[Kesan album foto] Kesan zum hover kulit album peribadi CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8328" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah" target="_blank">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8327" title="Templat halaman panduan resume peribadi berwarna segar" target="_blank">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8326" title="Templat Web Resume Kerja Kreatif Pereka" target="_blank">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8325" title="Templat laman web syarikat pembinaan kejuruteraan moden" target="_blank">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8324" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan" target="_blank">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8323" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian" target="_blank">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8322" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet" target="_blank">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8321" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu" target="_blank">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3078" target="_blank" title="Bahan vektor elemen musim panas yang comel (EPS+PNG)">[bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3077" target="_blank" title="Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)">[bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3076" target="_blank" title="Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)">[gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3075" target="_blank" title="Bahan vektor topi pengijazahan emas (EPS+PNG)">[bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3074" target="_blank" title="Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)">[bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3073" target="_blank" title="Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza">[bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3072" target="_blank" title="Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)">[gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-materials/3071" target="_blank" title="Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)">[bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (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="https://www.php.cn/ms/toolset/website-source-code/8328" target="_blank" title="Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah">[Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8327" target="_blank" title="Templat halaman panduan resume peribadi berwarna segar">[Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8326" target="_blank" title="Templat Web Resume Kerja Kreatif Pereka">[Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8325" target="_blank" title="Templat laman web syarikat pembinaan kejuruteraan moden">[Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8324" target="_blank" title="Templat HTML5 responsif untuk institusi perkhidmatan pendidikan">[Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8323" target="_blank" title="Templat laman web pusat membeli-belah kedai e-buku dalam talian">[Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8322" target="_blank" title="Teknologi IT menyelesaikan templat tapak web syarikat Internet">[Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/ms/toolset/website-source-code/8321" target="_blank" title="Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu">[Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.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> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!</p> </div> <div class="footermid"> <a href="https://www.php.cn/ms/about/us.html">Tentang kita</a> <a href="https://www.php.cn/ms/about/disclaimer.html">Penafian</a> <a href="https://www.php.cn/ms/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <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> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1736791310"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></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> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>