常见的HTML标签有：1、：定义HTML文档的根元素；2、
：包含HTML文档的元数据,如标题、样式和脚本；3、
：定义HTML文档的标题；4、<meta>：定义HTML文档的元数据,如字符集、作者、关键词等；5、<style>：定义HTML文档的样式；6、<script>：定义HTML文档的脚本等等。</p><span class="Articlelist_txts_time">Nov 01, 2023 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=html标签"><span class="Articlelist_txts_infoss on">html标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/515129.html" title="聊聊一些常见的HTML标签" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202304/13/2023041314215433422.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="聊聊一些常见的HTML标签" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/515129.html" title="聊聊一些常见的HTML标签" class="Articlelist_txts_title">聊聊一些常见的HTML标签</a></h3><p class="Articlelist_txts_p">HTML标签设置HTML是HyperText Markup Language的缩写，是一种标记语言，用来创建网页和Web应用程序。在HTML中，通过使用各种标签和属性来组织和格式化内容，从而使文档更具有可读性和可访问性。在本文中，我们将重点介绍一些常见的HTML标签，以及它们的语法和用法。文本标签在HTML中，文本标签用于设置文本样式和格式。以下是一些常用的文本标签：1. \</p><span class="Articlelist_txts_time">Apr 13, 2023 pm 01:37 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/601968.html" title="HTML标签" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/887/227/169382670559036.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML标签" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/601968.html" title="HTML标签" class="Articlelist_txts_title">HTML标签</a></h3><p class="Articlelist_txts_p">HTML中的元素用于描述元数据，即描述、关键字、文档作者等。该元数据不会显示在页面上，但由搜索引擎、网络浏览器等使用。现在，您还可以在下设置视口来设置网页的尺寸-<metaname="viewport"content="width=device-width,initial-scale=1.0">以下是属性-Sr.No类型和描述1名称属性的名称。可以是任何东西。示例包括关键字、描述、作者、修订版本、生成器等。2内容指定属性的值。3方案（已弃用）指</p><span class="Articlelist_txts_time">Sep 04, 2023 pm 07:25 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=html标签"><span class="Articlelist_txts_infoss on">html标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/540385.html" title="html标签及用法" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051518050855759.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html标签及用法" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/540385.html" title="html标签及用法" class="Articlelist_txts_title">html标签及用法</a></h3><p class="Articlelist_txts_p">随着互联网的普及，网页设计已经成为了一项广泛的技能。对于想要了解网页设计的人来说，懂得HTML标签及其用法，是必不可少的。HTML是HyperText Markup Language（超文本标记语言）的缩写，是用来描述网页内容的一种标记语言。HTML标签是HTML的核心，通过这些标签，我们可以控制网页的结构和样式。下面，我们来看看常见的HTML标签及其用法：1. Doctype</p><span class="Articlelist_txts_time">May 15, 2023 pm 06:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/415451.html" title="title标签什么意思" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6e50fe7c7eb296.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="title标签什么意思" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/415451.html" title="title标签什么意思" class="Articlelist_txts_title">title标签什么意思</a></h3><p class="Articlelist_txts_p">title元素可定义文档的标题，浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。</p><span class="Articlelist_txts_time">Feb 21, 2019 pm 03:23 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/408210.html" title="什么是head标签 ？html中head标签的介绍" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/009/5b715421c3505371.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="什么是head标签 ？html中head标签的介绍" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/408210.html" title="什么是head标签 ？html中head标签的介绍" class="Articlelist_txts_title">什么是head标签 ？html中head标签的介绍</a></h3><p class="Articlelist_txts_p">本篇文章给大家带来的内容是关于什么是head标签 ？html中head标签的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。</p><span class="Articlelist_txts_time">Aug 13, 2018 pm 05:50 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/414890.html" title="head是什么标签" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c516c9641d3c479.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="head是什么标签" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/414890.html" title="head是什么标签" class="Articlelist_txts_title">head是什么标签</a></h3><p class="Articlelist_txts_p">head标签是网页的HEAD（头）部分中包含有的内置标签，一般用来申明使用的脚本语言，以及网页传输时使用的方式等。</p><span class="Articlelist_txts_time">Jan 30, 2019 pm 05:22 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=head"><span class="Articlelist_txts_infoss on">head</span></a><a href="https://m.php.cn/zh/search?word=head标签"><span class="Articlelist_txts_infoss ">head标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/385368.html" title="HTML的meta标签常见用法介绍" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/061/021/5a654ffb08ded432.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="HTML的meta标签常见用法介绍" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/385368.html" title="HTML的meta标签常见用法介绍" class="Articlelist_txts_title">HTML的meta标签常见用法介绍</a></h3><p class="Articlelist_txts_p">这次给大家带来HTML的meta标签常见用法介绍，使用HTML的meta标签的注意事项有哪些，下面就是实战案例，一起来看一下。</p><span class="Articlelist_txts_time">Jan 22, 2018 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/zh/search?word=meta"><span class="Articlelist_txts_infoss ">meta</span></a><a href="https://m.php.cn/zh/search?word=用法"><span class="Articlelist_txts_infoss ">用法</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/453181.html" title="style标签的作用是什么" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202006/28/2020062811391967846.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="style标签的作用是什么" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/453181.html" title="style标签的作用是什么" class="Articlelist_txts_title">style标签的作用是什么</a></h3><p class="Articlelist_txts_p">style标签的作用是用来说明所要定义的样式，style标签用于为HTML文档定义样式信息，在style元素里，可以指定HTML元素在浏览器里的呈现方式，style标签应放在head里。</p><span class="Articlelist_txts_time">Jun 28, 2020 am 11:41 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=css"><span class="Articlelist_txts_infoss on">css</span></a><a href="https://m.php.cn/zh/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/415259.html" title="script标签什么意思" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a2b596718778.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="script标签什么意思" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/415259.html" title="script标签什么意思" class="Articlelist_txts_title">script标签什么意思</a></h3><p class="Articlelist_txts_p">script标签用于定义客户端脚本，比如 JavaScript，script元素既可包含脚本语句，也可以通过 src 属性指向外部脚本文件。</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:43 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=script标签"><span class="Articlelist_txts_infoss on">script标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/420831.html" title="html body标签怎么用" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/020/5cecabcd14547560.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html body标签怎么用" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/420831.html" title="html body标签怎么用" class="Articlelist_txts_title">html body标签怎么用</a></h3><p class="Articlelist_txts_p">html body标签是一个网页的身体部分，也就是用于定义网页的主体内容，也是一个HTML文档中必须的部分。body元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。）</p><span class="Articlelist_txts_time">May 28, 2019 am 11:34 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/409228.html" title="html5 header标签是什么意思？html5 header标签的用法详解（附实例）" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b876a6db9acd783.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html5 header标签是什么意思？html5 header标签的用法详解（附实例）" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/409228.html" title="html5 header标签是什么意思？html5 header标签的用法详解（附实例）" class="Articlelist_txts_title">html5 header标签是什么意思？html5 header标签的用法详解（附实例）</a></h3><p class="Articlelist_txts_p">本篇文章主要的向大家介绍了关于html5 header标签的元素的基本介绍，和header标签的用法实例解析。下面就让我们一起来看看这篇关于html5 header标签的文章吧</p><span class="Articlelist_txts_time">Aug 30, 2018 pm 01:41 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=header"><span class="Articlelist_txts_infoss on">header</span></a><a href="https://m.php.cn/zh/search?word=html"><span class="Articlelist_txts_infoss ">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/415186.html" title="nav是什么标签" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6627e5dd23f973.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="nav是什么标签" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/415186.html" title="nav是什么标签" class="Articlelist_txts_title">nav是什么标签</a></h3><p class="Articlelist_txts_p">nav标签定义导航链接的部分，并且将具有导航性质的链接划分在一起，使代码结构在语义化方面更加准确，同时对于屏幕阅读器等设备的支持也更好。</p><span class="Articlelist_txts_time">Feb 15, 2019 am 10:48 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=nav标签"><span class="Articlelist_txts_infoss on">nav标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/408543.html" title="html5 main标签是什么意思？html5 main标签作用的详细介绍" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b7633770fc3b240.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="html5 main标签是什么意思？html5 main标签作用的详细介绍" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/408543.html" title="html5 main标签是什么意思？html5 main标签作用的详细介绍" class="Articlelist_txts_title">html5 main标签是什么意思？html5 main标签作用的详细介绍</a></h3><p class="Articlelist_txts_p">html5 main标签是什么意思？html5 main标签作用的详细介绍。本篇文章主要讲了html5 main标签的定义及其具体的作用，还有关于html5 main标签的使用详细说明。</p><span class="Articlelist_txts_time">Aug 17, 2018 pm 01:41 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/415262.html" title="section标签的作用是什么" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a54a09907875.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="section标签的作用是什么" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/415262.html" title="section标签的作用是什么" class="Articlelist_txts_title">section标签的作用是什么</a></h3><p class="Articlelist_txts_p">section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分，section元素表示文档或应用的一个部分。所谓“部分”，这里是指按照主题分组的内容区域，通常会带有标题。</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:54 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/zh/faq/414996.html" title="article标签有什么作用" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c53ed6403796360.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="article标签有什么作用" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/zh/faq/414996.html" title="article标签有什么作用" class="Articlelist_txts_title">article标签有什么作用</a></h3><p class="Articlelist_txts_p">html中article标签的作用是规定独立的自包含内容，其中外部内容是来自一个外部的新闻提供者的一篇新文章，或者来自 blog 的文本，或者是来自论坛的文本，亦或是来自其他外部源内容。</p><span class="Articlelist_txts_time">Feb 01, 2019 pm 02:56 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/zh/search?word=article标签"><span class="Articlelist_txts_infoss on">article标签</span></a></div></div></div><hr /><ul class="pagination"><div class="mngfPage"><ul class="page"> <a href="javascript:;" class="active">1</a><a href="/zh/faq/cjdhtmlbq?p=2">2</a><a href="/zh/faq/cjdhtmlbq?p=3">3</a> <a href="/zh/faq/cjdhtmlbq?p=2">></a></ul></div></ul></div><div class="AI_ToolDetails_main4sR"><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'"
src="/static/imghwm/hotarticle2.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/624097.html" title="常见的HTML标签" class="phpgenera_Details_mainR4_bottom_title">常见的HTML标签</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/603677.html" title="a标签的意思是什么" class="phpgenera_Details_mainR4_bottom_title">a标签的意思是什么</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/601968.html" title="HTML标签" class="phpgenera_Details_mainR4_bottom_title">HTML标签</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/540385.html" title="html标签及用法" class="phpgenera_Details_mainR4_bottom_title">html标签及用法</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/515129.html" title="聊聊一些常见的HTML标签" class="phpgenera_Details_mainR4_bottom_title">聊聊一些常见的HTML标签</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 年前</span><span>ByPHPz</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'"
src="/static/imghwm/hottools2.png" alt="" /><h2>热工具</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/kits-ai" title="Kits AI" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>用人工智能艺术家的声音改变你的声音。创建并训练您自己的人工智能语音模型。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>使用 SOUNDRAW 的 AI 音乐生成器轻松为视频、电影等创作音乐。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/web-chatgptai" title="Web ChatGPT.ai" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>使用OpenAI聊天机器人免费的Chrome Extension，以进行有效的浏览。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/bestfaceswap-ai" title="BestFaceSwap AI" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174424915112792.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="BestFaceSwap AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/bestfaceswap-ai" title="BestFaceSwap AI" class="phpmain_tab2_mids_title"><h3>BestFaceSwap AI</h3></a><p>AI面部交换平台用于视频和照片。</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/zh/ai/metagpt-mgx" title="MetaGPT (MGX)" 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'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174424912628501.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="MetaGPT (MGX)" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/zh/ai/metagpt-mgx" title="MetaGPT (MGX)" class="phpmain_tab2_mids_title"><h3>MetaGPT (MGX)</h3></a><p>24/7 AI团队：构建应用程序，游戏，PPT，分析。</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'"
src="/static/imghwm/hotarticle2.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/pythonpycharm" title="python和pycharm的区别" class="phpgenera_Details_mainR4_bottom_title">python和pycharm的区别</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>178</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/xlivedlljjff" title="xlive.dll缺失的解决方法" class="phpgenera_Details_mainR4_bottom_title">xlive.dll缺失的解决方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>125</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/gammainvhszmy" title="GAMMAINV函数用法" class="phpgenera_Details_mainR4_bottom_title">GAMMAINV函数用法</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>96</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>3</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/javabllwxsd" title="java保留两位小数" class="phpgenera_Details_mainR4_bottom_title">java保留两位小数</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>175</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>3</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/zh/faq/mysqlccyq" title="MySQL改变表的存储引擎方法" class="phpgenera_Details_mainR4_bottom_title">MySQL改变表的存储引擎方法</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>140</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</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><footer><div class="footer footermedit"><div class="footertop"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/logo.png"
alt="" /><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="" title="">About us</a><a href="" title="">Disclaimer</a><a href="" title="">Sitemap</a></div><div class="footerbottom"><p>© php.cn All rights reserved</p></div></div></footer><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";
}
}
// 绑定事件监听器
function bindEventListeners() {
const toggleDisplay = (className, show, eventId) => {
document.getElementById(eventId).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");
// 控制 m_menu 的显示和隐藏
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
// 控制 m_menu_lang 的显示和隐藏
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
}
// 在页面加载完成后绑定事件监听器
window.onload = bindEventListeners;
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
// 获取关闭按钮
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
// 获取容器元素
const container = document.querySelector(".phpgenera_Details_mainR1");
// 添加点击事件监听器
closeButton.addEventListener("click", (event) => {
event.preventDefault(); // 阻止默认的<a>点击行为
container.style.display = "none"; // 隐藏容器
});
document.addEventListener("DOMContentLoaded", () => {
// 动态获取所有滚动链接及隐藏目标元素
const links = [{
linkId: "fixed_tab_a1",
targetId: "Topic_Details_mainL2_R_title1",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a2",
targetId: "Topic_Details_mainL2_R_title2",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a3",
targetId: "Topic_Details_mainL2_R_title3",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
];
links.forEach(({
linkId,
targetId,
hideElementId
}) => {
const linkElement = document.getElementById(linkId);
const targetElement = document.getElementById(targetId);
const hideElement = document.getElementById(hideElementId);
if (linkElement && targetElement) {
linkElement.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认行为
// 隐藏指定元素
if (hideElement) {
hideElement.style.display = "none";
}
// 平滑滚动到目标元素
targetElement.scrollIntoView({
behavior: "smooth"
});
});
} else {
console.warn(
`Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
);
}
});
});
</script></body></html>
