0

0

HTML视频SEO怎么优化_视频内容搜索引擎优化

蓮花仙者

蓮花仙者

发布时间:2025-09-21 12:00:01

|

670人浏览过

|

来源于php中文网

原创

视频SEO的核心在于通过HTML标签、结构化数据和高质量内容传递上下文,使搜索引擎能有效识别和索引视频。首先使用标准标签并设置poster、source等属性,提供清晰标题与描述以增强可读性;其次添加VideoObject类型的Schema Markup,明确标注名称、描述、缩略图、时长、上传日期等元数据,助力富媒体结果显示;再者提供文字转录和字幕,强化关键词覆盖与可访问性;同时创建视频站点地图,帮助搜索引擎发现内容;此外优化视频文件大小、格式及加载速度,确保移动端适配,并借助CDN提升播放性能;最后结合用户参与度、外链建设与平台选择,构建完整生态。搜索引擎通过元数据、结构化数据、文本分析及AI技术综合“理解”视频,因此系统性优化策略至关重要。

html视频seo怎么优化_视频内容搜索引擎优化

视频内容要被搜索引擎有效识别和排名,核心在于通过HTML标签、结构化数据以及高质量的内容信号,将视频的元数据和上下文信息清晰地传递给搜索引擎。这不仅仅是上传一个视频那么简单,更是一套系统性的优化策略,让视频不再是页面上的“黑盒子”,而是可被理解、索引和展示的丰富媒体资源。

解决方案

优化HTML视频的SEO,我们首先要从视频的承载方式——HTML本身入手,再结合一系列辅助信号。最直接的方法是确保你的视频嵌入方式对搜索引擎友好,并提供足够多的上下文信息。

这包括:

  1. 使用标准的

    标签: 尽管许多CMS或视频平台会提供iframe嵌入代码,但如果条件允许,直接使用HTML5的
    标签,并填充其属性,是最佳实践。例如:

    立即学习前端免费学习笔记(深入)”;

    这里,

    poster
    属性至关重要,它提供了一个视频的缩略图,搜索引擎可以索引这张图片,并在搜索结果中展示。
    source
    标签则提供了视频文件的路径和类型。

  2. 提供清晰的标题和描述: 在视频周围的HTML文本中,包含一个描述性的标题(

    )和一段详细的文字描述。这段描述应该包含视频的关键关键词,并准确概括视频内容。这就像给一篇文章写标题和摘要一样,视频也需要。

  3. 利用Schema Markup(结构化数据): 这是让搜索引擎“理解”视频内容的关键。使用

    VideoObject
    类型的结构化数据,可以明确告诉搜索引擎视频的标题、描述、缩略图URL、上传日期、时长等信息。这对于在Google等搜索引擎中获得富媒体结果(Rich Snippets)至关重要。

    这段JSON-LD代码可以放在页面的

    中。

  4. 提供视频转录文本(Transcript): 这是一个经常被忽视但极其有效的优化手段。将视频中的对话和旁白转换成文字,作为视频内容的一部分呈现在页面上。搜索引擎无法“观看”视频,但它们可以“阅读”文本。转录文本提供了大量的关键词和上下文信息,极大地增强了视频的可索引性。

  5. 创建视频站点地图(Video Sitemap): 类似于常规的XML站点地图,视频站点地图专门列出你网站上的所有视频内容,并提供每个视频的元数据。这能帮助搜索引擎更全面、更高效地发现和索引你的视频。

  6. 优化视频文件本身: 确保视频文件大小适中,加载速度快,避免用户等待过久而跳出。选择合适的视频格式,并考虑响应式设计,让视频在不同设备上都能良好播放。

搜索引擎如何“看懂”视频内容?

这个问题其实挺有意思的,因为它揭示了搜索引擎在处理多媒体内容时的局限性与进步。从技术角度讲,搜索引擎本身并不能像人一样“看”或“听”一个视频。它们理解视频,主要依赖于我们提供的各种“线索”和“上下文”。

最初,视频对搜索引擎来说,可能就是页面上的一个二进制文件,或者是一个指向外部平台的链接(比如YouTube的iframe)。那时候,搜索引擎能做的,更多是根据视频周围的文字内容来猜测视频讲了什么。这就像你拿到一个包裹,不知道里面是什么,只能通过包裹上的标签、寄件人信息来推断。

但现在,情况复杂多了,也智能多了:

  • 元数据解析: 这是最基础的。搜索引擎会抓取视频文件或嵌入代码中的HTML属性(比如
    标签的
    poster
    src
    ),以及页面标题、描述、URL等。这些都是直接的信号。
  • 结构化数据(Schema Markup): 这是个大杀器。通过
    VideoObject
    这种标准化格式,我们能非常明确地告诉搜索引擎视频的名称、描述、时长、缩略图、上传日期、内容URL等。这就像给包裹贴上了详细的物品清单和说明书,搜索引擎一目了然。
  • 文本内容分析: 视频所在页面的所有文本内容,包括视频标题、描述、正文、评论,尤其是视频转录文本,都是搜索引擎理解视频主题的关键。转录文本几乎是视频内容的“文字版”,提供了最直接、最丰富的关键词和上下文。
  • 图像识别和语音识别(AI): 现代搜索引擎,尤其是像Google这样的巨头,已经开始利用AI技术来分析视频的缩略图、甚至视频帧中的图像内容,以及视频中的语音信息。虽然这块技术还在发展中,但它意味着搜索引擎未来能更深入地理解视频的视觉和听觉内容。比如,AI可能会识别出视频中出现的特定物体、人物或场景,甚至分析语音内容来提取主题。
  • 用户行为信号: 视频的播放量、观看时长、点赞、评论、分享等用户互动数据,也会被搜索引擎作为衡量视频质量和相关性的重要信号。如果一个视频很多人看,看完率高,说明它可能内容不错。

所以,搜索引擎“看懂”视频,其实是一个多维度、综合性的过程,它结合了传统的信息抓取、语义分析,以及越来越先进的AI技术。我们优化视频SEO,就是尽可能多地提供这些“线索”,让搜索引擎能更准确、更全面地理解我们的视频。

诚石C2C交易系统
诚石C2C交易系统

1. 页面全部经过SEO(搜索引擎优化)处理 2. 支持IE、FireFox等主流浏览器,在IE 和FireFox下显示相同的效果 3. 符合W3C国际网页标准,页面全部采用DIV+CSS布局 4. 采用SQL server数据库,所有数据库操作采用存储过程 5. 部分功能采用AJAX技术,良好的用户体验。 6. 后台集成在线HTML编辑软件FCKEditor,自定义美观的内容

