扫码关注官方订阅号
正文
0
月夜之吻
发布时间：2025-08-06 15:47:01
836人浏览过
来源于php中文网
原创
标签的内容回退机制是指当浏览器无法加载或不支持嵌入对象时，会显示标签内部的html内容作为替代；2. 这一机制提升了网页的兼容性和用户体验，确保在插件缺失或资源加载失败时仍能向用户传递有效信息，避免空白区域的出现，从而增强页面的健壮性。
HTML中嵌入外部内容，我们主要会用到
</pre>、<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>这几个标签。简单来说，<pre class="brush:php;toolbar:false;"><iframe></pre>是用来嵌入另一个完整的HTML文档的，而<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>则更多地涉及多媒体或插件内容的集成。它们俩虽然都能实现类似的功能，但在语义、灵活性和浏览器处理方式上差异不小，其中<pre class="brush:php;toolbar:false;"><object></pre>在设计上更通用、更强大，而<pre class="brush:php;toolbar:false;">@@@###@@@</pre>则显得更直接、更专一，尤其是在处理一些非标准插件时。</p> <p>谈到HTML如何嵌入外部内容，这其实是个老生常谈的话题，但随着Web技术的发展，其背后的哲学和最佳实践也在不断演变。</p> <p>最常见且功能强大的，莫过于<pre class="brush:php;toolbar:false;"><iframe></pre>标签了。它就像在你的网页里开了一扇窗户，直接展示另一个网页的内容。这在很多场景下都非常实用，比如嵌入地图、第三方表单或者广告。它的优点是隔离性好，父页面和子页面互不干扰，但缺点也显而易见：可能带来SEO问题，用户体验上如果处理不当也容易显得突兀，而且安全沙箱的配置也需要格外注意。</p> <p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p> <p>接着就是今天讨论的重点：<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>。这两个标签在Web的早期，尤其是Flash和各种浏览器插件盛行的年代，扮演了举足轻重的角色。</p> <p><pre class="brush:php;toolbar:false;"><object></pre>标签在语义上更加强大和通用。你可以用它来嵌入几乎任何类型的外部内容，从图片、视频、音频，到PDF文档、Flash动画，甚至是ActiveX控件或Java Applets。它设计之初就是为了提供一个通用的对象嵌入机制。我个人觉得，它最大的亮点在于其“内容回退”机制——如果浏览器不支持你想要嵌入的对象类型，或者插件缺失，它会渲染<pre class="brush:php;toolbar:false;"><object></pre>标签内部的HTML内容。这对于提供用户友好的降级体验至关重要，比如你可以放一段文字说明“您的浏览器不支持此内容”或者提供一个下载链接。</p><pre class='brush:html;toolbar:false;'><object data="movie.swf" type="application/x-shockwave-flash" width="400" height="300"> <param name="quality" value="high"> <param name="wmode" value="opaque"> <!-- 回退内容：如果Flash不被支持，这里的内容会显示 --> @@##@@ <p>您的浏览器需要Flash插件才能观看此内容，请<a href="https://get.adobe.com/flashplayer/" target="_blank">点击此处下载</a>。</p> </object></pre><p>而<pre class="brush:php;toolbar:false;">@@@###@@@</pre>标签则显得更为直接和简单。它主要是为了嵌入那些需要浏览器插件才能渲染的内容，比如早期的Flash、QuickTime视频等。它的语法更简洁，但功能也相对受限，最明显的就是它不提供<pre class="brush:php;toolbar:false;"><object></pre>那样的内容回退机制。如果嵌入失败，用户通常就只能看到一个空白区域或者浏览器<a style="color:#f60; text-decoration:underline;" title="报错提示" href="https://www.php.cn/zt/53864.html" target="_blank">报错提示</a>。在我看来，这正是它不如<pre class="brush:php;toolbar:false;"><object></pre>灵活的地方。</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/ai/1803" title="Pixie.haus"><img src="https://img.php.cn/upload/ai_manual/000/000/000/175680370138404.png" alt="Pixie.haus"></a> <div class="aritcle_card_info flexColumn"> <a href="/ai/1803" title="Pixie.haus">Pixie.haus</a> <p>AI像素图像生成平台</p> </div> <a href="/ai/1803" title="Pixie.haus" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div><pre class='brush:html;toolbar:false;'>@@@###@@@ <!-- 这里不能像object那样放回退内容 --></pre><p>历史地看，<pre class="brush:php;toolbar:false;">@@@###@@@</pre>出现得比<pre class="brush:php;toolbar:false;"><object></pre>晚，最初是Netscape浏览器私有扩展，后来才被标准化。而<pre class="brush:php;toolbar:false;"><object></pre>则是W3C标准中更推荐的通用嵌入方式。但随着Web向“无插件化”方向发展，以及HTML5引入了<pre class="brush:php;toolbar:false;"><video></pre>、<pre class="brush:php;toolbar:false;"><audio></pre>等原生标签，<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>在多媒体嵌入上的使用频率已经大大降低了。</p> <h3>在现代Web开发中，<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>标签主要用于哪些场景？</h3> <p>在当下这个“去插件化”的Web时代，<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>标签的使用场景确实已经大大收窄了。我记得在十几年前，它们几乎是嵌入Flash动画和各种ActiveX控件的标配。但现在，随着浏览器对NPAPI等插件接口的支持逐渐取消，以及HTML5原生多媒体标签的普及，它们的“黄金时代”早已过去。</p> <p>目前，<pre class="brush:php;toolbar:false;"><object></pre>和<pre class="brush:php;toolbar:false;">@@@###@@@</pre>标签主要还活跃在以下几种相对小众或特定的场景：</p> <ol> <li> <strong>嵌入PDF文件</strong>：这可能是它们最常见的现代用途了。很多时候，如果你想在网页上直接展示一个PDF文档，而不想让用户下载，<pre class="brush:php;toolbar:false;">@@@###@@@</pre>或<pre class="brush:php;toolbar:false;"><object></pre>就派上用场了。浏览器通常内置了PDF阅读器插件，可以直接渲染。<pre class='brush:html;toolbar:false;'>@@@###@@@</pre><p>或者</p><pre class='brush:html;toolbar:false;'><object data="document.pdf" type="application/pdf" width="800" height="600"> <p>您的浏览器不支持PDF预览，请<a href="document.pdf">点击下载PDF文件</a>。</p> </object></pre></li> <li> <strong>遗留系统或企业内部应用</strong>：在一些老旧的、依赖特定插件（如ActiveX控件、Java Applets）才能运行的企业内部系统或特定行业应用中，你可能还会看到它们的身影。这些系统更新迭代成本高昂，所以不得不继续使用这些标签来维持兼容性。</li> <li> <strong>某些特定格式的媒体文件</strong>：极少数情况下，对于一些浏览器原生不支持的、但可以通过特定插件（如果用户安装了）来播放的媒体格式，也可能用到它们。但这已经非常罕见了，因为主流浏览器对视频和音频格式的支持已经非常完善。</li> <li> <strong>SVG文件嵌入</strong>：<pre class="brush:php;toolbar:false;"><object></pre>标签也可以用来嵌入SVG图像，这相比<pre class="brush:php;toolbar:false;">@@##@@</pre>标签嵌入SVG，有一个潜在优势：你可以通过JavaScript访问和操作SVG的DOM内部。<pre class='brush:html;toolbar:false;'><object data="diagram.svg" type="image/svg+xml" width="500" height="300"></object></pre></li> </ol> <p>总的来说，如果你在开发新的Web应用，我强烈建议优先考虑HTML5原生的<pre class="brush:php;toolbar:false;"><video></pre>、<pre class="brush:php;toolbar:false;"><audio></pre>、<pre class="brush:php;toolbar:false;"><iframe></pre>和<pre class="brush:php;toolbar:false;">@@##@@</pre>等标签。只有在确实无法避免、且明确知道用户环境支持特定插件的情况下，才考虑使用<pre class="brush:php;toolbar:false;"><object></pre>或<pre class="brush:php;toolbar:false;">@@@###@@@</pre>。它们现在更多地是一种“兼容性”或“特定场景”的解决方案，而不是通用首选。</p> <h3><pre class="brush:php;toolbar:false;"><object></pre>标签的“内容回退”机制是如何工作的，它对网页兼容性有何影响？</h3> <p><pre class="brush:php;toolbar:false;"><object></pre>标签最让我欣赏的一点，就是它那内置的“内容回退”（Fallback Content）机制。这东西在用户体验和网页健壮性方面，简直是福音。简单来说，如果你在<pre class="brush:php;toolbar:false;"><object></pre>标签的开始和结束标签之间放置了任何HTML内容，那么当浏览器无法加载、不支持或渲染<pre class="brush:php;toolbar:false;">data</pre>属性指定的外部对象时，这些内部的HTML内容就会被显示出来，而不是一个空白或破碎的图标。</p> <p>它的工作原理是这样的：</p> <ol> <li>浏览器尝试加载并渲染<pre class="brush:php;toolbar:false;">data</pre>属性指向的外部资源（比如一个Flash文件、一个PDF文档）。</li> <li>如果加载成功，并且浏览器有相应的插件或内置支持来渲染这个资源，那么外部内容就会正常显示。此时，<pre class="brush:php;toolbar:false;"><object></pre>标签内部的任何HTML内容都会被忽略，不会显示。</li> <li>如果加载失败（例如文件不存在），或者浏览器不支持该<pre class="brush:php;toolbar:false;">type</pre>属性指定的MIME类型，又或者用户没有安装所需的插件，那么浏览器就会放弃</li> </ol> <img src="fallback_image.png" alt="Flash动画的替代图片"><img alt="HTML如何嵌入外部内容？object和embed标签的区别？" ><img alt="HTML如何嵌入外部内容？object和embed标签的区别？" ><embed><embed><embed><embed><embed><embed src="movie.swf" type="application/x-shockwave-flash" width="400" style="max-width:90%"><embed><embed><embed><embed><embed><embed><embed src="document.pdf" type="application/pdf" width="800" height="600"><embed></embed></embed></embed></embed></embed></embed></embed></embed></embed></embed></embed></embed></embed></embed> </div> <div class="artmoreart "> <div class="artdp artptit"><span></span> <p>相关文章</p> </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/2022100.html" title="专业程序员都在用的html编辑器有哪些【2026】"><b></b> <p class="overflowclass">专业程序员都在用的html编辑器有哪些【2026】</p> </a> <a class="artmrlis flexRow" href="/faq/2022094.html" title="适合新手的html编辑器有哪些 简单易用的html编辑器【推荐】"><b></b> <p class="overflowclass">适合新手的html编辑器有哪些 简单易用的html编辑器【推荐】</p> </a> <a class="artmrlis flexRow" href="/faq/2021917.html" title="HTML 元素的默认悬停与聚焦样式是否由伪类实现？"><b></b> <p class="overflowclass">HTML 元素的默认悬停与聚焦样式是否由伪类实现？</p> </a> <a class="artmrlis flexRow" href="/faq/2021907.html" title="如何让导航菜单居中显示，同时在右侧并排显示 Instagram 图标"><b></b> <p class="overflowclass">如何让导航菜单居中显示，同时在右侧并排显示 Instagram 图标</p> </a> <a class="artmrlis flexRow" href="/faq/2021809.html" title="如何消除 HTML5 视频 poster 图像加载后的白屏闪烁问题"><b></b> <p class="overflowclass">如何消除 HTML5 视频 poster 图像加载后的白屏闪烁问题</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/16180.html" target="_blank">浏览器</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/27988.html" target="_blank">区别</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/53864.html" target="_blank">报错提示</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=Java" target="_blank">Java</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=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=接口" target="_blank">接口</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=dom" target="_blank">dom</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/1443141.html" title="HTML如何实现返回顶部？滚动到顶部的按钮怎么做？"><span>上一篇：</span>HTML如何实现返回顶部？滚动到顶部的按钮怎么做？</a> <a class="nextart flexRow" href="/faq/1443171.html" title="HTML如何实现响应式设计？viewport的作用是什么？"><span>下一篇：</span>HTML如何实现响应式设计？viewport的作用是什么？</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/2022988.html" title="云朵浏览器平台登录入口 云朵浏览器网页版官方入口"><b></b> <p class="overflowclass">云朵浏览器平台登录入口 云朵浏览器网页版官方入口</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 18:24</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023033.html" title="Windows怎么查看CPU核心数 Win10/Win11查看处理器逻辑内核方法"><b></b> <p class="overflowclass">Windows怎么查看CPU核心数 Win10/Win11查看处理器逻辑内核方法</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 18:40</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023043.html" title="Udio AI音乐生成器入门，Suno的强力竞争对手怎么用？"><b></b> <p class="overflowclass">Udio AI音乐生成器入门，Suno的强力竞争对手怎么用？</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 18:44</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023084.html" title="如何永久关闭win10自带的Defender防火墙"><b></b> <p class="overflowclass">如何永久关闭win10自带的Defender防火墙</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 18:56</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023147.html" title="火狐浏览器无法安装扩展怎么办 Firefox附加组件安装失败解决方法【修复】"><b></b> <p class="overflowclass">火狐浏览器无法安装扩展怎么办 Firefox附加组件安装失败解决方法【修复】</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:14</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023226.html" title="什么是提示词(Prompt)？新手必学的ChatGPT提问公式"><b></b> <p class="overflowclass">什么是提示词(Prompt)？新手必学的ChatGPT提问公式</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:30</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023240.html" title="谷歌浏览器怎么设置启动页 Chrome启动时打开指定网页【技巧】"><b></b> <p class="overflowclass">谷歌浏览器怎么设置启动页 Chrome启动时打开指定网页【技巧】</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:33</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023256.html" title="Windows怎么清理Prefetch文件夹 Win10/Win11系统预取文件清理教程"><b></b> <p class="overflowclass">Windows怎么清理Prefetch文件夹 Win10/Win11系统预取文件清理教程</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:36</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023264.html" title="win10右键菜单反应慢怎么办 注册表修复方法"><b></b> <p class="overflowclass">win10右键菜单反应慢怎么办 注册表修复方法</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:37</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/2023270.html" title="漫蛙manwa2秘密入口_蛙漫漫画官网最新镜像"><b></b> <p class="overflowclass">漫蛙manwa2秘密入口_蛙漫漫画官网最新镜像</p> </a> <div class="authtime flexRow"><b></b> <p>2026-01-23 19:38</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/ai-application/software" title="PC软件" class="aidcontbp flexRow flexcenter">PC软件</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/java" class="aClass flexRow hotzta" title="java"><img src="https://img.php.cn/upload/subject/202306/15/2023061516554728875.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/java" class="aClass flexRow hotztra overflowclass" title="java">java</a> <p class="aClass flexRow hotztrp overflowclass">Java是一个通用术语，用于表示Java软件及其组件，包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">844</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.06.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazzbds" class="aClass flexRow hotzta" title="java正则表达式语法"><img src="https://img.php.cn/upload/subject/202307/05/2023070515225313388.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java正则表达式语法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazzbds" class="aClass flexRow hotztra overflowclass" title="java正则表达式语法">java正则表达式语法</a> <p class="aClass flexRow hotztrp overflowclass">java正则表达式语法是一种模式匹配工具，它非常有用，可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">742</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.07.05</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazxnm" class="aClass flexRow hotzta" title="java自学难吗"><img src="https://img.php.cn/upload/subject/202307/31/2023073113530059930.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java自学难吗" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazxnm" class="aClass flexRow hotztra overflowclass" title="java自学难吗">java自学难吗</a> <p class="aClass flexRow hotztrp overflowclass">Java自学并不难。Java语言相对于其他一些编程语言而言，有着较为简洁和易读的语法，本专题为大家提供java自学难吗相关的文章，大家可以免费体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">740</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.07.31</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javapzjdkhjbl" class="aClass flexRow hotzta" title="java配置jdk环境变量"><img src="https://img.php.cn/upload/subject/202308/01/2023080110221833162.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java配置jdk环境变量" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javapzjdkhjbl" class="aClass flexRow hotztra overflowclass" title="java配置jdk环境变量">java配置jdk环境变量</a> <p class="aClass flexRow hotztrp overflowclass">Java是一种广泛使用的高级编程语言，用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码，需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">397</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.01</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javabllwxsd" class="aClass flexRow hotzta" title="java保留两位小数"><img src="https://img.php.cn/upload/subject/202308/02/2023080211185213584.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java保留两位小数" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javabllwxsd" class="aClass flexRow hotztra overflowclass" title="java保留两位小数">java保留两位小数</a> <p class="aClass flexRow hotztrp overflowclass">Java是一种广泛应用于编程领域的高级编程语言。在Java中，保留两位小数是指在进行数值计算或输出时，限制小数部分只有两位有效数字，并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">400</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javajbsj" class="aClass flexRow hotzta" title="java基本数据类型"><img src="https://img.php.cn/upload/subject/202308/02/2023080214201163038.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java基本数据类型" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javajbsj" class="aClass flexRow hotztra overflowclass" title="java基本数据类型">java基本数据类型</a> <p class="aClass flexRow hotztrp overflowclass">java基本数据类型有：1、byte；2、short；3、int；4、long；5、float；6、double；7、char；8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">447</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javaysm" class="aClass flexRow hotzta" title="java有什么用"><img src="https://img.php.cn/upload/subject/202308/02/2023080215391782115.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java有什么用" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javaysm" class="aClass flexRow hotztra overflowclass" title="java有什么用">java有什么用</a> <p class="aClass flexRow hotztrp overflowclass">java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容，供大家免费下载体验。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">431</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.02</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazxwz" class="aClass flexRow hotzta" title="java在线网站"><img src="https://img.php.cn/upload/subject/202308/03/2023080311132935431.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java在线网站" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazxwz" class="aClass flexRow hotztra overflowclass" title="java在线网站">java在线网站</a> <p class="aClass flexRow hotztrp overflowclass">Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来，随着Java语言在软件开发领域的广泛应用，越来越多的人对Java编程感兴趣，并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章，欢迎大家前来学习阅读和下载。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">16926</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2023.08.03</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/cjjkgxgjchj" class="aClass flexRow hotzta" title="c++空格相关教程合集"><img src="https://img.php.cn/upload/subject/202601/23/2026012320405281523.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="c++空格相关教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/cjjkgxgjchj" class="aClass flexRow hotztra overflowclass" title="c++空格相关教程合集">c++空格相关教程合集</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了c++空格相关教程，阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.23</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="移动端省市区三级联动特效" href="/xiazai/js/8606"><span>[表单按钮]</span><span>移动端省市区三级联动特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery登录注册框动态切换特效" href="/xiazai/js/8605"><span>[表单按钮]</span><span>jQuery登录注册框动态切换特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery网易游戏首页全屏幻灯片" href="/xiazai/js/8604"><span>[图片特效]</span><span>jQuery网易游戏首页全屏幻灯片</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery环形图片旋转 jquery环形图片旋转网页特效" href="/xiazai/js/8603"><span>[图片特效]</span><span>jquery环形图片旋转 jquery环形图片旋转网页特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery带背景切换登录注册表单" href="/xiazai/js/8602"><span>[表单按钮]</span><span>jQuery带背景切换登录注册表单</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery实现注册和登录弹出层效果" href="/xiazai/js/8601"><span>[表单按钮]</span><span>jQuery实现注册和登录弹出层效果</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery响应式层叠动画切换内容网页特效" href="/xiazai/js/8600"><span>[图片特效]</span><span>jQuery响应式层叠动画切换内容网页特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery图文滑动切换 jQuery图文滑动切换网页特效" href="/xiazai/js/8599"><span>[图片特效]</span><span>jQuery图文滑动切换 jQuery图文滑动切换网页特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="有趣的jquery搜索框插件zySearch" href="/xiazai/js/8598"><span>[表单按钮]</span><span>有趣的jquery搜索框插件zySearch</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="js斜式画中画切换" href="/xiazai/js/8597"><span>[图片特效]</span><span>js斜式画中画切换</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/4256" title="2026新年喜庆灯笼矢量模板"><span>[网站素材]</span><span>2026新年喜庆灯笼矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4255" title="中式古典园林凉亭风景矢量素材"><span>[网站素材]</span><span>中式古典园林凉亭风景矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4254" title="2026马年创意数字矢量素材"><span>[网站素材]</span><span>2026马年创意数字矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4253" title="航空旅行折扣特价海报设计源文件下载"><span>[网站素材]</span><span>航空旅行折扣特价海报设计源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4252" title="美味烘焙店菜单背景矢量模板"><span>[网站素材]</span><span>美味烘焙店菜单背景矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4251" title="红色风格商超宣传海报PSD模板设计下载"><span>[网站素材]</span><span>红色风格商超宣传海报PSD模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4250" title="扁平青绿山水背景矢量素材"><span>[网站素材]</span><span>扁平青绿山水背景矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4249" title="复古手绘咖啡菜单宣传矢量模板"><span>[网站素材]</span><span>复古手绘咖啡菜单宣传矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4248" title="蓝色清新风格情人节banner模板设计下载"><span>[网站素材]</span><span>蓝色清新风格情人节banner模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4247" title="复古旅行风景插画矢量素材"><span>[网站素材]</span><span>复古旅行风景插画矢量素材</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="php商城系统" href="/xiazai/code/11178">php商城系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="淘源码商城PHP淘宝查信誉" href="/xiazai/code/11177">淘源码商城PHP淘宝查信誉</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP房产程序[BBWPS]" href="/xiazai/code/11165">PHP房产程序[BBWPS]</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP简约自动发卡平台个人版" href="/xiazai/code/11128">PHP简约自动发卡平台个人版</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="ERMEB域名PHP离线网络授权系统" href="/xiazai/code/11040">ERMEB域名PHP离线网络授权系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Difeye-敏捷的轻量级PHP框架" href="/xiazai/code/11037">Difeye-敏捷的轻量级PHP框架</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="大泉州汽车网PHP整站程序" href="/xiazai/code/10963">大泉州汽车网PHP整站程序</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/1469.html" title="如何进行WebSocket调试"> <img src="https://img.php.cn/upload/course/000/000/068/6336a89e9a7b3503.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="如何进行WebSocket调试" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1469.html" title="如何进行WebSocket调试" class="rirightp overflowclass">如何进行WebSocket调试</a> <div class="risrdown flexRow"> <p>共1课时 | 0.1万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1426.html" title="TypeScript全面解读课程"> <img src="https://img.php.cn/upload/course/000/000/068/629723b6eb410512.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="TypeScript全面解读课程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1426.html" title="TypeScript全面解读课程" class="rirightp overflowclass">TypeScript全面解读课程</a> <div class="risrdown flexRow"> <p>共26课时 | 5万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1414.html" title="前端工程化(ES6模块化和webpack打包)"> <img src="https://img.php.cn/upload/course/000/000/068/627377d7a6130350.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="前端工程化(ES6模块化和webpack打包)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1414.html" title="前端工程化(ES6模块化和webpack打包)" class="rirightp overflowclass">前端工程化(ES6模块化和webpack打包)</a> <div class="risrdown flexRow"> <p>共24课时 | 5.1万人学习</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课时 | 10.1万人学习</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.5万人学习</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课时 | 15.3万人学习</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课时 | 10.1万人学习</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="如何通过 JavaScript 检测用户是否已访问过首页并跳过欢迎页" href="/faq/2023823.html">如何通过 JavaScript 检测用户是否已访问过首页并跳过欢迎页</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 与 PHP 的混合使用：原理、实践与最佳策略" href="/faq/2023810.html">HTML 与 PHP 的混合使用：原理、实践与最佳策略</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何使用 JavaScript 检测用户是否已访问过首页并跳过欢迎页？" href="/faq/2023803.html">如何使用 JavaScript 检测用户是否已访问过首页并跳过欢迎页？</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS媒体查询背景色不生效的常见原因及修复教程" href="/faq/2023790.html">CSS媒体查询背景色不生效的常见原因及修复教程</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在HTML中为不同图片设置不同的圆角效果（如方形与圆形）" href="/faq/2023785.html">如何在HTML中为不同图片设置不同的圆角效果（如方形与圆形）</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="CSS 媒体查询背景色不生效的常见原因及修复教程" href="/faq/2023740.html">CSS 媒体查询背景色不生效的常见原因及修复教程</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 中为不同图片设置圆角的正确方法" href="/faq/2023676.html">HTML 中为不同图片设置圆角的正确方法</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 中为不同图片设置圆角效果的正确方法" href="/faq/2023657.html">HTML 中为不同图片设置圆角效果的正确方法</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 中为不同图片设置不同圆角效果的完整教程" href="/faq/2023562.html">HTML 中为不同图片设置不同圆角效果的完整教程</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Angular 11 中 Radio 按钮默认值失效的解决方案" href="/faq/2023550.html">Angular 11 中 Radio 按钮默认值失效的解决方案</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=1443151&time=1769213121"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769213121"></script> <script> article_status = "1522179"; </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>
