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/js/3062" title="jQuery_CSS3适应手机端的Tab菜单页面切换插件"><img src="https://img.php.cn/upload/jscode/000/000/001/5c8c50741ac29483.png" alt="jQuery_CSS3适应手机端的Tab菜单页面切换插件"></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/js/3062" title="jQuery_CSS3适应手机端的Tab菜单页面切换插件">jQuery_CSS3适应手机端的Tab菜单页面切换插件</a> <p>今天给大家分享一款设计和精致的jQuery Tab页面切换插件,它的样式风格与传统的Tab切换不同,首先Tab标签使用的是小图标模式,就像一个按钮一样。另外,在切换tab时,tab标签的样式也很有特点,是一个凸起的弧形,给人3D立体的视觉效果。同时切换tab时背景颜色还可以自动切换。</p> </div> <a href="/xiazai/js/3062" title="jQuery_CSS3适应手机端的Tab菜单页面切换插件" 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 "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/723" title="DeepSeek" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/723" title="DeepSeek" class="overflowclass abripone">DeepSeek</a> <p class="overflowclass abriptwo">幻方量化公司旗下的开源大模型平台</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/726" title="豆包大模型" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/726" title="豆包大模型" class="overflowclass abripone">豆包大模型</a> <p class="overflowclass abriptwo">字节跳动自主研发的一系列大型语言模型</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/code/large-model" target="_blank" >AI大模型</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/725" title="通义千问" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/725" title="通义千问" class="overflowclass abripone">通义千问</a> <p class="overflowclass abriptwo">阿里巴巴推出的全能AI助手</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/854" title="腾讯元宝" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/854" title="腾讯元宝" class="overflowclass abripone">腾讯元宝</a> <p class="overflowclass abriptwo">腾讯混元平台推出的AI助手</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/office/docs" target="_blank" >文档处理</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/chat" target="_blank" >AI 聊天问答</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/724" title="文心一言" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/724" title="文心一言" class="overflowclass abripone">文心一言</a> <p class="overflowclass abriptwo">文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/1507" title="讯飞写作" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/1507" title="讯飞写作" class="overflowclass abripone">讯飞写作</a> <p class="overflowclass abriptwo">基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text/chinese-writing" target="_blank" >中文写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/1115" title="即梦AI" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/1115" title="即梦AI" class="overflowclass abripone">即梦AI</a> <p class="overflowclass abriptwo">一站式AI创作平台,免费AI图片和视频生成。</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="" target="_blank" ></a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/image/image-titching" target="_blank" >图片拼接</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/808" title="ChatGPT" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/808" title="ChatGPT" class="overflowclass abripone">ChatGPT</a> <p class="overflowclass abriptwo">最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/text" target="_blank" >AI 文本写作</a> </div> </div> </div> </div> <div class="aidcons flexRow "> <div class="aibtns flexRow"> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="aibtnsa 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'"> </a> <div class="aibtn-right flexColumn"> <a target="_blank" href="/ai/821" title="智谱清言 - 免费全能的AI助手" class="overflowclass abripone">智谱清言 - 免费全能的AI助手</a> <p class="overflowclass abriptwo">智谱清言 - 免费全能的AI助手</p> <div class="aidconstab flexRow"> <a class="aidcontbp flexRow flexcenter" href="/ai/tag/code" target="_blank" >AI 编程开发</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/ai-agent" target="_blank" >Agent智能体</a> </div> </div> </div> </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/javarmxxhj" class="aClass flexRow hotzta" title="java入门学习合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b40d167f7c445.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java入门学习合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javarmxxhj" class="aClass flexRow hotztra overflowclass" title="java入门学习合集">java入门学习合集</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了java入门学习指南、初学者项目实战、入门到精通等等内容,阅读专题下面的文章了解更多详细学习方法。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">1</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotzta" title="java配置环境变量教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b3eeca4c96290.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java配置环境变量教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javapzhjbljch" class="aClass flexRow hotztra overflowclass" title="java配置环境变量教程合集">java配置环境变量教程合集</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了java配置环境变量设置、步骤、安装jdk、避免冲突等等相关内容,阅读专题下面的文章了解更多详细操作。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">2</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotzta" title="java成品学习网站推荐大全"><img src="https://img.php.cn/upload/subject/000/000/075/697b3ce34c1ad790.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="java成品学习网站推荐大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javacpxxwz" class="aClass flexRow hotztra overflowclass" title="java成品学习网站推荐大全">java成品学习网站推荐大全</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了java成品网站、在线成品网站源码、源码入口等等相关内容,阅读专题下面的文章了解更多详细推荐内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotzta" title="Java字符串处理使用教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b3a2f0eba1672.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java字符串处理使用教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javazfcclsyjc" class="aClass flexRow hotztra overflowclass" title="Java字符串处理使用教程合集">Java字符串处理使用教程合集</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了Java字符串截取、处理、使用、实战等等教程内容,阅读专题下面的文章了解详细操作教程。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">0</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotzta" title="Java空对象相关教程合集"><img src="https://img.php.cn/upload/subject/000/000/075/697b37db731a5352.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java空对象相关教程合集" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/javakdxxgjchj" class="aClass flexRow hotztra overflowclass" title="Java空对象相关教程合集">Java空对象相关教程合集</a> <p class="aClass flexRow hotztrp overflowclass">本专题整合了Java空对象相关教程,阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">3</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/clawdbotaisyj" class="aClass flexRow hotzta" title="clawdbot ai使用教程 保姆级clawdbot部署安装手册"><img src="https://img.php.cn/upload/subject/000/000/080/697af5cb5588a406.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="clawdbot ai使用教程 保姆级clawdbot部署安装手册" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/clawdbotaisyj" class="aClass flexRow hotztra overflowclass" title="clawdbot ai使用教程 保姆级clawdbot部署安装手册">clawdbot ai使用教程 保姆级clawdbot部署安装手册</a> <p class="aClass flexRow hotztrp overflowclass">Clawdbot是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">24</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/clawdbotlxjqr" class="aClass flexRow hotzta" title="clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址"><img src="https://img.php.cn/upload/subject/000/000/080/697ade1c5b0bf159.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/clawdbotlxjqr" class="aClass flexRow hotztra overflowclass" title="clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址">clawdbot龙虾机器人官网入口 clawdbot ai官方网站地址</a> <p class="aClass flexRow hotztrp overflowclass">clawdbot龙虾机器人官网入口:https://clawd.bot/,clawdbot ai是一个“有灵魂”的AI助手,可以帮用户清空收件箱、发送电子邮件、管理日历、办理航班值机等等,并且可以接入用户常用的任何聊天APP,所有的操作均可通过WhatsApp、Telegram等平台完成,用户只需通过对话,就能操控设备自动执行各类任务。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">16</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/gwlaqyjm" class="aClass flexRow hotzta" title="Golang 网络安全与加密实战"><img src="https://img.php.cn/upload/subject/202601/29/2026012910070847010.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Golang 网络安全与加密实战" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/gwlaqyjm" class="aClass flexRow hotztra overflowclass" title="Golang 网络安全与加密实战">Golang 网络安全与加密实战</a> <p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Golang 在网络安全与加密技术中的应用,包括对称加密与非对称加密(AES、RSA)、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范(如SQL注入、XSS、CSRF)及其防护措施。通过实战案例,帮助学习者掌握 如何使用 Go 语言保障网络通信的安全性,保护用户数据与隐私。</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.29</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/elsyandexyqrk" class="aClass flexRow hotzta" title="俄罗斯Yandex引擎入口"><img src="https://img.php.cn/upload/subject/000/000/086/697991ee4eb4b777.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="俄罗斯Yandex引擎入口" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/elsyandexyqrk" class="aClass flexRow hotztra overflowclass" title="俄罗斯Yandex引擎入口">俄罗斯Yandex引擎入口</a> <p class="aClass flexRow hotztrp overflowclass">2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">577</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</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="js修改绑定手机号码表单代码" href="/xiazai/js/8716"><span>[表单按钮]</span><span>js修改绑定手机号码表单代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery 3D堆叠式图片切换代码" href="/xiazai/js/8715"><span>[图片特效]</span><span>jQuery 3D堆叠式图片切换代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="边框动画css,简单的登录界面html" href="/xiazai/js/8714"><span>[表单按钮]</span><span>边框动画css,简单的登录界面html</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery表单分类搜索" href="/xiazai/js/8713"><span>[表单按钮]</span><span>jquery表单分类搜索</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery触摸转盘插件" href="/xiazai/js/8712"><span>[图片特效]</span><span>jquery触摸转盘插件</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery购物车自动计算金额表单" href="/xiazai/js/8711"><span>[表单按钮]</span><span>jQuery购物车自动计算金额表单</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="js点击小图弹出大图查看代码" href="/xiazai/js/8710"><span>[图片特效]</span><span>js点击小图弹出大图查看代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery弹出层登录页面表单" href="/xiazai/js/8709"><span>[表单按钮]</span><span>jQuery弹出层登录页面表单</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="Swiper制作图片轮播切换特效" href="/xiazai/js/8708"><span>[图片特效]</span><span>Swiper制作图片轮播切换特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery表单输入城市查询天气预报代码" href="/xiazai/js/8707"><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/4299" title="情人节爱心主题海报PSD源文件设计下载"><span>[网站素材]</span><span>情人节爱心主题海报PSD源文件设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4298" title="2026粉色梦幻马年矢量模板"><span>[网站素材]</span><span>2026粉色梦幻马年矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4297" title="情人节可爱熊玩偶主题海报PS素材下载"><span>[网站素材]</span><span>情人节可爱熊玩偶主题海报PS素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4296" title="传统茶道茶壶茶杯插画矢量素材"><span>[网站素材]</span><span>传统茶道茶壶茶杯插画矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4295" title="意式复古柠檬酒饮海报矢量模板"><span>[网站素材]</span><span>意式复古柠檬酒饮海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4294" title="手绘海鲜鱼虾食材合集矢量素材"><span>[网站素材]</span><span>手绘海鲜鱼虾食材合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4293" title="开学季主题宣传海报设计模板下载"><span>[网站素材]</span><span>开学季主题宣传海报设计模板下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4292" title="2026马年金色徽章矢量模板"><span>[网站素材]</span><span>2026马年金色徽章矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4291" title="汉堡美食INS海报模板设计素材下载"><span>[网站素材]</span><span>汉堡美食INS海报模板设计素材下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4290" 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课时 | 11.2万人学习</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.7万人学习</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课时 | 22.4万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 11.2万人学习</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="html5播放rtsp怎么测性能_html5rtsp性能测试指标【检测】" href="/faq/2045406.html">html5播放rtsp怎么测性能_html5rtsp性能测试指标【检测】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="FIMO输出HTML包含图形圆角值吗_FIMO输出HTML圆角数据详情【说明】" href="/faq/2045391.html">FIMO输出HTML包含图形圆角值吗_FIMO输出HTML圆角数据详情【说明】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html5播放rtspioswkwebview行吗_html5ioswkwebview播rtsp法【适配】" href="/faq/2045275.html">html5播放rtspioswkwebview行吗_html5ioswkwebview播rtsp法【适配】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="FIMO输出HTML包含滤镜效果吗_FIMO输出HTML滤镜参数详情【解析】" href="/faq/2045265.html">FIMO输出HTML包含滤镜效果吗_FIMO输出HTML滤镜参数详情【解析】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html5中play函数返回值意义_html5play函数返回结果解读【教程】" href="/faq/2045254.html">html5中play函数返回值意义_html5play函数返回结果解读【教程】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="ios如何调用html5视频倍速播放_ios调用html5倍速控制法【技巧】" href="/faq/2045186.html">ios如何调用html5视频倍速播放_ios调用html5倍速控制法【技巧】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html5播放rtsp画面花屏咋修_html5修复rtsp花屏技巧【排障】" href="/faq/2045143.html">html5播放rtsp画面花屏咋修_html5修复rtsp花屏技巧【排障】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="为下拉菜单添加圆角时避免内容被裁剪的完整解决方案" href="/faq/2045007.html">为下拉菜单添加圆角时避免内容被裁剪的完整解决方案</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html5如何实现图片边缘检测_html5边缘检测算法教程【代码】" href="/faq/2044972.html">html5如何实现图片边缘检测_html5边缘检测算法教程【代码】</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="html5滤镜怎样做双重曝光_html5双重曝光滤镜教程【技巧】" href="/faq/2044953.html">html5滤镜怎样做双重曝光_html5双重曝光滤镜教程【技巧】</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=1769687637"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769687637"></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>