下载

除了HTML,还有哪些因素影响视频的SEO表现?

光是搞定HTML标签和结构化数据,这只是视频SEO的“骨架”。要让视频真正活起来,并在搜索结果中脱颖而出,还需要考虑更多层面的因素,有些甚至超出了我们对传统SEO的认知。

  1. 视频内容本身的质量与价值: 这点再怎么强调都不为过。一个标题、描述、结构化数据都做得完美的视频,如果内容本身枯燥乏味、信息量低,或者与标题严重不符,用户看完就跳出,甚至直接关闭,那所有的技术优化都可能白费。搜索引擎越来越重视用户体验,低质量的内容会收到负面信号。视频要解决用户痛点、提供独特视角、制作精良、信息准确,这是根本。

  2. 用户参与度(Engagement): 这包括观看时长、观看完成率、点赞、评论、分享、订阅等。高用户参与度是搜索引擎判断视频内容受欢迎程度和相关性的重要指标。如果用户在一个视频上停留时间长,说明视频内容吸引人。YouTube等平台尤其看重这些指标,它们会直接影响视频的推荐和排名。所以,要思考如何制作引人入胜的开场、保持节奏、鼓励互动。

  3. 视频托管平台与加载速度: 视频文件通常较大,托管平台的选择和加载速度至关重要。如果视频托管在自己的服务器上,需要确保服务器带宽充足,并使用CDN(内容分发网络)来加速全球用户的访问。如果使用第三方平台(如YouTube、Vimeo),它们的CDN通常很强大,但也要注意嵌入方式是否会拖慢页面加载速度。页面加载速度是整体SEO的一个重要组成部分。

  4. 移动设备友好性: 如今大部分用户通过移动设备观看视频。确保你的视频播放器是响应式的,能在各种屏幕尺寸上自适应,并且在移动网络环境下也能流畅播放。这包括优化视频编码,提供不同分辨率的视频源。

  5. 推广与外链建设: 像对待任何其他内容一样,视频也需要推广。在社交媒体上分享,在相关博客或网站上获得嵌入和链接,这些都能增加视频的曝光度,带来流量,并建立外部链接,提升视频页面的权威性。一个视频被广泛引用和分享,本身就是一种强大的排名信号。

  6. 上下文相关性与用户意图匹配: 视频所在的页面内容、视频周围的文本、甚至整个网站的主题,都应该与视频内容高度相关。搜索引擎会综合判断视频是否能很好地满足用户的搜索意图。比如,用户搜索“如何制作咖啡”,你的视频就应该直接展示制作咖啡的步骤,而不是泛泛而谈咖啡文化。

  7. 可访问性(Accessibility): 除了转录文本,还可以考虑提供字幕(Captions)和音频描述。这不仅能帮助听障或视障人士,也能让搜索引擎更好地理解视频内容。字幕文件(如SRT格式)本身就可以被索引。

这些因素相互作用,共同决定了视频在搜索引擎中的表现。仅仅优化HTML只是万里长征第一步,更重要的是围绕视频内容本身,构建一个用户友好、搜索引擎友好的生态系统。

如何为视频内容创建有效的Schema Markup?

创建有效的Schema Markup是视频SEO中一个非常关键的环节,它直接告诉搜索引擎视频的详细信息,从而提高视频在搜索结果中以富媒体形式展现的机会。这里我们主要聚焦于

VideoObject
类型。

1. 基础结构: 首先,你需要一个

