0

0

不推荐使用的HTML标签小结

巴扎黑

巴扎黑

发布时间:2017-03-18 15:12:46

|

1482人浏览过

|

来源于php中文网

原创

那些不推荐使用的html标签

acronym

首字母缩写,例如

类似的有abbr标签,表示单词缩写,例如inc.。语法如下:

WWW
inc.

推荐用abbr,不要用acronym(忽略上面提到的语义上的差异)

applet

Java小应用程序,主要提供绘图功能(在页面上通过代码绘制一些东西),例如:

目前几乎没什么用了,因为运行需要JRE,而目前主流浏览器并不默认安装JRE

推荐使用canvas绘图,或者用object+embed嵌入flash代替applet

注意:使用object+embed是为了更好的兼容性,如果场景允许,推荐使用object

basefont

basefont标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列,例如:

basefont标签只有[IE9-]支持

推荐直接给body元素定义默认字体,所有子元素都会继承这些属性值

bgsound

用来添加背景音乐,例如:

推荐使用audio或者object+embed来代替,例如:

big

用来放大字体,放大一号(嵌套多层可以放大更多),不支持的浏览器显示粗体,例如:

大1号大2号

至于“号”是怎么定义的就别管了,不推荐使用,建议根据语义采用em、strong或者自定义样式类代替

blink

可以实现闪烁效果,例如:

Why would somebody use this?

支持性很差,不推荐使用,同样不推荐使用(各大浏览器支持blink值,但没有任何效果):

This should be avoided as well.

建议采用animation代替

center

使内容居中,例如:

文本及子元素会居中

效果类似于CSS:

text-align: center;

不建议使用,确实没有任何理由去用

dir

