0

0

如何创建一个最简单的HTML网页文件

月夜之吻

月夜之吻

发布时间:2025-08-31 13:42:01

|

809人浏览过

|

来源于php中文网

原创

答案:创建最简单的HTML网页只需用文本编辑器编写包含DOCTYPE、html、head、body的基本结构,保存为.html文件并用浏览器打开即可。关键步骤包括:使用UTF-8编码保存文件,确保中文不乱码;正确书写HTML标签结构,内容放在body内;选择.html扩展名更标准;注意文件路径、标签闭合和大小写规范,避免常见错误。

如何创建一个最简单的html网页文件

创建一个最简单的HTML网页文件,核心就是用任何文本编辑器写下一些基础的HTML标签,然后将文件保存为以

.html
结尾的格式。浏览器会识别它,并按照你写好的结构来展示内容。

解决方案

其实,这事儿比很多人想象的要简单得多。你不需要什么专业的软件,一个系统自带的记事本就足够了。

  1. 打开你的文本编辑器:可以是Windows的记事本(Notepad),macOS的TextEdit(记得把它切换到纯文本模式),或者更专业的如VS Code、Sublime Text、Notepad++等等。我个人偏爱VS Code,因为它有语法高亮和自动补全,能省不少心,但入门阶段,记事本就够用了。

  2. 输入最基础的HTML骨架:网页之所以能显示,是因为它遵循一套约定俗成的结构。我们需要告诉浏览器,这是一个HTML5文档,然后定义它的头部和身体。

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

    
    
    
        
        
        我的第一个网页
    
    
        

    你好,世界!

    这是我亲手创建的第一个HTML网页。

    感觉还不错,不是吗?

    这段代码看起来有点多,但其实很直观:

    • :这行是声明,告诉浏览器我们用的是HTML5标准。没了它,浏览器可能会以“怪异模式”渲染,结果可能跟你想的不一样。
    • :这是整个HTML文档的根元素。
      lang="zh-CN"
      告诉浏览器和搜索引擎,这个页面的主要语言是中文(中国大陆),这对于辅助技术和SEO都挺有用的。
    • :头部,这里面的内容不会直接显示在网页上,但包含了网页的元信息,比如字符编码、视口设置和网页标题。
      • :指定字符编码,确保中文不会乱码,这几乎是标配。
      • :这行是为了让网页在手机等小屏幕设备上也能有好的显示效果。
      • 我的第一个网页
        :这个就是浏览器标签页上显示的名字。
    • :身体部分,所有你希望用户在网页上看到的内容,比如文字、图片、链接等,都放在这里面。
      • :一级标题,通常是页面最重要的标题。
      • :段落标签,用来放普通文本。
  3. 保存文件:这是关键一步。在你的文本编辑器里选择“文件” -> “保存”或“另存为”。

    • 文件名:起一个好记的名字,比如
      index.html
      或者
      myfirstpage.html
      。通常,一个网站的首页文件会命名为
      index.html
    • 文件类型/编码:确保保存类型是“所有文件”或者“文本文件”,然后手动加上
      .html
      后缀。编码一定要选择
      UTF-8
      ,这样才能确保中文字符显示正常。
  4. 用浏览器打开:找到你刚刚保存的文件,双击它。你的默认浏览器就会打开这个文件,然后你就能看到你亲手制作的网页了!是不是有点小激动?

理解HTML基础结构:
, 
, 
, 
 各司其职?

这几个标签,就像是盖房子时的地基、框架和不同功能的房间,各自有着不可替代的作用。

,严格来说它不是一个HTML标签,而是一个“文档类型声明”。它的存在就是为了告诉浏览器,你正在阅读的这个文件是遵循HTML5标准的。这很重要,因为在HTML5之前,还有HTML4、XHTML等不同的版本,它们有各自的规则。如果没有这个声明,或者声明不正确,浏览器可能会进入所谓的“怪异模式”(Quirks Mode),试图用老旧的、不标准的方式去渲染页面,这常常会导致一些意想不到的布局问题或者样式错乱。所以,把它放在文件的最顶端,是现代网页开发的起点,确保浏览器以最标准、最现代的方式来解析你的代码。

接下来是

