搜索
首页web前端html教程HTML标签列表(功能排序)说明

这篇文章讲述HTML 标签列表(功能排序) HTML 参考手册- (HTML5 标准)

功能排序

New : HTML5 新标签

标签 描述
基础  
  定义文档类型。
定义一个 HTML 文档
</td> <td>为文档定义一个标题</td> </tr> <tr> <td><body></td> <td>定义文档的主体</td> </tr> <tr> <td><h1> to <h6></td> <td>定义 HTML 标题</td> </tr> <tr> <td><p></td> <td>定义一个段落</td> </tr> <tr> <td><br></td> <td>定义简单的折行。</td> </tr> <tr> <td><hr></td> <td>定义水平线。</td> </tr> <tr> <td><!--...--></td> <td>定义一个注释</td> </tr> <tr> <td><strong>格式</strong></td> <td> </td> </tr> <tr> <td><acronym></td> <td><span class="deprecated">HTML5不再支持。 定义只取首字母的缩写。</span></td> </tr> <tr> <td><abbr></td> <td>定义一个缩写。</td> </tr> <tr> <td><address></td> <td>定义文档作者或拥有者的联系信息。</td> </tr> <tr> <td><b></td> <td>定义粗体文本。</td> </tr> <tr> <td><bdi><span class="new">New</span> </td> <td>允许您设置一段文本,使其脱离其父元素的文本方向设置。</td> </tr> <tr> <td><bdo></td> <td>定义文本的方向。</td> </tr> <tr> <td><big></td> <td><span class="deprecated">HTML5不再支持。 定义大号文本。</span></td> </tr> <tr> <td><blockquote></td> <td>定义块引用。</td> </tr> <tr> <td><center></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。</span></td> </tr> <tr> <td><cite></td> <td>定义引用(citation)。</td> </tr> <tr> <td><code></td> <td>定义计算机代码文本。</td> </tr> <tr> <td><del></td> <td>定义被删除文本。</td> </tr> <tr> <td><dfn></td> <td>定义定义项目。</td> </tr> <tr> <td><em></td> <td>定义强调文本。 </td> </tr> <tr> <td><font></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色</span></td> </tr> <tr> <td><i></td> <td>定义斜体文本。</td> </tr> <tr> <td><ins></td> <td>定义被插入文本。</td> </tr> <tr> <td><kbd></td> <td>定义键盘文本。</td> </tr> <tr> <td><mark><span class="new">New</span> </td> <td>定义带有记号的文本。</td> </tr> <tr> <td><meter><span class="new">New</span> </td> <td>定义度量衡。仅用于已知最大和最小值的度量。</td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></td> <td>定义预格式文本</td> </tr> <tr> <td><progress><span class="new">New</span> </td> <td>定义运行中的任务进度(进程)。</td> </tr> <tr> <td><q></td> <td>定义短的引用。</td> </tr> <tr> <td><rp><span class="new">New</span> </td> <td>定义不支持 ruby 元素的浏览器所显示的内容。</td> </tr> <tr> <td><rt><span class="new">New</span> </td> <td>定义字符(中文注音或字符)的解释或发音。</td> </tr> <tr> <td><ruby><span class="new">New</span> </td> <td>定义 ruby 注释(中文注音或字符)。</td> </tr> <tr> <td><s></td> <td>定义加删除线的文本。</td> </tr> <tr> <td><samp></td> <td>定义计算机代码样本。</td> </tr> <tr> <td><small></td> <td>定义小号文本。</td> </tr> <tr> <td><strike></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。 定义加删除线的文本。</span></td> </tr> <tr> <td><strong></td> <td>定义语气更为强烈的强调文本。</td> </tr> <tr> <td><sub></td> <td>定义下标文本。</td> </tr> <tr> <td><sup></td> <td>定义上标文本。</td> </tr> <tr> <td><time><span class="new">New</span> </td> <td>定义一个日期/时间</td> </tr> <tr> <td><tt></td> <td><span class="deprecated">HTML5不再支持。 定义打字机文本。</span></td> </tr> <tr> <td><u></td> <td>定义下划线文本。</td> </tr> <tr> <td><var></td> <td>定义文本的变量部分。</td> </tr> <tr> <td><wbr><span class="new">New</span> </td> <td>规定在文本中的何处适合添加换行符。</td> </tr> <tr> <td><strong>表单</strong></td> <td> </td> </tr> <tr> <td><form></td> <td>定义一个 HTML 表单,用于用户输入。</td> </tr> <tr> <td><input></td> <td>定义一个输入控件</td> </tr> <tr> <td><textarea></td> <td>定义多行的文本输入控件。</td> </tr> <tr> <td><button></td> <td>定义按钮。</td> </tr> <tr> <td><select></td> <td>定义选择列表(下拉列表)。</td> </tr> <tr> <td><optgroup></td> <td>定义选择列表中相关选项的组合。</td> </tr> <tr> <td><option></td> <td>定义选择列表中的选项。</td> </tr> <tr> <td><label></td> <td>定义 input 元素的标注。</td> </tr> <tr> <td><fieldset></td> <td>定义围绕表单中元素的边框。</td> </tr> <tr> <td><legend></td> <td>定义 fieldset 元素的标题。</td> </tr> <tr> <td><datalist><span class="new">New</span> </td> <td>规定了 input 元素可能的选项列表。</td> </tr> <tr> <td><keygen><span class="new">New</span> </td> <td>规定用于表单的密钥对生成器字段。</td> </tr> <tr> <td><output><span class="new">New</span> </td> <td>定义一个计算的结果</td> </tr> <tr> <td><strong>框架</strong></td> <td> </td> </tr> <tr> <td><frame></td> <td><span class="deprecated">HTML5不再支持。 定义框架集的窗口或框架。</span></td> </tr> <tr> <td><frameset></td> <td><span class="deprecated">HTML5不再支持。定义框架集。</span></td> </tr> <tr> <td><noframes></td> <td><span class="deprecated">HTML5不再支持。 定义针对不支持框架的用户的替代内容。</span></td> </tr> <tr> <td><iframe></td> <td>定义内联框架。</td> </tr> <tr> <td><strong>图像</strong></td> <td> </td> </tr> <tr> <td><img></td> <td>定义图像。</td> </tr> <tr> <td><map></td> <td>定义图像映射。</td> </tr> <tr> <td><area></td> <td>定义图像地图内部的区域。</td> </tr> <tr> <td><canvas><span class="new">New</span> </td> <td>通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。</td> </tr> <tr> <td><figcaption><span class="new">New</span> </td> <td>定义一个 caption for a <figure> element</td> </tr> <tr> <td><figure><span class="new">New</span> </td> <td>figure 标签用于对元素进行组合。</td> </tr> <tr> <td><strong>Audio/Video</strong></td> <td> </td> </tr> <tr> <td><audio><span class="new">New</span> </td> <td>定义声音,比如音乐或其他音频流。</td> </tr> <tr> <td><source><span class="new">New</span> </td> <td>定义media元素 (<video> 和 <audio>)的媒体资源。media</td> </tr> <tr> <td><track><span class="new">New</span> </td> <td>为媒体(<video> 和 <audio>)元素定义外部文本轨道。</td> </tr> <tr> <td><video><span class="new">New</span> </td> <td>定义一个音频或者视频</td> </tr> <tr> <td><strong>链接</strong></td> <td> </td> </tr> <tr> <td><a></td> <td>定义一个链接</td> </tr> <tr> <td><link></td> <td>定义文档与外部资源的关系。</td> </tr> <tr> <td><nav><span class="new">New</span> </td> <td>定义导航链接</td> </tr> <tr> <td><strong>列表</strong></td> <td> </td> </tr> <tr> <td><ul></td> <td>定义一个无序列表</td> </tr> <tr> <td><ol></td> <td>定义一个有序列表</td> </tr> <tr> <td><li></td> <td>定义一个列表项</td> </tr> <tr> <td><dir></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。</span></td> </tr> <tr> <td><dl></td> <td>定义一个定义列表</td> </tr> <tr> <td><dt></td> <td>定义一个定义定义列表中的项目。</td> </tr> <tr> <td><dd></td> <td>定义定义列表中项目的描述。</td> </tr> <tr> <td><menu></td> <td>定义菜单列表。</td> </tr> <tr> <td><command><span class="new">New</span> </td> <td>定义用户可能调用的命令(比如单选按钮、复选框或按钮)。</td> </tr> <tr> <td><strong>表格</strong></td> <td> </td> </tr> <tr> <td><table></td> <td>定义一个表格</td> </tr> <tr> <td><caption></td> <td>定义表格标题。</td> </tr> <tr> <td><th></td> <td>定义表格中的表头单元格。</td> </tr> <tr> <td><tr></td> <td>定义表格中的行。</td> </tr> <tr> <td><td></td> <td>定义表格中的单元。</td> </tr> <tr> <td><thead></td> <td>定义表格中的表头内容。</td> </tr> <tr> <td><tbody></td> <td>定义表格中的主体内容。</td> </tr> <tr> <td><tfoot></td> <td>定义表格中的表注内容(脚注)。</td> </tr> <tr> <td><col></td> <td>定义表格中一个或多个列的属性值。</td> </tr> <tr> <td><colgroup></td> <td>定义表格中供格式化的列组。</td> </tr> <tr> <td><strong>样式/节</strong></td> <td> </td> </tr> <tr> <td><style></td> <td>定义文档的样式信息。</td> </tr> <tr> <td><p></td> <td>定义文档中的节。</td> </tr> <tr> <td><span></td> <td>定义文档中的节。</td> </tr> <tr> <td><header><span class="new">New</span> </td> <td>定义一个文档头部部分</td> </tr> <tr> <td><footer><span class="new">New</span> </td> <td>定义一个文档底部</td> </tr> <tr> <td><section><span class="new">New</span> </td> <td>定义了文档的某个区域</td> </tr> <tr> <td><article><span class="new">New</span> </td> <td>定义一个文章内容</td> </tr> <tr> <td><aside><span class="new">New</span> </td> <td>定义其所处内容之外的内容。</td> </tr> <tr> <td><details><span class="new">New</span> </td> <td>定义了用户可见的或者隐藏的需求的补充细节。</td> </tr> <tr> <td><dialog><span class="new">New</span> </td> <td>定义一个对话框或者窗口</td> </tr> <tr> <td><summary><span class="new">New</span> </td> <td>定义一个可见的标题。 当用户点击标题时会显示出详细信息。</td> </tr> <tr> <td><strong>元信息</strong></td> <td> </td> </tr> <tr> <td><head></td> <td>定义关于文档的信息</td> </tr> <tr> <td><meta></td> <td>定义关于 HTML 文档的元信息。</td> </tr> <tr> <td><base></td> <td>定义页面中所有链接的默认地址或默认目标。</td> </tr> <tr> <td><basefont></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。</span></td> </tr> <tr> <td><strong>程序</strong></td> <td> </td> </tr> <tr> <td><script></td> <td>定义客户端脚本。</td> </tr> <tr> <td><noscript></td> <td>定义针对不支持客户端脚本的用户的替代内容。</td> </tr> <tr> <td><applet></td> <td><span class="deprecated">HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。</span></td> </tr> <tr> <td><embed><span class="new">New</span> </td> <td>定义了一个容器,用来嵌入外部应用或者互动程序(插件)。</td> </tr> <tr> <td><object></td> <td>定义嵌入的对象。</td> </tr> <tr> <td><param></td> <td>定义对象的参数。</td> </tr> </tbody></table> <p>www.zuiuren.com<br>www.foodtvl.com<br>www.0539g.com<br>www.linyiwuliu.cn<br>www.jusho.com<br>www.shanghaidishinigonglue.com<br>www.linyixiaoshangpincheng.cn<br>www.linyizhuangshi.cn<br>www.pipixiaa.com<br>linyiwangluogongsi.cn<br>www.jusho.cn<br>www.linyidaikuan.cn<br>www.linyibanjiagongsi.cn<br>www.linyiwangzhantuiguang.cn<br>www.linyitesexiaochi.cn</p> <p> </p><p>以上是HTML标签列表(功能排序)说明的详细内容。更多信息请关注PHP中文网其他相关文章!</p></div><div class="wzconShengming_sp"><div class="bzsmdiv_sp">声明</div><div>本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</div></div></div><div class="phpgenera_Details_mainL4"><div class="phpmain1_2_top"><a href="javascript:void(0);" class="phpmain1_2_top_title">相关文章<img class="lazy" data-src="/static/imghwm/index2_title2.png" src="/static/imghw/default1.png" alt="" /></a></div><div class="phpgenera_Details_mainL4_info"><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796796827.html" title="HTML与CSS vs. JavaScript:比较概述" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174473305338023.jpg?x-oss-process=image/resize,p_40" alt="HTML与CSS vs. JavaScript:比较概述" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796796827.html" title="HTML与CSS vs. JavaScript:比较概述" class="phphistorical_Version2_mids_title">HTML与CSS vs. JavaScript:比较概述</a><span class="Articlelist_txts_time">Apr 16, 2025 am 12:04 AM</span><p class="Articlelist_txts_p">HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796796249.html" title="HTML:是编程语言还是其他?" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174464723172609.jpg?x-oss-process=image/resize,p_40" alt="HTML:是编程语言还是其他?" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796796249.html" title="HTML:是编程语言还是其他?" class="phphistorical_Version2_mids_title">HTML:是编程语言还是其他?</a><span class="Articlelist_txts_time">Apr 15, 2025 am 12:13 AM</span><p class="Articlelist_txts_p">HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796795665.html" title="HTML:建立网页的结构" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174456085285529.jpg?x-oss-process=image/resize,p_40" alt="HTML:建立网页的结构" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796795665.html" title="HTML:建立网页的结构" class="phphistorical_Version2_mids_title">HTML:建立网页的结构</a><span class="Articlelist_txts_time">Apr 14, 2025 am 12:14 AM</span><p class="Articlelist_txts_p">HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796795191.html" title="从文本到网站:HTML的力量" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174447404295304.jpg?x-oss-process=image/resize,p_40" alt="从文本到网站:HTML的力量" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796795191.html" title="从文本到网站:HTML的力量" class="phphistorical_Version2_mids_title">从文本到网站:HTML的力量</a><span class="Articlelist_txts_time">Apr 13, 2025 am 12:07 AM</span><p class="Articlelist_txts_p">HTML是一种用于构建网页的语言,通过标签和属性定义网页结构和内容。1)HTML通过标签组织文档结构,如、。2)浏览器解析HTML构建DOM并渲染网页。3)HTML5的新特性如、、增强了多媒体功能。4)常见错误包括标签未闭合和属性值未加引号。5)优化建议包括使用语义化标签和减少文件大小。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796794693.html" title="了解HTML,CSS和JavaScript:初学者指南" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174438733162787.jpg?x-oss-process=image/resize,p_40" alt="了解HTML,CSS和JavaScript:初学者指南" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796794693.html" title="了解HTML,CSS和JavaScript:初学者指南" class="phphistorical_Version2_mids_title">了解HTML,CSS和JavaScript:初学者指南</a><span class="Articlelist_txts_time">Apr 12, 2025 am 12:02 AM</span><p class="Articlelist_txts_p">WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796794180.html" title="HTML的角色:构建Web内容" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174430155217186.jpg?x-oss-process=image/resize,p_40" alt="HTML的角色:构建Web内容" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796794180.html" title="HTML的角色:构建Web内容" class="phphistorical_Version2_mids_title">HTML的角色:构建Web内容</a><span class="Articlelist_txts_time">Apr 11, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796793634.html" title="HTML和代码:仔细观察术语" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174424853215422.jpg?x-oss-process=image/resize,p_40" alt="HTML和代码:仔细观察术语" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796793634.html" title="HTML和代码:仔细观察术语" class="phphistorical_Version2_mids_title">HTML和代码:仔细观察术语</a><span class="Articlelist_txts_time">Apr 10, 2025 am 09:28 AM</span><p class="Articlelist_txts_p">htmlisaspecifictypefodyfocusedonstructuringwebcontent,而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1)htmldefineswebpagertuctureduseTags.2)“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract</p></div><div class="phphistorical_Version2_mids"><a href="https://m.php.cn/zh/faq/1796793129.html" title="HTML,CSS和JavaScript:Web开发人员的基本工具" class="phphistorical_Version2_mids_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/article/001/253/068/174412873346901.jpg?x-oss-process=image/resize,p_40" alt="HTML,CSS和JavaScript:Web开发人员的基本工具" src="/static/imghw/default1.png" /></a><a href="https://m.php.cn/zh/faq/1796793129.html" title="HTML,CSS和JavaScript:Web开发人员的基本工具" class="phphistorical_Version2_mids_title">HTML,CSS和JavaScript:Web开发人员的基本工具</a><span class="Articlelist_txts_time">Apr 09, 2025 am 12:12 AM</span><p class="Articlelist_txts_p">HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。</p></div></div><a href="https://m.php.cn/zh/web-designer.html" class="phpgenera_Details_mainL4_botton"><span>See all articles</span><img class="lazy" data-src="/static/imghwm/down_right.png" src="/static/imghw/default1.png" alt="" /></a></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>热AI工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/undresserai-undress" title="Undresser.AI Undress"class="phpmain_tab2_mids_title"><h3>Undresser.AI Undress</h3></a><p>人工智能驱动的应用程序,用于创建逼真的裸体照片</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/ai-clothes-remover" title="AI Clothes Remover"class="phpmain_tab2_mids_title"><h3>AI Clothes Remover</h3></a><p>用于从照片中去除衣服的在线人工智能工具。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/undress-ai-tool" title="Undress AI Tool"class="phpmain_tab2_mids_title"><h3>Undress AI Tool</h3></a><p>免费脱衣服图片</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/clothoffio" title="Clothoff.io"class="phpmain_tab2_mids_title"><h3>Clothoff.io</h3></a><p>AI脱衣机</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/ai-hentai-generator" title="AI Hentai Generator"class="phpmain_tab2_mids_title"><h3>AI Hentai Generator</h3></a><p>免费生成ai无尽的。</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/ai">显示更多</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>热门文章</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796780570.html" title="R.E.P.O.能量晶体解释及其做什么(黄色晶体)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.能量晶体解释及其做什么(黄色晶体)</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 周前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796780641.html" title="R.E.P.O.最佳图形设置" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.最佳图形设置</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 周前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796785841.html" title="刺客信条阴影:贝壳谜语解决方案" class="phpgenera_Details_mainR4_bottom_title">刺客信条阴影:贝壳谜语解决方案</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>2 周前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796780520.html" title="R.E.P.O.如果您听不到任何人,如何修复音频" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.如果您听不到任何人,如何修复音频</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 周前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/1796780523.html" title="R.E.P.O.聊天命令以及如何使用它们" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O.聊天命令以及如何使用它们</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>4 周前</span><span>By尊渡假赌尊渡假赌尊渡假赌</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/article.html">显示更多</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hottools2.png" src="/static/imghw/default1.png" alt="" /><h2>热工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1575" title="DVWA" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/005/169233952150073.png" src="/static/imghw/default1.png" alt="DVWA" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1575" title="DVWA" class="phpmain_tab2_mids_title"><h3>DVWA</h3></a><p>Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/93" title="SublimeText3汉化版" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg" src="/static/imghw/default1.png" alt="SublimeText3汉化版" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/93" title="SublimeText3汉化版" class="phpmain_tab2_mids_title"><h3>SublimeText3汉化版</h3></a><p>中文版,非常好用</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1556" title="螳螂BT" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/004/169206588591843.png" src="/static/imghw/default1.png" alt="螳螂BT" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1556" title="螳螂BT" class="phpmain_tab2_mids_title"><h3>螳螂BT</h3></a><p>Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1473" title="SublimeText3 英文版" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/5aab40b1a662e720.jpg" src="/static/imghw/default1.png" alt="SublimeText3 英文版" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1473" title="SublimeText3 英文版" class="phpmain_tab2_mids_title"><h3>SublimeText3 英文版</h3></a><p>推荐:为Win版本,支持代码提示!</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/003/169206948656118.png" src="/static/imghw/default1.png" alt="mPDF" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/toolset/development-tools/1557" title="mPDF" class="phpmain_tab2_mids_title"><h3>mPDF</h3></a><p>mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/ai">显示更多</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" class="lazy" data-src="/static/imghwm/hotarticle2.png" src="/static/imghw/default1.png" alt="" /><h2>热门话题</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/gmailyxdlrkzn" title="gmail邮箱登陆入口在哪里" class="phpgenera_Details_mainR4_bottom_title">gmail邮箱登陆入口在哪里</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>7518</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>15</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/cakephp-tutor" title="CakePHP 教程" class="phpgenera_Details_mainR4_bottom_title">CakePHP 教程</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>1378</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>52</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/faq/steamdzhmcssmgs" title="steam的账户名称是什么格式" class="phpgenera_Details_mainR4_bottom_title">steam的账户名称是什么格式</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>80</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>11</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/winactivationkeyper" title="win11激活密钥永久" class="phpgenera_Details_mainR4_bottom_title">win11激活密钥永久</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>53</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>19</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/newyorktimesdailybrief" title="NYT连接提示和答案" class="phpgenera_Details_mainR4_bottom_title">NYT连接提示和答案</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/eyess.png" src="/static/imghw/default1.png" alt="" /><span>21</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img class="lazy" data-src="/static/imghwm/tiezi.png" src="/static/imghw/default1.png" alt="" /><span>67</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/zh/faq/zt">显示更多</a></div></div></div></div></main><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>公益在线PHP培训,帮助PHP学习者快速成长!</p></div><div class="footermid"><a href="https://m.php.cn/zh/about/us.html">关于我们</a><a href="https://m.php.cn/zh/about/disclaimer.html">免责声明</a><a href="https://m.php.cn/zh/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></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' 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> 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><script> jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了,就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script><script>// 通用函数,用于显示或隐藏元素 function toggleElementsDisplay(className, show) { const elements = document.getElementsByClassName(className); for (let i = 0; i < elements.length; i++) { elements[i].style.display = show ? "block" : "none"; } } // 页面加载完成后执行的主函数 document.addEventListener("DOMContentLoaded", () => { // 1. 绑定菜单按钮事件 const bindMenuEvents = () => { const toggleDisplay = (className, show, eventId) => { const element = document.getElementById(eventId); if (element) { element.addEventListener("click", (event) => { event.preventDefault(); toggleElementsDisplay(className, show); }); } }; toggleDisplay("m_editormain12main", true, "fixed_tab_img"); toggleDisplay("m_editormain12main", false, "fixed_tab_topi"); toggleDisplay("m_editormain12main", false, "fixed_tab_close"); toggleDisplay("m_menu", true, "lan1sp"); toggleDisplay("m_menu", false, "m_editormain12main_topi_sp"); toggleDisplay("m_menu_lang", true, "lan1"); toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan"); }; // 2. 绑定滚动链接事件 const bindScrollLinks = () => { const titleList = document.getElementById("fixed_tab_titlelist"); const menuMain = document.getElementsByClassName("m_editormain12main")[0]; const links = document.querySelectorAll('.fixed_tab_a'); links.forEach(linkElement => { if (linkElement) { linkElement.addEventListener("click", async (e) => { e.preventDefault(); e.stopPropagation(); // 先隐藏菜单 if (menuMain) menuMain.style.display = "none"; if (titleList) titleList.style.display = "none"; // 获取目标元素的 ID const targetId = linkElement.getAttribute('href').substring(1); const targetElement = document.getElementById(targetId); // 等待 DOM 更新 await new Promise(resolve => requestAnimationFrame(resolve)); // 滚动到目标位置 if (targetElement) { targetElement.scrollIntoView({ behavior: "smooth", block: "start" }); } }); } }); }; // 3. 绑定关闭按钮事件 const bindCloseButton = () => { const closeButton = document.querySelector(".phpgenera_Details_mainR1_close"); const container = document.querySelector(".phpgenera_Details_mainR1"); if (closeButton && container) { closeButton.addEventListener("click", (event) => { event.preventDefault(); container.style.display = "none"; }); } }; // 4. 初始化菜单交互功能 const initMenuInteraction = () => { const menuGroupElements = document.querySelectorAll('.layui-menu-item-group'); menuGroupElements.forEach(menuItem => { menuItem.addEventListener('click', function(event) { if (event.target.closest('.m_menusnames')) { return; } this.classList.toggle('layui-menu-item-down'); this.classList.toggle('layui-menu-item-up'); const subMenuContainer = this.querySelector('.m_menusnames'); const icon = this.querySelector('.layui-icon'); if (subMenuContainer && icon) { if (this.classList.contains('layui-menu-item-down')) { subMenuContainer.style.display = 'block'; icon.classList.remove('layui-icon-down'); icon.classList.add('layui-icon-up'); } else { subMenuContainer.style.display = 'none'; icon.classList.remove('layui-icon-up'); icon.classList.add('layui-icon-down'); } } }); }); }; // 5. 初始化 layui 功能 const initLayui = () => { if (typeof layui !== 'undefined') { layui.use(function () { var util = layui.util; if (util && util.fixbar) { util.fixbar({ on: { mouseenter: function (type) { if (layer && layer.tips) { layer.tips(type, this, { tips: 4, fixed: true, }); } }, mouseleave: function (type) { if (layer && layer.closeAll) { layer.closeAll("tips"); } }, }, }); } }); } }; // 执行所有初始化函数 bindMenuEvents(); bindScrollLinks(); bindCloseButton(); initMenuInteraction(); initLayui(); }); </script></body></html>