目录列表,例如:


    
  • html
  • xhtml
  • css
  • 效果和ul基本相同,浏览器默认样式下列表项的左边距有细微差异

    不推荐使用,建议根据语义采用ul、ol或者dl

    font

    用来定义字体、字号和颜色,例如:

    This is some text!

    属性值和basefont一样

    不推荐使用,建议用CSS代替,没理由用这个标签

    frame

    配合frameset分栏,例如:

    
    
    
    
      
      
      
    
    
    

    注意:用frameset替换掉body

    复杂的后台页面会用到frameset+frame布局,当然也可以采用float/flex+Ajax实现,根据具体场景来定

    frameset

    见frame

    hgroup

    给一系列标题分组,例如:

    The reality dysfunction

    Space is not the only void

    虽然提供了一点语义,但因为已经过时,所以不推荐使用

    建议采用header代替,例如:

    The reality dysfunction

    Space is not the only void

    isindex

    单行文本控件,初始显示prompt值,例如:

    目前支持性很差,不推荐使用,建议用input元素代替

    W3C建议千万不要用:

    No, really, don’t use it. This element is deprecated. It is not implemented anymore.

    引自W3C wiki

    具体用法可以参考http://reference.sitepoint.com/html/isindex(很难找,放在这里)

    listing

    不用管它是什么,微软都不建议使用了:

    This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.

    引自MSDN listing element | listing object

    marquee

    滚动字幕,效果很强大,例如:

    
    

    此处输入滚动内容

    这里是输入文字的地方,还可以放图片代码、Flash动画代码和gif动态小图代码。

    更多效果可以参考移动标签(marquee)属性详解

    多用来实现公告,虽然已经过时了,但效果确实很强大,而且支持性良好。更多精彩内容关注微信公众号:全栈开发者中心(admin10000_com)

    multicol

    用来实现多列布局,不建议使用,任何主流浏览器都不曾支持过

    The HTML

    引自MDN multicol

    nextid

    作用未知,支持性未知,不建议使用

    nobr

    禁止换行,例如:

    our telephone number is 0800 123 123 123.

    不推荐使用,建议用CSS代替:

    white-space: nowrap;

    noembed

    在浏览器不支持embed时,显示内容,类似于noscript,例如:

    
    <img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
    pump at 90 degree angle to the valve">
    <p>You can inflate the tyre by holding the pump at 90 degree angle
    to the valve, as shown in the image above.</p>
    

    不推荐使用,如果需要考虑兼容性的话,建议采用object+embed+noembed(embed/noembed作为object的fallback)

    noframes

    在浏览器不支持frameset+frame时,显示内容,类似于noscript,例如:

    
    
    
      
      
      
      Sorry, your browser does not handle frames!
    
    
    

    noframe标签中可以包含任何能够出现在body中的标签

    如果需要考虑兼容性的话,可以作为frame的fallback,建议采用float/flex+Ajax实现,根据具体场景来定

    plaintext

    忽略内容中的html标签,作用类似于pre,例如:

    The markup for this is:

    <h1>Main heading goes here</h1> <p>First paragraph goes here</p> <h2>Sub-heading goes here</h2> </plaintext>. </body> </html></pre><p> 不推荐使用,建议根据语义用pre或者code代替</p> <h2> spacer</h2> <p> 插入空白(white spaces),例如:</p><pre class="brush:php;toolbar:false;"><span>Just a text node</span> <spacer type="horizontal" size="10"></spacer> <span>Just another text node</span> <spacer type="block" width="10" height="10"></spacer></pre><p> 主流浏览器都不支持,不推荐使用</p> <h2> strike</h2> <p> 删除线,效果类似于del和s,例如:</p><pre class="brush:php;toolbar:false;"><p>Version 2.0 is <strike>not yet available!</strike> now available!</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/code/11006" title="精美淘宝客单页面 zblog模板"><img src="https://img.php.cn/upload/webcode/000/000/009/176464260283074.jpg" alt="精美淘宝客单页面 zblog模板"></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/code/11006" title="精美淘宝客单页面 zblog模板">精美淘宝客单页面 zblog模板</a> <p>采用zblog修改的模板,简单方便,直接解压上传到空间即可使用,页面简单,适合SEO,导航,次导航,最新文章列表,随机文章列表全部都有,网站采用扁平结构,非常适用淘宝客类小站,所有文章都在根目录下。所有需要修改的地方在网页上各个地方都有标注说明,一切在网站后台都可以修改,无须修改任何程序代码,是新手的不二选择。后台登陆地址: 域名/login.asp用户名:admin (建议不要修改)密码:adm</p> </div> <a href="/xiazai/code/11006" title="精美淘宝客单页面 zblog模板" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div></pre><p> 不推荐使用,建议用del代替</p> <h2> tt</h2> <p> 键盘输入(teletype),例如:</p><pre class="brush:php;toolbar:false;"><p><tt>Teletype text</tt></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></pre><p> 不推荐使用,建议根据语义用kbd(键盘按键)、var(变量)、code(代码)、samp(样例输出)或者CSS代替</p> <h2> xmp</h2> <p> 80列的样例输出,样式效果类似于pre,语义类似于samp,例如:</p><pre class="brush:php;toolbar:false;"><xmp> Stock ID Description Price Quantity in Stock -------- ----------- ----- ----------------- 116 Inflatable Armchair 21.50 13 119 Walkie Talkie 40.20 44 </xmp></pre><p> 目前浏览器支持该标签,但不限制80列</p> <p> 不推荐使用,建议采用samp代替</p> </div> <div class="artmoreart "> <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> <p class="statement">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</p> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/357329.html" title="HTML交互式表单验证"><span>上一篇:</span>HTML交互式表单验证</a> <a class="nextart flexRow" href="/faq/357335.html" title="有关pre标签样式使用的注意事项"><span>下一篇:</span>有关pre标签样式使用的注意事项</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/362217.html" title="HTML中用正则表达式实现表格验证"><b></b> <p class="overflowclass">HTML中用正则表达式实现表格验证</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-29 15:14</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/370599.html" title="Swiper轮播图源码分享解析"><b></b> <p class="overflowclass">Swiper轮播图源码分享解析</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-28 17:04</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/373935.html" title="HttpUtils请求工具类的代码"><b></b> <p class="overflowclass">HttpUtils请求工具类的代码</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-28 16:13</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/375959.html" title="如何给php数组添加元素"><b></b> <p class="overflowclass">如何给php数组添加元素</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 15:01</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/376633.html" title="CSS3实现hover离开时平滑过渡的实例详解"><b></b> <p class="overflowclass">CSS3实现hover离开时平滑过渡的实例详解</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-28 17:36</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/376780.html" title="PHP限制相同IP多次提交的解决办法"><b></b> <p class="overflowclass">PHP限制相同IP多次提交的解决办法</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 09:31</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377752.html" title="实例展示JS实现简单的选择题测评系统"><b></b> <p class="overflowclass">实例展示JS实现简单的选择题测评系统</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 09:42</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377851.html" title="Java构建树形菜单(包括多级菜单)的实例代码"><b></b> <p class="overflowclass">Java构建树形菜单(包括多级菜单)的实例代码</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-28 17:49</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/378766.html" title="总结整理VsCode插件"><b></b> <p class="overflowclass">总结整理VsCode插件</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-28 16:33</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/379000.html" title="有关JavaScript严格模式下this的指向问题详解"><b></b> <p class="overflowclass">有关JavaScript严格模式下this的指向问题详解</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-29 13:43</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/ggfwkfypsz" class="aClass flexRow hotzta" title="Golang gRPC 服务开发与Protobuf实战"><img src="https://img.php.cn/upload/subject/202601/15/2026011511425484265.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Golang gRPC 服务开发与Protobuf实战" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/ggfwkfypsz" class="aClass flexRow hotztra overflowclass" title="Golang gRPC 服务开发与Protobuf实战">Golang gRPC 服务开发与Protobuf实战</a> <p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Golang 在 gRPC 服务开发中的完整实践,涵盖 Protobuf 定义与代码生成、gRPC 服务端与客户端实现、流式 RPC(Unary/Server/Client/Bidirectional)、错误处理、拦截器、中间件以及与 HTTP/REST 的对接方案。通过实际案例,帮助学习者掌握 使用 Go 构建高性能、强类型、可扩展的 RPC 服务体系,适用于微服务与内部系统通信场景。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">8</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gwydbmdgbsj" class="aClass flexRow hotzta" title="公务员递补名单公布时间 公务员递补要求"><img src="https://img.php.cn/upload/subject/000/000/080/696859c582f1a788.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="公务员递补名单公布时间 公务员递补要求" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gwydbmdgbsj" class="aClass flexRow hotztra overflowclass" title="公务员递补名单公布时间 公务员递补要求">公务员递补名单公布时间 公务员递补要求</a> <p class="aClass flexRow hotztrp overflowclass">公务员递补名单公布时间不固定,通常在面试前,由招录单位(如国家知识产权局、海关等)发布,依据是原入围考生放弃资格,会按笔试成绩从高到低递补,递补考生需按公告要求限时确认并提交材料,及时参加面试/体检等后续环节。要求核心是按招录单位公告及时响应、提交材料(确认书、资格复审材料)并准时参加面试。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">44</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gwytjtj" class="aClass flexRow hotzta" title="公务员调剂条件 2026调剂公告时间"><img src="https://img.php.cn/upload/subject/000/000/080/6968592e00fd9924.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="公务员调剂条件 2026调剂公告时间" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gwytjtj" class="aClass flexRow hotztra overflowclass" title="公务员调剂条件 2026调剂公告时间">公务员调剂条件 2026调剂公告时间</a> <p class="aClass flexRow hotztrp overflowclass">(一)符合拟调剂职位所要求的资格条件。 (二)公共科目笔试成绩同时达到拟调剂职位和原报考职位的合格分数线,且考试类别相同。 拟调剂职位设置了专业科目笔试条件的,专业科目笔试成绩还须同时达到合格分数线,且考试类别相同。 (三)未进入原报考职位面试人员名单。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">58</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gkcjcxrk" class="aClass flexRow hotzta" title="国考成绩查询入口 国考分数公布时间2026"><img src="https://img.php.cn/upload/subject/000/000/080/6968582dd7aa0920.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="国考成绩查询入口 国考分数公布时间2026" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gkcjcxrk" class="aClass flexRow hotztra overflowclass" title="国考成绩查询入口 国考分数公布时间2026">国考成绩查询入口 国考分数公布时间2026</a> <p class="aClass flexRow hotztrp overflowclass">笔试成绩查询入口已开通,考生可登录国家公务员局中央机关及其直属机构2026年度考试录用公务员专题网站http://bm.scs.gov.cn/pp/gkweb/core/web/ui/business/examResult/written_result.html,查询笔试成绩和合格分数线,点击“笔试成绩查询”按钮,凭借身份证及准考证进行查询。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">11</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.15</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jzmyykf" class="aClass flexRow hotzta" title="Java 桌面应用开发(JavaFX 实战)"><img src="https://img.php.cn/upload/subject/202601/14/2026011410210220755.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java 桌面应用开发(JavaFX 实战)" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jzmyykf" class="aClass flexRow hotztra overflowclass" title="Java 桌面应用开发(JavaFX 实战)">Java 桌面应用开发(JavaFX 实战)</a> <p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">65</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.14</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpyhtmlhbjcd" class="aClass flexRow hotzta" title="php与html混编教程大全"><img src="https://img.php.cn/upload/subject/202601/14/2026011417401993869.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="php与html混编教程大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/phpyhtmlhbjcd" class="aClass flexRow hotztra overflowclass" title="php与html混编教程大全">php与html混编教程大全</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">36</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.13</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpgxn" class="aClass flexRow hotzta" title="PHP 高性能"><img src="https://img.php.cn/upload/subject/202601/13/2026011314564364915.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="PHP 高性能" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/phpgxn" class="aClass flexRow hotztra overflowclass" title="PHP 高性能">PHP 高性能</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">75</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.13</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/mysqlsjkbccjw" class="aClass flexRow hotzta" title="MySQL数据库报错常见问题及解决方法大全"><img src="https://img.php.cn/upload/subject/202601/13/2026011314384899211.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="MySQL数据库报错常见问题及解决方法大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/mysqlsjkbccjw" class="aClass flexRow hotztra overflowclass" title="MySQL数据库报错常见问题及解决方法大全">MySQL数据库报错常见问题及解决方法大全</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">21</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.13</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpwjsc" class="aClass flexRow hotzta" title="PHP 文件上传"><img src="https://img.php.cn/upload/subject/202601/13/2026011314330517650.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="PHP 文件上传" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/phpwjsc" class="aClass flexRow hotztra overflowclass" title="PHP 文件上传">PHP 文件上传</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">35</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.13</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="HTML5 Canvas粒子文字特效" href="/xiazai/js/8468"><span>[文字特效]</span><span>HTML5 Canvas粒子文字特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery橙色注册表单验证代码" href="/xiazai/js/8467"><span>[表单按钮]</span><span>jQuery橙色注册表单验证代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery大屏淡入淡出幻灯片" href="/xiazai/js/8466"><span>[图片特效]</span><span>jQuery大屏淡入淡出幻灯片</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery底部带缩略图的幻灯片代码" href="/xiazai/js/8465"><span>[图片特效]</span><span>jquery底部带缩略图的幻灯片代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="html5用手机号码注册表单代码" href="/xiazai/js/8464"><span>[表单按钮]</span><span>html5用手机号码注册表单代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="饮料瓶造型文字旋转特效" href="/xiazai/js/8463"><span>[文字特效]</span><span>饮料瓶造型文字旋转特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery用户注册提示效果 jQuery用户注册提示效果网页特效" href="/xiazai/js/8462"><span>[表单按钮]</span><span>jQuery用户注册提示效果 jQuery用户注册提示效果网页特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery和CSS3霓虹灯文字特效" href="/xiazai/js/8461"><span>[文字特效]</span><span>jQuery和CSS3霓虹灯文字特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="HTML5+CSS3响应式酷炫图片封面动画展示特效" href="/xiazai/js/8460"><span>[图片特效]</span><span>HTML5+CSS3响应式酷炫图片封面动画展示特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="html5表单注册进度条提示效果" href="/xiazai/js/8459"><span>[表单按钮]</span><span>html5表单注册进度条提示效果</span></a> </div> </li> </ul> <ul class="twof" style="display:none;"> <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> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/11345" title="CODEC2I 众筹系统"><span>[电商源码]</span><span>CODEC2I 众筹系统</span> </a> </div> </li> </ul> <ul class="threef" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4196" title="惬意午后咖啡阅读时光矢量插画"><span>[网站素材]</span><span>惬意午后咖啡阅读时光矢量插画</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4195" title="中国宏伟古建筑矢量素材"><span>[网站素材]</span><span>中国宏伟古建筑矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4194" title="黑色星期五耳机折扣横幅设计下载"><span>[网站素材]</span><span>黑色星期五耳机折扣横幅设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4193" title="国潮风莲花荷塘插画矢量素材"><span>[网站素材]</span><span>国潮风莲花荷塘插画矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4192" title="假日快乐烟花背景ps素材下载"><span>[网站素材]</span><span>假日快乐烟花背景ps素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4191" title="新春喜庆剪纸喜鹊窗花矢量素材"><span>[网站素材]</span><span>新春喜庆剪纸喜鹊窗花矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4190" title="绿色生态梯田自然风景矢量素材"><span>[网站素材]</span><span>绿色生态梯田自然风景矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4189" title="紫色风格2026折扣横幅海报设计下载"><span>[网站素材]</span><span>紫色风格2026折扣横幅海报设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4188" title="手绘烘焙甜点菜单矢量模板"><span>[网站素材]</span><span>手绘烘焙甜点菜单矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4187" 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="jQuery_CSS3适应手机端的Tab菜单页面切换插件" href="/xiazai/js/3062">jQuery_CSS3适应手机端的Tab菜单页面切换插件</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="myFocus强大的js焦点图插件" href="/xiazai/js/1195">myFocus强大的js焦点图插件</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="6款图片鼠标悬停效果JS代码" href="/xiazai/js/440">6款图片鼠标悬停效果JS代码</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="jQuery自动滚动五屏图片通栏代码" href="/xiazai/js/439">jQuery自动滚动五屏图片通栏代码</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="intense图片全屏浏览插件(jQuery)" href="/xiazai/js/438">intense图片全屏浏览插件(jQuery)</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="jQuery图片背景墙聚光灯效果代码" href="/xiazai/js/437">jQuery图片背景墙聚光灯效果代码</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="两种html5图片展示效果" href="/xiazai/js/430">两种html5图片展示效果</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> <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课时 | 7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/812.html" title="最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)" class="rirightp overflowclass">最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)</a> <div class="risrdown flexRow"> <p>共79课时 | 151.2万人学习</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课时 | 0.7万人学习</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课时 | 7万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/684a8c23d811b293.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP新手语法线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1655.html" title="PHP新手语法线上课程教学" class="rirightp overflowclass">PHP新手语法线上课程教学</a> <div class="risrdown flexRow"> <p>共13课时 | 0.9万人学习</p> </div> </div> </div> </div> <script> $('.jpkcTabs>div').click(function (e) { $('.jpkcTabs>div').removeClass('check') $(this).addClass('check') $('.jpkcTab .jpktabd').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> </div> <div class="zxarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>最新文章</p> </div> <a class="rititle-more flexRow" href="" title="最新文章" target="_blank"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="如何在输入框中动态定位并显示标签建议列表" href="/faq/1986639.html">如何在输入框中动态定位并显示标签建议列表</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML5渲染器为何难卸_渲染器难卸解决法【释疑】" href="/faq/1986548.html">HTML5渲染器为何难卸_渲染器难卸解决法【释疑】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="康佳电脑播放html5需多大内存_康佳内存要求html5【指标】" href="/faq/1986546.html">康佳电脑播放html5需多大内存_康佳内存要求html5【指标】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="iPad使用HTML5导入文本丢失怎解_HTML5导入iPad文本保全法【贴士】" href="/faq/1986542.html">iPad使用HTML5导入文本丢失怎解_HTML5导入iPad文本保全法【贴士】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML5怎样让网页响应不同设备_用viewport元标签适配移动端【适配】" href="/faq/1986532.html">HTML5怎样让网页响应不同设备_用viewport元标签适配移动端【适配】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="夸克浏览器html5图片懒加载慢_加快夸克懒加载html5法【加载】" href="/faq/1986524.html">夸克浏览器html5图片懒加载慢_加快夸克懒加载html5法【加载】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML5如何实现边框擦除显现效果_HTML5实现边框擦除显现效果技巧【显现】" href="/faq/1986523.html">HTML5如何实现边框擦除显现效果_HTML5实现边框擦除显现效果技巧【显现】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="索尼电脑播html5需开GPU加速吗_索尼开GPU加速效【作用】" href="/faq/1986521.html">索尼电脑播html5需开GPU加速吗_索尼开GPU加速效【作用】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML5如何避免重复提交_HTML5避免重复提交措施【实践】" href="/faq/1986520.html">HTML5如何避免重复提交_HTML5避免重复提交措施【实践】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="HTML脚本引用怎样适配HTML5_调整script位置优化加载【脚本】" href="/faq/1986506.html">HTML脚本引用怎样适配HTML5_调整script位置优化加载【脚本】</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=357333&time=1768480077"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1768480077"></script> <script> article_status = "7"; </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>