标签,它是整个HTML文档的根元素,所有其他HTML元素都必须包含在它里面。你可以把它想象成房子的最外层围墙,把所有东西都包裹起来。它通常会带一个
lang
属性,比如
lang="zh-CN"
,这不仅对搜索引擎优化(SEO)有帮助,告诉搜索引擎这个页面的主要语言,也对屏幕阅读器等辅助技术很重要,能帮助它们正确地朗读页面内容。

然后是

标签,这是HTML文档的头部。但请注意,这里面的内容是不会直接显示在网页上的。它的作用是存放关于网页的“元信息”(metadata),也就是描述网页自身的信息。比如:

精美淘宝客单页面 zblog模板
精美淘宝客单页面 zblog模板

采用zblog修改的模板,简单方便,直接解压上传到空间即可使用,页面简单,适合SEO,导航,次导航,最新文章列表,随机文章列表全部都有,网站采用扁平结构,非常适用淘宝客类小站,所有文章都在根目录下。所有需要修改的地方在网页上各个地方都有标注说明,一切在网站后台都可以修改,无须修改任何程序代码,是新手的不二选择。后台登陆地址: 域名/login.asp用户名:admin (建议不要修改)密码:adm

下载
  • </pre>:这个标签里的内容会显示在浏览器标签页的标题栏上,或者作为书签的默认名称。它对用户体验和SEO都至关重要。</li>
    <li><pre class="brush:php;toolbar:false;"><meta charset="UTF-8"></pre>:设定字符编码。如果没有它,或者设置错误,你的中文汉字很可能就会变成乱码。UTF-8是目前最通用的编码方式,几乎可以显示所有语言的字符。</li>
    <li><pre class="brush:php;toolbar:false;"><meta name="viewport" ...></pre>:这是为了响应式设计,让网页在不同尺寸的设备上(比如手机、平板)都能良好显示。</li>
    <li>你还可以链接外部的CSS样式表(<pre class="brush:php;toolbar:false;"><link rel="stylesheet" href="style.css"></pre>)或者JavaScript文件(<pre class="brush:php;toolbar:false;"><script src="script.js"></script></pre>)在这里。
    所以,<pre class="brush:php;toolbar:false;"><head></pre>就像是房子的“控制室”,虽然你看不到它,但它决定了房子的很多基础设置和功能。</li>
    </ul>
    <p>最后是<pre class="brush:php;toolbar:false;"><body></pre>标签,这才是用户真正能看到和交互的“舞台”。所有你在网页上能看到的内容,无论是文字、图片、视频、链接、按钮,都必须放在<pre class="brush:php;toolbar:false;"><body></pre>标签里面。你可以把<pre class="brush:php;toolbar:false;"><body></pre>想象成房子的客厅、卧室、厨房,所有家具和装饰品都在这里。你写的<pre class="brush:php;toolbar:false;"><h1></pre>、<pre class="brush:php;toolbar:false;"><p></pre>、<pre class="brush:php;toolbar:false;">@@##@@</pre>等等,都是<pre class="brush:php;toolbar:false;"><body></pre>的“内部装饰”。如果你不小心把内容写在了<pre class="brush:php;toolbar:false;"><body></pre>外面,浏览器虽然可能也能显示,但这不符合HTML规范,可能会导致一些奇怪的行为,尤其是在复杂的布局中。</p>
    <p>总的来说,这四个部分层层递进,共同构建了一个完整、规范的HTML文档。理解它们各自的职责,是迈入<a style="color:#f60; text-decoration:underline;" title="前端" href="https://www.php.cn/zt/15813.html" target="_blank">前端</a>开发的第一步。</p>
    <h3>保存HTML文件时,<pre class="brush:php;toolbar:false;">.html</pre> 和 <pre class="brush:php;toolbar:false;">.htm</pre> 扩展名有什么实际区别?</h3>
    <p>说实话,对于现代的浏览器和操作系统来说,<pre class="brush:php;toolbar:false;">.html</pre> 和 <pre class="brush:php;toolbar:false;">.htm</pre> 几乎没有任何实际区别。它们都是用来标识一个HTML(超文本标记语言)文件的。你可以随便选择其中一个,你的网页都会正常工作。</p>
    <p>这个历史遗留问题,其实可以追溯到DOS时代。那时候,文件名的限制比较严格,通常只允许“8.3”格式,也就是说文件名最多8个字符,扩展名最多3个字符。所以,为了适应这个限制,<pre class="brush:php;toolbar:false;">.html</pre> 就被缩短成了<pre class="brush:php;toolbar:false;">.htm</pre>。</p>
    <p>现在,操作系统和文件系统早就没有了这样的限制,文件名可以很长,扩展名也可以超过3个字符。因此,<pre class="brush:php;toolbar:false;">.html</pre> 成了更常用、更标准的写法。它更完整地表达了“HTML”这个词。</p>
    <p>我个人习惯用<pre class="brush:php;toolbar:false;">.html</pre>,因为它看起来更“正式”一些,也更符合现代开发的潮流。但如果你看到别人的项目里用的是<pre class="brush:php;toolbar:false;">.htm</pre>,或者你自己不小心打成了<pre class="brush:php;toolbar:false;">.htm</pre>,完全不用担心,它不会导致你的网页出现任何问题。浏览器在解析这两种扩展名时,会一视同仁。所以,选一个你喜欢的,或者团队约定好的就行。重要的是内容本身,而不是扩展名那一个字母的差异。</p>
    <h3>初学者创建HTML网页文件时,有哪些常见的“坑”需要注意?</h3>
    <p>作为过来人,我深知初学者在创建最简单的HTML文件时,往往会遇到一些看似不起眼,实则让人头疼的小问题。这些“坑”不复杂,但足以让你怀疑人生。</p>
    <p>一个非常常见的“坑”就是<strong>字符编码问题</strong>。你明明在记事本里写了“你好,世界!”,保存后用浏览器打开,却看到一堆乱码,比如“ä½ å¥½ï¼Œä¸–ç•Œï¼ ”。这通常是因为你没有正确设置文件的字符编码为<pre class="brush:php;toolbar:false;">UTF-8</pre>。在保存文件时,很多文本编辑器(尤其是Windows的记事本)默认可能是<pre class="brush:php;toolbar:false;">ANSI</pre>编码。一定要手动选择<pre class="brush:php;toolbar:false;">UTF-8</pre>。同时,别忘了在HTML文件内部加上<pre class="brush:php;toolbar:false;"><meta charset="UTF-8"></pre>这行代码,这是双重保险,告诉浏览器这个文件是用UTF-8编码的。如果内部声明和文件实际编码不一致,浏览器可能会优先采信文件本身的编码信息,但最好还是保持一致。</p>
    <p>另一个让新手困惑的点是<strong>文件路径和引用</strong>。当你尝试在HTML文件里插入一张图片或者链接到另一个HTML文件时,如果路径写错了,图片就显示不出来,链接也点不开。比如,你的HTML文件在<pre class="brush:php;toolbar:false;">C:/MyWeb/index.html</pre>,图片在<pre class="brush:php;toolbar:false;">C:/MyWeb/images/photo.jpg</pre>。那么在<pre class="brush:php;toolbar:false;">index.html</pre>里引用图片时,应该写<pre class="brush:php;toolbar:false;">@@##@@</pre>。如果图片和HTML文件在同一个目录下,直接写文件名就行<pre class="brush:php;toolbar:false;">@@##@@</pre>。很多人会把绝对路径(比如<pre class="brush:php;toolbar:false;">C:/MyWeb/images/photo.jpg</pre>)直接写进去,这在本地测试时可能没问题,但一旦把文件放到服务器上,或者换一台电脑,图片就“失踪”了。所以,养成使用相对路径的好习惯非常重要。</p>
    <p>还有就是<strong>标签的闭合问题</strong>。HTML标签大多是成对出现的,比如<pre class="brush:php;toolbar:false;"><h1></h1></pre>、<pre class="brush:php;toolbar:false;"><p></p></pre>。但初学者常常会忘记闭合标签,或者闭合了错误的标签。虽然现代浏览器很“宽容”,通常会尝试去纠正这些错误,但这种不规范的代码很容易导致布局混乱,尤其是在嵌套多个标签时。比如你写了<pre class="brush:php;toolbar:false;"><div><p></div></p></pre>,这在结构上就是错的。养成写完一个开始标签就立刻写上对应的结束标签的好习惯,能省去很多调试的麻烦。</p>
    <p>最后,一个比较隐蔽的“坑”是<strong>文件名和文件夹名的大小写问题</strong>。在Windows系统上,<pre class="brush:php;toolbar:false;">myimage.jpg</pre>和<pre class="brush:php;toolbar:false;">myimage.jpg</pre>可能被视为同一个文件,但在Linux服务器上(很多网站服务器都运行Linux),它们是两个不同的文件!这意味着你的本地测试可能一切正常,但部署到线上后,图片或样式就加载不出来了。所以,为了避免这种跨平台的问题,最好养成所有文件名和文件夹名都使用小写字母的习惯。</p>
    <p>这些小细节,虽然看起来琐碎,却是构成一个健壮、可维护网页的基础。多留心,多尝试,你很快就能避开这些“坑”了。</p>
    <img  alt="如何创建一个最简单的HTML网页文件" ><img  src="images/photo.jpg" alt="如何创建一个最简单的HTML网页文件" ><img  src="photo.jpg" alt="如何创建一个最简单的HTML网页文件" >					</div>
    					<div class="artmoreart ">
    													<div class="artdp artptit"><span></span>
    								<p>相关文章</p>
    							</div>
    							<div class="artmores flexColumn">
    																	<a class="artmrlis flexRow" href="/faq/2013891.html" title="CSS Line Clamp 与首字母大写的兼容性解决方案"><b></b>
    										<p class="overflowclass">CSS Line Clamp 与首字母大写的兼容性解决方案</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2013677.html" title="如何同时实现首字母大写与多行文本截断(Line Clamp)"><b></b>
    										<p class="overflowclass">如何同时实现首字母大写与多行文本截断(Line Clamp)</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2013165.html" title="CSS 实现首字母大写与多行截断的兼容性解决方案"><b></b>
    										<p class="overflowclass">CSS 实现首字母大写与多行截断的兼容性解决方案</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2012210.html" title="如何让悬停显示的内容在鼠标移入时保持可见(防止意外消失)"><b></b>
    										<p class="overflowclass">如何让悬停显示的内容在鼠标移入时保持可见(防止意外消失)</p>
    									</a>
    																	<a class="artmrlis flexRow" href="/faq/2012201.html" title="如何通过 CSS 动画延迟 Turbo Frame 的加载时机"><b></b>
    										<p class="overflowclass">如何通过 CSS 动画延迟 Turbo Frame 的加载时机</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/15716.html" target="_blank">css</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15718.html" target="_blank">linux</a> <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/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/15777.html" target="_blank">sublime</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/15813.html" target="_blank">前端</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15948.html" target="_blank">html5</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15970.html" target="_blank">windows</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=css" target="_blank">css</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=xhtml" target="_blank">xhtml</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=JS" target="_blank">JS</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=href" target="_blank">href</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=viewport" target="_blank">viewport</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=windows" target="_blank">windows</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=macos" target="_blank">macos</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=sublime text" target="_blank">sublime text</a> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/search?q=linux" target="_blank">linux</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=SEO" target="_blank">SEO</a>								</div>
    							</div>
    						
    						<p class="statement">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</p>
    						<div class="lastanext flexRow">
    													<a class="lastart flexRow" href="/faq/1487117.html" title="如何创建HTML中的无序列表"><span>上一篇:</span>如何创建HTML中的无序列表</a>
    													<a class="nextart flexRow" href="/faq/1487120.html" title="将动态HTML表格数据提交至PHP服务器的实用指南"><span>下一篇:</span>将动态HTML表格数据提交至PHP服务器的实用指南</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/2015322.html" title="三角洲官方正版入口 游戏免费下载安装入口"><b></b>
    												<p class="overflowclass">三角洲官方正版入口 游戏免费下载安装入口</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 08:51</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015332.html" title="电脑开机提示SMART Command Failed【硬盘预警】"><b></b>
    												<p class="overflowclass">电脑开机提示SMART Command Failed【硬盘预警】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 08:54</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015346.html" title="个人所得税网页版登录入口 电子税务局自然人登录入口"><b></b>
    												<p class="overflowclass">个人所得税网页版登录入口 电子税务局自然人登录入口</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 08:58</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015383.html" title="电脑系统文件丢失system32报错怎么办 系统文件SFC修复命令使用"><b></b>
    												<p class="overflowclass">电脑系统文件丢失system32报错怎么办 系统文件SFC修复命令使用</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 09:09</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015421.html" title="qq邮箱怎么登录_电脑端扫码与密码登录图文教程"><b></b>
    												<p class="overflowclass">qq邮箱怎么登录_电脑端扫码与密码登录图文教程</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 09:22</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015467.html" title="7881游戏交易平台电脑版 7881网页版官方入口"><b></b>
    												<p class="overflowclass">7881游戏交易平台电脑版 7881网页版官方入口</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 09:35</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015476.html" title="怎么挑选好吃的火龙果 看鳞片和形状一眼识别甜度"><b></b>
    												<p class="overflowclass">怎么挑选好吃的火龙果 看鳞片和形状一眼识别甜度</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 09:37</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015525.html" title="交易猫怎么买初始号 交易猫挑选安全初始号攻略"><b></b>
    												<p class="overflowclass">交易猫怎么买初始号 交易猫挑选安全初始号攻略</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 09:49</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015645.html" title="如何给惠普ProLiant服务器安装系统并通过iLO进行远程管理【服务器】"><b></b>
    												<p class="overflowclass">如何给惠普ProLiant服务器安装系统并通过iLO进行远程管理【服务器】</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 10:13</p>
    											</div>
    										</div>
    								</div>
    																	<div class="authlist flexColumn">
    										<div class="autharts flexRow">
    											<a class="autharta flexRow " href="/faq/2015649.html" title="Avalonia如何动态修改控件的可见性 Avalonia IsVisible绑定教程"><b></b>
    												<p class="overflowclass">Avalonia如何动态修改控件的可见性 Avalonia IsVisible绑定教程</p>
    											</a>
    											<div class="authtime flexRow"><b></b>
    												<p>2026-01-22 10:14</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="">394</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="">454</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="">1031</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="">554</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/htmlbjxgjchj" class="aClass flexRow hotzta" title="html编辑相关教程合集"><img
    										src="https://img.php.cn/upload/subject/202601/21/2026012121462999524.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="html编辑相关教程合集" class="hotztaimg"
    										onerror="this.src='/static/lhimages/moren/morentu.png'"></a>
    								<div class="hotztright flexColumn">
    									<a target="_blank" href="/faq/htmlbjxgjchj" class="aClass flexRow hotztra overflowclass" title="html编辑相关教程合集">html编辑相关教程合集</a>
    									<p class="aClass flexRow hotztrp overflowclass">本专题整合了html编辑相关教程合集,阅读专题下面的文章了解更多详细内容。</p>
    									<div class="hotztrdown flexRow">
    										<div class="htztdsee flexRow"> <b></b>
    											<p class="">37</p>
    										</div>
    										<div class="htztdTime flexRow"> <b></b>
    											<p>2026.01.21</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/8574"><span>[图片特效]</span><span>门户网站jQuery相册代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="html5+css3现代感注册表单" href="/xiazai/js/8573"><span>[表单按钮]</span><span>html5+css3现代感注册表单</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery鼠标经过图片翻牌切换代码" href="/xiazai/js/8572"><span>[图片特效]</span><span>jQuery鼠标经过图片翻牌切换代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery电网分分步骤注册表单代码" href="/xiazai/js/8571"><span>[表单按钮]</span><span>jQuery电网分分步骤注册表单代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="Tooltip验证提示HTML5表单" href="/xiazai/js/8570"><span>[表单按钮]</span><span>Tooltip验证提示HTML5表单</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="css3实现结账Form表单 css3实现结账Form表单网页特效" href="/xiazai/js/8569"><span>[表单按钮]</span><span>css3实现结账Form表单 css3实现结账Form表单网页特效</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="简单js图片加载从模糊到清晰代码" href="/xiazai/js/8568"><span>[图片特效]</span><span>简单js图片加载从模糊到清晰代码</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="表单Checkbox元素美化特效" href="/xiazai/js/8567"><span>[表单按钮]</span><span>表单Checkbox元素美化特效</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="正益无线首页jQuery焦点图" href="/xiazai/js/8566"><span>[图片特效]</span><span>正益无线首页jQuery焦点图</span></a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" title="jQuery仿去哪儿城市选择代码" href="/xiazai/js/8565"><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/4234" title="手绘文艺书本咖啡海报矢量素材"><span>[网站素材]</span><span>手绘文艺书本咖啡海报矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4233" title="情人节香水宣传折页PSD模板设计下载"><span>[网站素材]</span><span>情人节香水宣传折页PSD模板设计下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4232" title="2026新春喜庆红色边框矢量素材"><span>[网站素材]</span><span>2026新春喜庆红色边框矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4231" title="绿色风格旅行竖版海报PSD素材下载"><span>[网站素材]</span><span>绿色风格旅行竖版海报PSD素材下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4230" title="极简非洲草原风景装饰矢量素材"><span>[网站素材]</span><span>极简非洲草原风景装饰矢量素材</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4229" title="网络金融货币宣传海报设计下载"><span>[网站素材]</span><span>网络金融货币宣传海报设计下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4228" title="复古手绘红酒奶酪菜单矢量模板"><span>[网站素材]</span><span>复古手绘红酒奶酪菜单矢量模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4227" title="橙色复古户外探险卡片矢量模板"><span>[网站素材]</span><span>橙色复古户外探险卡片矢量模板</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4226" title="小清新情人节海报传单模板PSD下载"><span>[网站素材]</span><span>小清新情人节海报传单模板PSD下载</span> </a>
    									</div>
    								</li>
    															<li>
    									<div class="wzrfourli flexRow">
    										<b></b>
    										<a target="_blank" href="/xiazai/sucai/4225" 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="精美淘宝客单页面 zblog模板" href="/xiazai/code/11006">精美淘宝客单页面 zblog模板</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="银色网新企业网站管理系统8.1" href="/xiazai/code/10730">银色网新企业网站管理系统8.1</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="网奇英文商城外贸系统" href="/xiazai/code/10513">网奇英文商城外贸系统</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="cqcms蓝色通用企业网站源码(带手机端)2.9" href="/xiazai/code/10345">cqcms蓝色通用企业网站源码(带手机端)2.9</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="斯摩派(smapie)企业建站程序" href="/xiazai/code/10335">斯摩派(smapie)企业建站程序</a></div>
    											<div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5响应式企业官网源码2.9" href="/xiazai/code/10331">H5响应式企业官网源码2.9</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/1683.html" title="Sass 教程">
    									<img src="https://img.php.cn/upload/course/000/000/090/689da3d823e1e854.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Sass 教程" class="ristyAimg"
    										onerror="this.src='/static/mobimages/moren/morentu.png'">
    								</a>
    								<div class="ristyaRight flexColumn">
    									<a target="_blank" href="/course/1683.html" title="Sass 教程"
    										class="rirightp overflowclass">Sass 教程</a>
    
    									<div class="risrdown flexRow">
    										<p>共14课时 | 0.8万人学习</p>
    									</div>
    								</div>
    							</div>
    													<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课时 | 3万人学习</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课时 | 22.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课时 | 9.5万人学习</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.4万人学习</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课时 | 11.6万人学习</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课时 | 9.5万人学习</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="Firefox 关键字搜索结合 JavaScript 实现智能行程规划器" href="/faq/2015725.html">Firefox 关键字搜索结合 JavaScript 实现智能行程规划器</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在 ASP.NET Core MVC 项目中正确添加并显示本地图片" href="/faq/2015689.html">如何在 ASP.NET Core MVC 项目中正确添加并显示本地图片</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML 标签过滤:为何应避免正则表达式而选用专业 HTML 清洗库" href="/faq/2015656.html">HTML 标签过滤:为何应避免正则表达式而选用专业 HTML 清洗库</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何正确克隆并插入嵌套的自定义 Web 组件(Vanilla JS)" href="/faq/2015613.html">如何正确克隆并插入嵌套的自定义 Web 组件(Vanilla JS)</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何只为父容器中的文本元素添加删除线样式" href="/faq/2015422.html">如何只为父容器中的文本元素添加删除线样式</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让嵌套表格自动拉伸以填满父 <td> 的高度" href="/faq/2015328.html">如何让嵌套表格自动拉伸以填满父 <td> 的高度</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML input pattern 属性中正则表达式语法的常见错误与正确写法" href="/faq/2015326.html">HTML input pattern 属性中正则表达式语法的常见错误与正确写法</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何让嵌套表格自动拉伸以填满父单元格高度" href="/faq/2015303.html">如何让嵌套表格自动拉伸以填满父单元格高度</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="Web Components 克隆后嵌套子组件不渲染的解决方案" href="/faq/2014832.html">Web Components 克隆后嵌套子组件不渲染的解决方案</a></div>
    													<div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何监听 <datalist> 中选项被选中的事件并获取自定义属性" href="/faq/2014829.html">如何监听 <datalist> 中选项被选中的事件并获取自定义属性</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=1487118&time=1769049718">
    </script>
    <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769049718"></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>