2. 核心属性(必填或强烈推荐):

  • "@context": "http://schema.org"
    :指定使用Schema.org词汇表。
  • "@type": "VideoObject"
    :明确声明这是关于一个视频的结构化数据。
  • "name": "你的视频标题"
    :视频的标题,要准确、描述性强,且包含关键词。这通常与页面上的

    </pre>标签内容一致。</li>
    <li><pre class="brush:php;toolbar:false;">"description": "视频的详细描述"</pre>:对视频内容的详细总结,同样要包含关键词,并吸引用户点击。这可以比页面上的视频描述更精炼,但信息要完整。</li>
    <li><pre class="brush:php;toolbar:false;">"thumbnailUrl": "https://www.yourdomain.com/path/to/thumbnail.jpg"</pre>:视频的缩略图URL。这张图片应该高质量、有吸引力,且能准确代表视频内容。Google建议图片至少16:9的宽高比,且像素宽度不低于1920px。</li>
    <li><pre class="brush:php;toolbar:false;">"uploadDate": "YYYY-MM-DDTHH:MM:SS+HH:MM"</pre>:视频的上传日期,遵循ISO 8601格式。例如:"2023-10-27T10:00:00+08:00"。</li>
    <li><pre class="brush:php;toolbar:false;">"duration": "PT#M#S"</pre>:视频的时长,遵循ISO 8601格式。例如,5分钟30秒表示为"PT5M30S";1小时20分5秒表示为"PT1H20M5S"。</li>
    <li><pre class="brush:php;toolbar:false;">"contentUrl": "https://www.yourdomain.com/path/to/your-video.mp4"</pre>:视频文件的直接URL。这是实际的视频文件地址,搜索引擎可能会尝试抓取它。</li>
    <li><pre class="brush:php;toolbar:false;">"embedUrl": "https://www.yourdomain.com/embed/your-video-id"</pre>:视频播放器的嵌入URL。如果你的视频是通过iframe或其他嵌入代码播放的,这里填写嵌入代码中<pre class="brush:php;toolbar:false;">src</pre>属性的URL。</li>
    </ul>
    <p><strong>3. 推荐但非强制属性:</strong></p>
    <ul>
    <li><pre class="brush:php;toolbar:false;">"publisher"</pre>:视频的发布者信息。可以是一个<pre class="brush:php;toolbar:false;">Organization</pre>(组织)或<pre class="brush:php;toolbar:false;">Person</pre>(个人)。<pre class='brush:json;toolbar:false;'>"publisher": {
      "@type": "Organization",
      "name": "你的公司或网站名称",
      "logo": {
        "@type": "ImageObject",
        "url": "https://www.yourdomain.com/images/logo.png"
      }
    }</pre></li>
    <li><pre class="brush:php;toolbar:false;">"interactionCount": "12345"</pre>:视频的观看次数。虽然不是必填,但可以提供给搜索引擎一个受欢迎程度的信号。</li>
    <li><pre class="brush:php;toolbar:false;">"keywords": "关键词1, 关键词2, 关键词3"</pre>:与视频相关的关键词列表。</li>
    <li><pre class="brush:php;toolbar:false;">"expires": "YYYY-MM-DDTHH:MM:SS+HH:MM"</pre>:如果视频内容有过期时间,可以在此指定。过期后,视频可能不再显示在搜索结果中。</li>
    </ul>
    <p><strong>4. 完整示例:</strong></p><pre class='brush:json;toolbar:false;'><script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "VideoObject",
      "name": "如何用Python进行数据分析入门教程",
      "description": "本视频教程为Python数据分析新手提供了一系列基础指导,包括Pandas和NumPy库的使用,数据清洗与可视化。",
      "thumbnailUrl": "https://www.example.com/images/python-data-analysis-thumb.jpg",
      "uploadDate": "2023-10-26T14:30:00+08:00",
      "duration": "PT15M45S",
      "contentUrl": "https://www.example.com/videos/python-data-analysis.mp4",
      "embedUrl": "https://www.example.com/embed/video-id-123",
      "interactionCount": "25890",
      "publisher": {
        "@type": "Organization",
        "name": "TechLearn Academy",
        "logo": {
          "@type": "ImageObject",
          "url": "https://www.example.com/images/techlearn-logo.png",
          "width": "600",
          "height": "60"
        }
      },
      "keywords": "Python, 数据分析, Pandas, NumPy, 数据可视化, 编程入门"
    }
    </script></pre><p><strong>5. 验证:</strong>
    完成Schema Markup后,务必使用Google的富媒体搜索结果测试工具(Rich Results Test)或Schema Markup验证器来检查代码是否有错误。这能确保你的结构化数据被搜索引擎正确解析。如果出现警告或错误,需要及时修正。</p>
    <p>创建有效的Schema Markup,不仅能提升视频在搜索结果中的可见性,还能帮助搜索引擎更准确地理解你的内容,从而将其展示给最相关的用户。</p>					</div>
    					<div class="artmoreart ">
    													<div class="artdp artptit"><span></span>
    								<p>相关文章</p>
    							</div>
    							<div class="artmores flexColumn">
    																	<a class="artmrlis flexRow" href="/faq/2009708.html" title="html转pdf乱码怎么办_html转pdf避乱码处理【对策】"><b></b>
    										<p class="overflowclass">html转pdf乱码怎么办_html转pdf避乱码处理【对策】</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2009541.html" title="如何让 Bulma 的导航栏汉堡菜单(Burger Menu)真正生效?"><b></b>
    										<p class="overflowclass">如何让 Bulma 的导航栏汉堡菜单(Burger Menu)真正生效?</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2009274.html" title="如何让 Bulma 导航栏中的汉堡菜单(Burger)真正生效?"><b></b>
    										<p class="overflowclass">如何让 Bulma 导航栏中的汉堡菜单(Burger)真正生效?</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2008467.html" title="HTML下拉框怎么改宽度_HTML下拉框调style宽适应布局【样式】"><b></b>
    										<p class="overflowclass">HTML下拉框怎么改宽度_HTML下拉框调style宽适应布局【样式】</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2008399.html" title="轮播图怎么制作html响应式_适配多端html轮播图做法【适配】"><b></b>
    										<p class="overflowclass">轮播图怎么制作html响应式_适配多端html轮播图做法【适配】</p>
    									</a>
    															</div>
    													<div class="aritcle_card flexRow">
    							<div class="artcardd flexRow">
    								<a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img
    										src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a>
    								<div class="aritcle_card_info flexColumn">
    									<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a>
    									<p>HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!</p>
    								</div>
    								<a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
    							</div>
    						</div>							<div class="artmoretabs flexRow">
    								<p>相关标签:</p>
    								<div class="mtbs flexRow">
    									<a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15724.html" target="_blank">javascript</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15726.html" target="_blank">word</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15730.html" target="_blank">python</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15731.html" target="_blank">java</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15763.html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15802.html" target="_blank">js</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15848.html" target="_blank">json</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15863.html" target="_blank">go</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15883.html" target="_blank">视频教程</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=JavaScript" target="_blank">JavaScript</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=json" target="_blank">json</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html5" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=html" target="_blank">html</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Object" target="_blank">Object</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=for" target="_blank">for</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=xml" target="_blank">xml</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=http" target="_blank">http</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=https" target="_blank">https</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=搜索引擎" target="_blank">搜索引擎</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=cms" target="_blank">cms</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=SEO" target="_blank">SEO</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=iframe" target="_blank">iframe</a>								</div>
    							</div>
    						
    						<p class="statement">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</p>
    						<div class="lastanext flexRow">
    													<a class="lastart flexRow" href="/faq/1538902.html" title="CSS选择器进阶:精准定位首个不含特定类名的元素"><span>上一篇:</span>CSS选择器进阶:精准定位首个不含特定类名的元素</a>
    													<a class="nextart flexRow" href="/faq/1538914.html" title="HTML与Material-UI组件库界面设计结合_HTML与Material-UI组件库界面设计结合步骤"><span>下一篇:</span>HTML与Material-UI组件库界面设计结合_HTML与Material-UI组件库界面设计结合步骤</a>
    												</div>
    					</div>
    
    					<div class="artlef-down ">
    													<div class="authormore ">
    								<div class="rightdTitle flexRow">
    									<div class="title-left flexRow"> <b></b>
    										<p>作者最新文章</p>
    									</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2004753.html" title="极兔快递智能物流追踪页面 极兔速运实时更新官网链接"><b></b>
    												<p class="overflowclass">极兔快递智能物流追踪页面 极兔速运实时更新官网链接</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 04:39</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2004784.html" title="一米滴答如何找回登录密码_一米滴答密码重置安全步骤【防护】"><b></b>
    												<p class="overflowclass">一米滴答如何找回登录密码_一米滴答密码重置安全步骤【防护】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 05:53</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2004799.html" title="橙子阅读怎么屏蔽不想看的类型_橙子阅读屏蔽设置与偏好调整【技巧】"><b></b>
    												<p class="overflowclass">橙子阅读怎么屏蔽不想看的类型_橙子阅读屏蔽设置与偏好调整【技巧】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 06:25</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2004821.html" title="AdobePhotoshop如何调整图片分辨率_PS调整分辨率步骤【教程】"><b></b>
    												<p class="overflowclass">AdobePhotoshop如何调整图片分辨率_PS调整分辨率步骤【教程】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 07:19</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005062.html" title="百度网盘客户端下载入口 百度网盘最新版安装入口"><b></b>
    												<p class="overflowclass">百度网盘客户端下载入口 百度网盘最新版安装入口</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 08:41</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005146.html" title="饮水机长时间不用如何处置_安全停用法【须知】"><b></b>
    												<p class="overflowclass">饮水机长时间不用如何处置_安全停用法【须知】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 09:06</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005185.html" title="一吨柴油等于多少公斤_标准下柴油一吨即一千公斤【实例】"><b></b>
    												<p class="overflowclass">一吨柴油等于多少公斤_标准下柴油一吨即一千公斤【实例】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 09:17</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005204.html" title="荣耀手机智慧语音怎么唤醒和设置​ 荣耀YOYO语音助手实用功能盘点【步骤】"><b></b>
    												<p class="overflowclass">荣耀手机智慧语音怎么唤醒和设置​ 荣耀YOYO语音助手实用功能盘点【步骤】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 09:23</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005238.html" title="苹果手机AppleID密码忘了咋办_苹果手机AppleID找回法【步骤】"><b></b>
    												<p class="overflowclass">苹果手机AppleID密码忘了咋办_苹果手机AppleID找回法【步骤】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 09:31</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2005292.html" title="语雀怎样设置标签_语雀设标签教程【方法】"><b></b>
    												<p class="overflowclass">语雀怎样设置标签_语雀设标签教程【方法】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-20 09:44</p>
    											</div>
    										</div>
    								</div>
    															</div>
    						
    						<div class="moreAi ">
    							<div class="rightdTitle flexRow">
    								<div class="title-left flexRow"> <b></b>
    									<p>热门AI工具</p>
    								</div>
    								<a target="_blank" class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
    							</div>
    
    							<div class="moreailist flexRow">
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/723" title="DeepSeek" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">DeepSeek</p>
    												<p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																													<p href="/ai/tag/code/open-plat" title="开放平台" class="aidcontbp flexRow flexcenter">开放平台</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/726" title="豆包大模型" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680204067325.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">豆包大模型</p>
    												<p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/725" title="通义千问" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974228210.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="通义千问" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">通义千问</p>
    												<p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679978251103.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="腾讯元宝" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">腾讯元宝</p>
    												<p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/office/docs" title="文档处理" class="aidcontbp flexRow flexcenter">文档处理</p>
    																													<p href="/ai/tag/office/excel" title="Excel 表格" class="aidcontbp flexRow flexcenter">Excel 表格</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/724" title="文心一言" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679974557049.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="文心一言" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">文心一言</p>
    												<p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																													<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/969/633/68b7a4153cd86671.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="讯飞写作" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">讯飞写作</p>
    												<p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
    																													<p href="/ai/tag/text/write" title="写作工具" class="aidcontbp flexRow flexcenter">写作工具</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/1115" title="即梦AI" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/001/246/273/68b6d8f7c530c315.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="即梦AI" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">即梦AI</p>
    												<p class="overflowclass abriptwo">一站式AI创作平台,免费AI图片和视频生成。</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/image/image-titching" title="图片拼接" class="aidcontbp flexRow flexcenter">图片拼接</p>
    																													<p href="/ai/tag/image/image-create" title="图画生成" class="aidcontbp flexRow flexcenter">图画生成</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/808" title="ChatGPT" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679970194596.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="ChatGPT" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">ChatGPT</p>
    												<p class="overflowclass abriptwo">最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																													<p href="/ai/tag/text/chinese-writing" title="中文写作" class="aidcontbp flexRow flexcenter">中文写作</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    																	<div class="aidcons flexRow  check ">
    										<a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtns flexRow">
    											<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679976181507.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="智谱清言 - 免费全能的AI助手" class="aibtnimg"
    												onerror="this.src='/static/lhimages/moren/morentu.png'">
    											<div class="aibtn-right flexColumn">
    												<p class="overflowclass abripone">智谱清言 - 免费全能的AI助手</p>
    												<p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p>
    																									<div class="aidconstab flexRow">
    																												<p href="/ai/tag/code/large-model" title="AI大模型" class="aidcontbp flexRow flexcenter">AI大模型</p>
    																													<p href="/ai/tag/office/pdf" title="PDF 文档" class="aidcontbp flexRow flexcenter">PDF 文档</p>
    																											</div>
    																							</div>
    										</a>
    									</div>
    															</div>
    
    
    
    
    						</div>
    
    					</div>
    
    
    				</div>
    
    
    			</div>
    			<div class="conRight artdtilRight ">
    				<div class="artrig-adv ">
                        <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                    </div>
    				<div class="hotzt artdtzt">
    					<div class="rightdTitle flexRow">
    						<div class="title-left flexRow"> <b></b>
    							<p>相关专题</p>
    						</div>
    						<a target="_blank" class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
    					</div>
    					<div class="hotztuls flexColumn">
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jsszcd" class="aClass flexRow hotzta" title="js获取数组长度的方法"><img
    										src="https://img.php.cn/upload/subject/202306/20/2023062017455159983.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js获取数组长度的方法" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jsszcd" class="aClass flexRow hotztra overflowclass" title="js获取数组长度的方法">js获取数组长度的方法</a>
    									<p class="aClass flexRow hotztrp overflowclass">在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">557</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.06.20</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jssxym" class="aClass flexRow hotzta" title="js刷新当前页面"><img
    										src="https://img.php.cn/upload/subject/202307/04/2023070409584996422.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js刷新当前页面" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jssxym" class="aClass flexRow hotztra overflowclass" title="js刷新当前页面">js刷新当前页面</a>
    									<p class="aClass flexRow hotztrp overflowclass">js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">374</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.07.04</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jssswr" class="aClass flexRow hotzta" title="js四舍五入"><img
    										src="https://img.php.cn/upload/subject/202307/04/2023070410160418152.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js四舍五入" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jssswr" class="aClass flexRow hotztra overflowclass" title="js四舍五入">js四舍五入</a>
    									<p class="aClass flexRow hotztrp overflowclass">js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">754</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.07.04</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jsscjddff" class="aClass flexRow hotzta" title="js删除节点的方法"><img
    										src="https://img.php.cn/upload/subject/202309/01/2023090117024286721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js删除节点的方法" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jsscjddff" class="aClass flexRow hotztra overflowclass" title="js删除节点的方法">js删除节点的方法</a>
    									<p class="aClass flexRow hotztrp overflowclass">js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">478</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.09.01</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/javascriptzy" class="aClass flexRow hotzta" title="JavaScript转义字符"><img
    										src="https://img.php.cn/upload/subject/202309/04/2023090411084899588.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="JavaScript转义字符" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/javascriptzy" class="aClass flexRow hotztra overflowclass" title="JavaScript转义字符">JavaScript转义字符</a>
    									<p class="aClass flexRow hotztrp overflowclass">JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">434</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.09.04</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jsscsjsdff" class="aClass flexRow hotzta" title="js生成随机数的方法"><img
    										src="https://img.php.cn/upload/subject/202309/04/2023090411300156430.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="js生成随机数的方法" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jsscsjsdff" class="aClass flexRow hotztra overflowclass" title="js生成随机数的方法">js生成随机数的方法</a>
    									<p class="aClass flexRow hotztrp overflowclass">js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">1011</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.09.04</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/rhqyjavascrip" class="aClass flexRow hotzta" title="如何启用JavaScript"><img
    										src="https://img.php.cn/upload/subject/202309/12/2023091210411962381.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="如何启用JavaScript" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/rhqyjavascrip" class="aClass flexRow hotztra overflowclass" title="如何启用JavaScript">如何启用JavaScript</a>
    									<p class="aClass flexRow hotztrp overflowclass">JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">658</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.09.12</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jssymbol" class="aClass flexRow hotzta" title="Js中Symbol类详解"><img
    										src="https://img.php.cn/upload/subject/202309/20/2023092011360778721.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Js中Symbol类详解" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jssymbol" class="aClass flexRow hotztra overflowclass" title="Js中Symbol类详解">Js中Symbol类详解</a>
    									<p class="aClass flexRow hotztrp overflowclass">javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">553</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2023.09.20</p>
    										</div>
    									</div>
    								</div>
    							</div>
    													<div class="hotztlls flexRow">
    								<a target="_blank" href="/faq/jjylyxntysz" class="aClass flexRow hotzta" title="Java JVM 原理与性能调优实战"><img
    										src="https://img.php.cn/upload/subject/202601/20/2026012010141322658.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java JVM 原理与性能调优实战" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/jjylyxntysz" class="aClass flexRow hotztra overflowclass" title="Java JVM 原理与性能调优实战">Java JVM 原理与性能调优实战</a>
    									<p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">19</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2026.01.20</p>
    										</div>
    									</div>
    								</div>
    							</div>
    											</div>
    				</div>
    
    				<div class="hotdownload ">
    					<div class="rightdTitle flexRow">
    						<div class="title-left flexRow"> <b></b>
    							<p>热门下载</p>
    						</div>
    						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a>
    					</div>
    					<div class="hotdownTab">
    						<div class="hdTabs flexRow">
    							<div class="check" data-id="onef">网站特效 <b></b> </div> /
    							<div class="" data-id="twof">网站源码 <b></b></div> /
    							<div class="" data-id="threef">网站素材 <b></b></div> /
    							<div class="" data-id="fourf">前端模板 <b></b></div>
    						</div>
    						<ul class="onef">
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery文字选项问卷调查表单提交" href="/xiazai/js/8553"><span>[表单按钮]</span><span>jQuery文字选项问卷调查表单提交</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery分层轮播3d旋转切换代码" href="/xiazai/js/8552"><span>[图片特效]</span><span>jQuery分层轮播3d旋转切换代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jquery蓝色下拉搜索框" href="/xiazai/js/8551"><span>[表单按钮]</span><span>jquery蓝色下拉搜索框</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="仿淘宝首页jquery焦点图" href="/xiazai/js/8550"><span>[图片特效]</span><span>仿淘宝首页jquery焦点图</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="HTML5+CSS3+jQ注册表单 HTML5+CSS3+jQuery注册表单代码下载" href="/xiazai/js/8549"><span>[表单按钮]</span><span>HTML5+CSS3+jQ注册表单 HTML5+CSS3+jQuery注册表单代码下载</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery图片绘制动态过程插件imagedrawer" href="/xiazai/js/8548"><span>[图片特效]</span><span>jQuery图片绘制动态过程插件imagedrawer</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="Login Form登陆框 Login Form登陆框网页特效" href="/xiazai/js/8547"><span>[表单按钮]</span><span>Login Form登陆框 Login Form登陆框网页特效</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="css3网页加载后图片翻转效果代码" href="/xiazai/js/8546"><span>[图片特效]</span><span>css3网页加载后图片翻转效果代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="CSS学生入学毕业档案表单样式代码" href="/xiazai/js/8545"><span>[表单按钮]</span><span>CSS学生入学毕业档案表单样式代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="国美在线首页jQuery焦点图" href="/xiazai/js/8544"><span>[图片特效]</span><span>国美在线首页jQuery焦点图</span></a>
    									</div>
    								</li>
    													</ul>
    						<ul class="twof" style="display:none;">
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11355" title="openaishop"><span>[电商源码]</span><span>openaishop</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11354" title="思翔企(事)业单位文件柜 build 20080313"><span>[其它模板]</span><span>思翔企(事)业单位文件柜 build 20080313</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11353" title="雅龙智能装备工业设备类WordPress主题1.0"><span>[企业站源码]</span><span>雅龙智能装备工业设备类WordPress主题1.0</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11352" title="威发卡自动发卡系统"><span>[电商源码]</span><span>威发卡自动发卡系统</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11351" title="卡密分发系统"><span>[电商源码]</span><span>卡密分发系统</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11350" title="中华陶瓷网"><span>[电商源码]</span><span>中华陶瓷网</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11349" title="简洁粉色食品公司网站"><span>[电商源码]</span><span>简洁粉色食品公司网站</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11348" title="极速网店系统"><span>[电商源码]</span><span>极速网店系统</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11347" title="淘宝妈妈_淘客推广系统"><span>[电商源码]</span><span>淘宝妈妈_淘客推广系统</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/11346" title="积客B2SCMS商城系统"><span>[电商源码]</span><span>积客B2SCMS商城系统</span> </a>
    									</div>
    								</li>
    													</ul>
    						<ul class="threef" style="display:none;">
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4224" title="2026新春马年极简线条矢量素材"><span>[网站素材]</span><span>2026新春马年极简线条矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4223" title="莫兰迪色块抽象女性矢量插画"><span>[网站素材]</span><span>莫兰迪色块抽象女性矢量插画</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4222" title="国潮新春红灯笼海浪矢量素材"><span>[网站素材]</span><span>国潮新春红灯笼海浪矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4221" title="黑金奢华星空山脉背景矢量素材"><span>[网站素材]</span><span>黑金奢华星空山脉背景矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4220" title="手绘治愈系猫咪海报矢量素材"><span>[网站素材]</span><span>手绘治愈系猫咪海报矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4219" title="2026好柿发生创意便签矢量素材"><span>[网站素材]</span><span>2026好柿发生创意便签矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4218" title="弥散风商务名片PSD模板下载"><span>[网站素材]</span><span>弥散风商务名片PSD模板下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4217" title="新年快乐正方形海报PSD分层素材下载"><span>[网站素材]</span><span>新年快乐正方形海报PSD分层素材下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4216" title="青花瓷花卉纹样边框矢量素材"><span>[网站素材]</span><span>青花瓷花卉纹样边框矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4215" title="商场购物促销海报PSD模板设计下载"><span>[网站素材]</span><span>商场购物促销海报PSD模板设计下载</span> </a>
    									</div>
    								</li>
    													</ul>
    						<ul class="fourf" style="display:none;">
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8590"  title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8589"  title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8588"  title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8587"  title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8586"  title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8585"  title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8584"  title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8583"  title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8582"  title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/code/8581"  title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a>
    									</div>
    								</li>
    													</ul>
    					</div>
    					<script>
    						$('.hdTabs>div').click(function (e) {
    							$('.hdTabs>div').removeClass('check')
    							$(this).addClass('check')
    							$('.hotdownTab>ul').css('display', 'none')
    							$('.' + e.currentTarget.dataset.id).show()
    						})
    					</script>
    
    				</div>
    
    				<div class="artrig-adv ">
    					<script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script>
                    </div>
    
    
    
    				<div class="xgarts ">
    					<div class="rightdTitle flexRow">
    						<div class="title-left flexRow"> <b></b>
    							<p>相关下载</p>
    						</div>
    						<a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a>
    					</div>
    					<div class="xgwzlist ">
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="诚石C2C交易系统" href="/xiazai/code/10931">诚石C2C交易系统</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="仿虎嗅网在线视频教育门户源码2.0" href="/xiazai/code/10774">仿虎嗅网在线视频教育门户源码2.0</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="SeoShop" href="/xiazai/code/10566">SeoShop</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Ecshop韩都衣舍2014最新豪华版" href="/xiazai/code/9688">Ecshop韩都衣舍2014最新豪华版</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="千博企业网站管理系统静态HTML2009 Build 0601" href="/xiazai/code/9653">千博企业网站管理系统静态HTML2009 Build 0601</a></div>
    										</div>
    
    				</div>
    
    				<div class="jpkc">
    					<div class="rightdTitle flexRow">
    						<div class="title-left flexRow"> <b></b>
    							<p>精品课程</p>
    						</div>
    						<a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a>
    					</div>
    					<div class=" jpkcTab">
    						<div class=" jpkcTabs flexRow">
    							<div class="check" data-id="onefd">相关推荐 <b></b> </div> /
    							<div class="" data-id="twofd">热门推荐 <b></b></div> /
    							<div class="" data-id="threefd">最新课程 <b></b></div>
    						</div>
    						<div class="onefd jpktabd">
    													<div  class="ristyA flexRow " >
    								<a target="_blank" href="/course/1673.html" title="Bootstrap 5教程">
    									<img src="https://img.php.cn/upload/course/000/000/090/6899a24dcdf73781.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Bootstrap 5教程" class="ristyAimg"
    										onerror="this.src='/static/mobimages/moren/morentu.png'">
    								</a>
    								<div class="ristyaRight flexColumn">
    									<a target="_blank" href="/course/1673.html" title="Bootstrap 5教程"
    										class="rirightp overflowclass">Bootstrap 5教程</a>
    
    									<div class="risrdown flexRow">
    										<p>共46课时 | 2.9万人学习</p>
    									</div>
    								</div>
    							</div>
    													<div  class="ristyA flexRow " >
    								<a target="_blank" href="/course/1672.html" title="AngularJS教程">
    									<img src="https://img.php.cn/upload/course/000/000/090/68998d18b4142615.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="AngularJS教程" class="ristyAimg"
    										onerror="this.src='/static/mobimages/moren/morentu.png'">
    								</a>
    								<div class="ristyaRight flexColumn">
    									<a target="_blank" href="/course/1672.html" title="AngularJS教程"
    										class="rirightp overflowclass">AngularJS教程</a>
    
    									<div class="risrdown flexRow">
    										<p>共24课时 | 2.8万人学习</p>
    									</div>
    								</div>
    							</div>
    													<div  class="ristyA flexRow " >
    								<a target="_blank" href="/course/1660.html" title="CSS教程">
    									<img src="https://img.php.cn/upload/course/000/000/090/68774990cfb6f919.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="CSS教程" class="ristyAimg"
    										onerror="this.src='/static/mobimages/moren/morentu.png'">
    								</a>
    								<div class="ristyaRight flexColumn">
    									<a target="_blank" href="/course/1660.html" title="CSS教程"
    										class="rirightp overflowclass">CSS教程</a>
    
    									<div class="risrdown flexRow">
    										<p>共754课时 | 21.6万人学习</p>
    									</div>
    								</div>
    							</div>
    												</div>
    
    						<div class="twofd jpktabd" style="display:none;">
    															<div  class="ristyA flexRow " >
    									<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
    										<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
    											onerror="this.src='/static/mobimages/moren/morentu.png'">
    									</a>
    									<div class="ristyaRight flexColumn">
    										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
    											class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>
    
    										<div class="risrdown flexRow">
    											<p>共6课时 | 8.7万人学习</p>
    										</div>
    									</div>
    								</div>
    															<div  class="ristyA flexRow " >
    									<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)">
    										<img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg"
    											onerror="this.src='/static/mobimages/moren/morentu.png'">
    									</a>
    									<div class="ristyaRight flexColumn">
    										<a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"
    											class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a>
    
    										<div class="risrdown flexRow">
    											<p>共79课时 | 151.3万人学习</p>
    										</div>
    									</div>
    								</div>
    															<div  class="ristyA flexRow " >
    									<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程">
    										<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg"
    											onerror="this.src='/static/mobimages/moren/morentu.png'">
    									</a>
    									<div class="ristyaRight flexColumn">
    										<a target="_blank" href="/course/639.html" title="phpStudy极速入门视频教程"
    											class="rirightp overflowclass">phpStudy极速入门视频教程</a>
    
    										<div class="risrdown flexRow">
    											<p>共6课时 | 53.4万人学习</p>
    										</div>
    									</div>
    								</div>
    													</div>
    
    						<div class="threefd jpktabd" style="display:none;">
    															<div  class="ristyA flexRow " >
    										<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通">
    											<img src="https://img.php.cn/upload/course/000/000/081/68c135bb72783194.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新Python教程 从入门到精通" class="ristyAimg"
    												onerror="this.src='/static/mobimages/moren/morentu.png'">
    										</a>
    										<div class="ristyaRight flexColumn">
    											<a target="_blank" href="/course/1696.html" title="最新Python教程 从入门到精通"
    												class="rirightp overflowclass">最新Python教程 从入门到精通</a>
    
    											<div class="risrdown flexRow">
    												<p>共4课时 | 7.4万人学习</p>
    											</div>
    										</div>
    									</div>
    																<div  class="ristyA flexRow " >
    										<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学">
    											<img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg"
    												onerror="this.src='/static/mobimages/moren/morentu.png'">
    										</a>
    										<div class="ristyaRight flexColumn">
    											<a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"
    												class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a>
    
    											<div class="risrdown flexRow">
    												<p>共6课时 | 8.7万人学习</p>
    											</div>
    										</div>
    									</div>
    																<div  class="ristyA flexRow " >
    										<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学">
    											<img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg"
    												onerror="this.src='/static/mobimages/moren/morentu.png'">
    										</a>
    										<div class="ristyaRight flexColumn">
    											<a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"
    												class="rirightp overflowclass">PHP新手语法线上课程教学</a>
    
    											<div class="risrdown flexRow">
    												<p>共13课时 | 0.9万人学习</p>
    											</div>
    										</div>
    									</div>
    														</div>
    						<script>
    							$('.jpkcTabs>div').click(function (e) {
    								$('.jpkcTabs>div').removeClass('check')
    								$(this).addClass('check')
    								$('.jpkcTab .jpktabd').css('display', 'none')
    								$('.' + e.currentTarget.dataset.id).show()
    							})
    						</script>
    
    					</div>
    				</div>
    
    				<div class="zxarts ">
    					<div class="rightdTitle flexRow">
    						<div class="title-left flexRow"> <b></b>
    							<p>最新文章</p>
    						</div>
    						<a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a>
    					</div>
    					<div class="xgwzlist ">
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何修复按钮悬停时背景色不生效的问题" href="/faq/2010210.html">如何修复按钮悬停时背景色不生效的问题</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="海信电脑怎样升浏览器播html5_海信更浏览器支html5【更新】" href="/faq/2010177.html">海信电脑怎样升浏览器播html5_海信更浏览器支html5【更新】</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML form 里的 action 属性为空时到底提交到哪里?" href="/faq/2010170.html">HTML form 里的 action 属性为空时到底提交到哪里?</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="html如何同步更新转pdf_同步更转html法【机制】" href="/faq/2010125.html">html如何同步更新转pdf_同步更转html法【机制】</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 GitHub Dev 环境中正确显示 HTML 中的本地图片" href="/faq/2010117.html">如何在 GitHub Dev 环境中正确显示 HTML 中的本地图片</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML背景图片覆盖内容咋避免_HTML背景图片避内容法【层级】" href="/faq/2010059.html">HTML背景图片覆盖内容咋避免_HTML背景图片避内容法【层级】</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何标记当前活跃的 tab 面板(aria-selected 和 tabindex)" href="/faq/2010033.html">如何标记当前活跃的 tab 面板(aria-selected 和 tabindex)</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="html轮播图怎么检测可见性_判断html轮播图可视状态法【监测】" href="/faq/2010028.html">html轮播图怎么检测可见性_判断html轮播图可视状态法【监测】</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="html轮播图怎么避免闪烁_消除html轮播图闪烁问题法【稳定】" href="/faq/2009983.html">html轮播图怎么避免闪烁_消除html轮播图闪烁问题法【稳定】</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让 Bulma 的导航栏汉堡菜单(Navbar Burger)真正生效?" href="/faq/2009982.html">如何让 Bulma 的导航栏汉堡菜单(Navbar Burger)真正生效?</a></div>
    											</div>
    
    				</div>
    
    
    
    
    
    
    			</div>
    
    
    
    		</div>
    
    	</div>
    	<!--底部-->
    	<div class="phpFoot">
        <div class="phpFootIn">
            <div class="phpFootCont">
                <div class="phpFootLeft">
                    <dl>
                        <dt>
                            <a target="_blank"  href="/about/us.html" rel="nofollow"  title="关于我们" class="cBlack">关于我们</a>
                            <a target="_blank"  href="/about/disclaimer.html" rel="nofollow"  title="免责申明" class="cBlack">免责申明</a>
                            <a target="_blank"  href="/about/jbzx.html" rel="nofollow"  title="举报中心" class="cBlack">举报中心</a>
                            <a   href="javascript:;" rel="nofollow" onclick="advice_data(99999999,'意见反馈')"   title="意见反馈" class="cBlack">意见反馈</a>
                            <a target="_blank"  href="https://www.php.cn/teacher.html" rel="nofollow"   title="讲师合作" class="cBlack">讲师合作</a>
                            <a  target="_blank" href="https://www.php.cn/blog/detail/20304.html" rel="nofollow"  title="广告合作" class="cBlack">广告合作</a>
                            <a  target="_blank" href="/new/"    title="最新文章列表" class="cBlack">最新更新</a>
                                                    <div class="clear"></div>
                        </dt>
                        <dd class="cont1">php中文网:公益在线php培训,帮助PHP学习者快速成长!</dd>
                        <dd class="cont2">
                          <span class="ylwTopBox">
                            <a   href="javascript:;"  class="cBlack"><b class="icon1"></b>关注服务号</a>
                            <em style="display:none;" class="ylwTopSub">
                              <p>微信扫码<br/>关注PHP中文网服务号</p>
                              <img src="/static/images/examples/text16.png"/>
                            </em>
                          </span>
                            <span class="ylwTopBox">
                            <a   href="tencent://message/?uin=27220243&Site=www.php.cn&Menu=yes"  class="cBlack"><b class="icon2"></b>技术交流群</a>
                            <em style="display:none;" class="ylwTopSub">
                              <p>QQ扫码<br/>加入技术交流群</p>
                              <img src="/static/images/examples/text18.png"/>
                            </em>
                          </span>
                            <div class="clear"></div>
                        </dd>
                    </dl>
                    
                </div>
                <div class="phpFootRight">
                    <div class="phpFootMsg">
                        <span><img src="/static/images/examples/text17.png"/></span>
                        <dl>
                            <dt>PHP中文网订阅号</dt>
                            <dd>每天精选资源文章推送</dd>
                        </dl>
                    </div>
                </div>
            </div>
        </div>
        <div class="phpFootCode">
            <div class="phpFootCodeIn"><p>Copyright 2014-2026 <a   href="https://www.php.cn/" >https://www.php.cn/</a> All Rights Reserved | php.cn | <a   href="https://beian.miit.gov.cn/" rel="nofollow" >湘ICP备2023035733号</a></p><a   href="http://www.beian.gov.cn/portal/index.do" rel="nofollow" ><b></b></a></div>
        </div>
    </div>
    <input type="hidden" id="verifycode" value="/captcha.html">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
    
    <span class="layui-hide"><script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1280886301&web_id=1280886301"></script></span>
    
    <script src="/static/js/cdn.js?v=1.0.1"></script>
    
    
    
    	<!--底部 end-->
    	<!-- content -->
    	<!--
        <div class="phpFudong">
            <div class="phpFudongIn">
                <div class="phpFudongImg"></div>
                <div class="phpFudongXue">登录PHP中文网,和优秀的人一起学习!</div>
                <div class="phpFudongQuan">全站<span>2000+</span>教程免费学</div>
                <div class="phpFudongCode"><a   href="javascript:;" id="login" title="微信扫码登录">微信扫码登录</a></div>
                <div class="phpGuanbi" onclick="$('.phpFudong').hide();"></div>
                <div class="clear"></div>
            </div>
        </div>
    -->	<!--底部浮动层 end-->
    	<!--侧导航-->
    	<style>
        .layui-fixbar{display: none;}
    </style>
    <div class="phpSdhBox" style="height:240px !important;">
        <li>
            <div class="phpSdhIn">
                <div class="phpSdhTitle">
                    <a   href="/k24.html"  class="hover" title="PHP学习">
                        <b class="icon1"></b>
                        <p>PHP学习</p>
                    </a>
                </div>
            </div>
        </li>
        <li>
            <div class="phpSdhIn">
                <div class="phpSdhTitle">
                    <a   href="https://www.php.cn/blog/detail/1047189.html" >
                        <b class="icon2"></b>
                        <p>技术支持</p>
                    </a>
                </div>
            </div>
        </li>
        <li>
            <div class="phpSdhIn">
                <div class="phpSdhTitle">
                    <a   href="#">
                        <b class="icon6"></b>
                        <p>返回顶部</p>
                    </a>
                </div>
            </div>
        </li>
    </div>
    	</body>
    
    </html>
    
    <script type="text/javascript" src="/hitsUp?type=article&id=1538903&time=1768958542">
    </script>
    <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1768958542"></script>
    <script>
    	article_status = "1522148";
    </script>
    <input type="hidden" id="verifycode" value="/captcha.html">
    <script type="text/javascript" src="/static/js/global.min.js?5.5.33"></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/jquery.cookie.js"></script>
    <script>var _hmt = _hmt || [];(function(){var hm = document.createElement("script");hm.src="//hm.baidu.com/hm.js?c0e685c8743351838d2a7db1c49abd56";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();</script>
    	
    
    <script>
    	function setCookie(name, value, iDay) { //name相当于键,value相当于值,iDay为要设置的过期时间(天)
    		var oDate = new Date();
    		oDate.setDate(oDate.getDate() + iDay);
    		document.cookie = name + '=' + value + ';path=/;domain=.php.cn;expires=' + oDate;
    	}
    
    	function getCookie(name) {
    		var cookieArr = document.cookie.split(";");
    		for (var i = 0; i < cookieArr.length; i++) {
    			var cookiePair = cookieArr[i].split("=");
    			if (name == cookiePair[0].trim()) {
    				return decodeURIComponent(cookiePair[1]);
    			}
    		}
    		return null;
    	}
    </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', '11']);
    		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 -->
    
    <script>
    	setCookie('is_article', 1, 1);
    </script>
    
    <script>
    	var is_login = "0";
            var show = 0;
            var ceng = getCookie('ceng');
            //未登录复制显示登录按钮
            if(is_login == 0 && false){
                $(".code").hover(function(){
                    $(this).find('.contentsignin').show();
                },function(){
                    $(this).find('.contentsignin').hide();
                });
                //不给复制
                $('.code').bind("cut copy paste",function(e) {
                    e.preventDefault();
                });
                $('.code .contentsignin').click(function(){
                    $(document).trigger("api.loginpopbox");
                })
            }else{
                // 获取所有的 <pre> 元素
                var preElements = document.querySelectorAll('pre');
                preElements.forEach(function(preElement) {
                    // 创建复制按钮
                    var copyButton = document.createElement('button');
                    copyButton.className = 'copy-button';
                    copyButton.textContent = '复制';
                    // 添加点击事件处理程序
                    copyButton.addEventListener('click', function() {
                        // 获取当前按钮所属的 <pre> 元素中的文本内容
                        var textContent = preElement.textContent.trim();
                        // 创建一个临时 textarea 元素并设置其值为 <pre> 中的文本内容
                        var tempTextarea = document.createElement('textarea');
                        tempTextarea.value = textContent;
                        // 将临时 textarea 添加到文档中
                        document.body.appendChild(tempTextarea);
                        // 选中临时 textarea 中的文本内容并执行复制操作
                        tempTextarea.select();
                        document.execCommand('copy');
                        // 移除临时 textarea 元素
                        document.body.removeChild(tempTextarea);
                        // 更新按钮文本为 "已复制"
                        this.textContent = '已复制';
                    });
    
                    // 创建AI写代码按钮
                    var aiButton = document.createElement('button');
                    aiButton.className = 'copy-button';
                    aiButton.textContent = 'AI写代码';
                    aiButton.style.marginLeft = '5px';
                    aiButton.style.marginRight = '5px';
                    // 添加点击事件处理程序
                    aiButton.addEventListener('click', function() {
                    // Generate a random number between 0 and 1
                            var randomChance = Math.random();
    
                        // If the random number is less than 0.5, open the first URL, else open the second
                        if (randomChance < 0.5) {
                            window.open('https://www.doubao.com/chat/coding?channel=php&source=hw_db_php', '_blank');
                        } else {
                            window.open('https://click.aliyun.com/m/1000402709/', '_blank');
                        }
                    });
    
                    // 将按钮添加到 <pre> 元素前面
                    preElement.parentNode.insertBefore(copyButton, preElement);
                    preElement.parentNode.insertBefore(aiButton, preElement);
            });
            }
    </script>