0

0

HTML5初窥2之新元素

黄舟

黄舟

发布时间:2017-05-21 14:21:40

|

1782人浏览过

|

来源于php中文网

原创

1.   块元素

HTML5定义了8个新的HTML语义(semantic)元素,这些元素都是块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSSdisplay属性block

header, section, footer, aside, nav, main, article,figure{
 display: block;
}


2.   添加新元素

HTML添加的新的元素,并为该元素定义样式,元素名为

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


  
  
  
    Creating an HTML Element
     
     
  
  
  
  
  

我的第一个标题

我的第一个段落。

我的第一个新元素

3.   多媒体元素

描述

定义音频内容

定义视频video 或者 movie

定义多媒体资源

@@@###@@@

定义嵌入的内容,比如插件。

为诸如 元素之类的媒介规定外部文本轨道。


4.
   画布元

canvas>

标签定义图形,比如图表和其他图像。该标签基于 JavaScript绘图 API


5.
   新表单元素

描述

list>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。

keygen>

规定用于表单的密钥对生成器字段。

定义不同类型的输出,比如脚本的输出。


6.
   新的语义和结构元素

描述

定义页面的侧边栏内容

定义页面内容之外的内容。

允许您设置一段文本,使其脱离其父元素的文本方向设置。

QIMI奇觅
QIMI奇觅

美图推出的游戏行业广告AI制作与投放一体化平台

下载

定义命令按钮,比如单选按钮复选框或按钮

用于描述文档或文档某个部分的细节

定义对话框,比如提示框

标签包含 details 元素的标题

规定独立的流内容(图像、图表、照片、代码等等)。

定义

元素的标题

定义 section document的页脚。

定义了文档的头部区域

定义带有记号的文本。

定义度量衡。仅用于已知最大和最小值的度量。

定义运行中的进度(进程)。

定义任何类型的任务的进度。

定义 ruby 注释(中文注音或字符)。

定义字符(中文注音或字符)的解释或发音。

ruby 注释中使用,定义不支持 ruby元素的浏览器所显示的内容。

定义文档中的节(section、区段)。

time>

定义日期或时间。

规定在文本中的何处适合添加换行符。

 

 

7.   已移除的元素

HTML5中不再使用,已经被删除

·    
·    
·    
·    
·    
· · · · · · <strike> · <tt></pre><p style="background: white;"><br></p> <embed></embed> </div> <div class="artmoreart "> <div class="artdp artptit"><span></span> <p>相关文章</p> </div> <div class="artmores flexColumn"> <a class="artmrlis flexRow" href="/faq/1206613.html" title="H5页面制作适合哪些应用场景"><b></b> <p class="overflowclass">H5页面制作适合哪些应用场景</p> </a> <a class="artmrlis flexRow" href="/faq/1203658.html" title="H5页面制作如何进行测试"><b></b> <p class="overflowclass">H5页面制作如何进行测试</p> </a> <a class="artmrlis flexRow" href="/faq/1181080.html" title="H5页面制作的流程是怎样的"><b></b> <p class="overflowclass">H5页面制作的流程是怎样的</p> </a> <a class="artmrlis flexRow" href="/faq/1173224.html" title="H5页面制作能做什么"><b></b> <p class="overflowclass">H5页面制作能做什么</p> </a> <a class="artmrlis flexRow" href="/faq/1173219.html" title="H5页面制作是开发网页吗"><b></b> <p class="overflowclass">H5页面制作是开发网页吗</p> </a> </div> <div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)"></a> <div class="aritcle_card_info flexColumn"> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">HTML速学教程(入门课程)</a> <p>HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!</p> </div> <a href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <div class="artmoretabs flexRow"> <p>相关标签:</p> <div class="mtbs flexRow"> <a class="mtbsa flexRow" onclick="hits_log(2,'www',this);" href-data="/zt/15948.html" target="_blank">html5</a> </div> </div> <p class="statement">本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn</p> <div class="lastanext flexRow"> <a class="lastart flexRow" href="/faq/362843.html" title="HTML5初窥之简介"><span>上一篇:</span>HTML5初窥之简介</a> <a class="nextart flexRow" href="/faq/362846.html" title="Html5如何实现文件异步上传功能的实例分析"><span>下一篇:</span>Html5如何实现文件异步上传功能的实例分析</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/357705.html" title="HTML5 Placeholder属性的详情介绍"><b></b> <p class="overflowclass">HTML5 Placeholder属性的详情介绍</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 09:51</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/369412.html" title="html中关于标签的全部属性的使用总结"><b></b> <p class="overflowclass">html中关于标签的全部属性的使用总结</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 14:32</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/375194.html" title="php如何快速实现数组去重的实例"><b></b> <p class="overflowclass">php如何快速实现数组去重的实例</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 15:03</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/376186.html" title="php中关于IMAP如何收取邮件的方法介绍"><b></b> <p class="overflowclass">php中关于IMAP如何收取邮件的方法介绍</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-31 09:38</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377137.html" title="PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析"><b></b> <p class="overflowclass">PHPMailer如何利用QQ邮箱完成邮件发送功能的实例分析</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-31 10:28</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/377601.html" title="从零开始打造自己的PHP框架的视频资料"><b></b> <p class="overflowclass">从零开始打造自己的PHP框架的视频资料</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-31 10:45</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/379971.html" title="php基础知识总结(新手入门必备)"><b></b> <p class="overflowclass">php基础知识总结(新手入门必备)</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 14:26</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/380149.html" title="ReactJS中表单的单选多选与反选的实现方法"><b></b> <p class="overflowclass">ReactJS中表单的单选多选与反选的实现方法</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 09:45</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/381607.html" title="JavaScript中typeof的使用方法介绍"><b></b> <p class="overflowclass">JavaScript中typeof的使用方法介绍</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 11:42</p> </div> </div> </div> <div class="authlist flexColumn"> <div class="autharts flexRow"> <a class="autharta flexRow " href="/faq/382066.html" title="JavaScript中confirm()方法的使用介绍"><b></b> <p class="overflowclass">JavaScript中confirm()方法的使用介绍</p> </a> <div class="authtime flexRow"><b></b> <p>2018-05-30 10:29</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/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="">13</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="">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/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="">5</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="">539</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/bzmhzxgfrkdq" class="aClass flexRow hotzta" title="包子漫画在线官方入口大全"><img src="https://img.php.cn/upload/subject/000/000/086/69798f4b053e8832.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/bzmhzxgfrkdq" class="aClass flexRow hotztra overflowclass" title="包子漫画在线官方入口大全">包子漫画在线官方入口大全</a> <p class="aClass flexRow hotztrp overflowclass">本合集汇总了包子漫画2026最新官方在线观看入口,涵盖备用域名、正版无广告链接及多端适配地址,助你畅享12700+高清漫画资源。阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">187</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/ao3zwbgwdzdq" class="aClass flexRow hotzta" title="ao3中文版官网地址大全"><img src="https://img.php.cn/upload/subject/000/000/086/69798bf4d47fc121.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="ao3中文版官网地址大全" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/ao3zwbgwdzdq" class="aClass flexRow hotztra overflowclass" title="ao3中文版官网地址大全">ao3中文版官网地址大全</a> <p class="aClass flexRow hotztrp overflowclass">AO3最新中文版官网入口合集,汇总2026年主站及国内优化镜像链接,支持简体中文界面、无广告阅读与多设备同步。阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">320</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpzmxjkjc" class="aClass flexRow hotzta" title="php怎么写接口教程"><img src="https://img.php.cn/upload/subject/202601/28/2026012811575266532.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/phpzmxjkjc" class="aClass flexRow hotztra overflowclass" title="php怎么写接口教程">php怎么写接口教程</a> <p class="aClass flexRow hotztrp overflowclass">本合集涵盖PHP接口开发基础、RESTful API设计、数据交互与安全处理等实用教程,助你快速掌握PHP接口编写技巧。阅读专题下面的文章了解更多详细内容。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">10</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/phpzwlmrhjj" class="aClass flexRow hotzta" title="php中文乱码如何解决"><img src="https://img.php.cn/upload/subject/202601/28/2026012811235692019.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/phpzwlmrhjj" 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="">16</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.28</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/jxxdlyybjg" class="aClass flexRow hotzta" title="Java 消息队列与异步架构实战"><img src="https://img.php.cn/upload/subject/202601/28/2026012810321184503.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Java 消息队列与异步架构实战" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/jxxdlyybjg" class="aClass flexRow hotztra overflowclass" title="Java 消息队列与异步架构实战">Java 消息队列与异步架构实战</a> <p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Java 在消息队列与异步系统架构中的核心应用,涵盖消息队列基本原理、Kafka 与 RabbitMQ 的使用场景对比、生产者与消费者模型、消息可靠性与顺序性保障、重复消费与幂等处理,以及在高并发系统中的异步解耦设计。通过实战案例,帮助学习者掌握 使用 Java 构建高吞吐、高可靠异步消息系统的完整思路。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">10</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="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> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="css3背景图片仰视无缝滚动特效" href="/xiazai/js/8706"><span>[图片特效]</span><span>css3背景图片仰视无缝滚动特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="html5带步骤的问卷表单提交" href="/xiazai/js/8705"><span>[表单按钮]</span><span>html5带步骤的问卷表单提交</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery类似播放器图片切换特效" href="/xiazai/js/8704"><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/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> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4289" title="马年新年装饰图案合集矢量素材"><span>[网站素材]</span><span>马年新年装饰图案合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4288" title="极简线条披萨餐厅菜单矢量模板"><span>[网站素材]</span><span>极简线条披萨餐厅菜单矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4287" title="美味披萨INS宣传模板设计下载"><span>[网站素材]</span><span>美味披萨INS宣传模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4286" title="新春喜庆烟花装饰合集矢量素材"><span>[网站素材]</span><span>新春喜庆烟花装饰合集矢量素材</span> </a> </div> </li> </ul> <ul class="fourf" style="display:none;"> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8590" title="驾照考试驾校HTML5网站模板"><span>[前端模板]</span><span>驾照考试驾校HTML5网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8589" title="驾照培训服务机构宣传网站模板"><span>[前端模板]</span><span>驾照培训服务机构宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8588" title="HTML5房地产公司宣传网站模板"><span>[前端模板]</span><span>HTML5房地产公司宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8587" title="新鲜有机肉类宣传网站模板"><span>[前端模板]</span><span>新鲜有机肉类宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8586" title="响应式天气预报宣传网站模板"><span>[前端模板]</span><span>响应式天气预报宣传网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8585" title="房屋建筑维修公司网站CSS模板"><span>[前端模板]</span><span>房屋建筑维修公司网站CSS模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8584" title="响应式志愿者服务网站模板"><span>[前端模板]</span><span>响应式志愿者服务网站模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8583" title="创意T恤打印店网站HTML5模板"><span>[前端模板]</span><span>创意T恤打印店网站HTML5模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8582" title="网页开发岗位简历作品展示网页模板"><span>[前端模板]</span><span>网页开发岗位简历作品展示网页模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/code/8581" title="响应式人力资源机构宣传网站模板"><span>[前端模板]</span><span>响应式人力资源机构宣传网站模板</span> </a> </div> </li> </ul> </div> <script> $('.hdTabs>div').click(function (e) { $('.hdTabs>div').removeClass('check') $(this).addClass('check') $('.hotdownTab>ul').css('display', 'none') $('.' + e.currentTarget.dataset.id).show() }) </script> </div> <div class="artrig-adv "> <script type="text/javascript" src="https://teacher.php.cn/php/MDM3MTk1MGYxYjI5ODJmNTE0ZWVkZTA3NmJhYzhmMjI6Og=="></script> </div> <div class="xgarts "> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>相关下载</p> </div> <a target="_blank" class="rititle-more flexRow" href="/xiazai" title="相关下载"><span>更多</span><b></b></a> </div> <div class="xgwzlist "> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="php商城系统" href="/xiazai/code/11178">php商城系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="淘源码商城PHP淘宝查信誉" href="/xiazai/code/11177">淘源码商城PHP淘宝查信誉</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP房产程序[BBWPS]" href="/xiazai/code/11165">PHP房产程序[BBWPS]</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="PHP简约自动发卡平台个人版" href="/xiazai/code/11128">PHP简约自动发卡平台个人版</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="ERMEB域名PHP离线网络授权系统" href="/xiazai/code/11040">ERMEB域名PHP离线网络授权系统</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="Difeye-敏捷的轻量级PHP框架" href="/xiazai/code/11037">Difeye-敏捷的轻量级PHP框架</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="大泉州汽车网PHP整站程序" href="/xiazai/code/10963">大泉州汽车网PHP整站程序</a></div> </div> </div> <div class="jpkc"> <div class="rightdTitle flexRow"> <div class="title-left flexRow"> <b></b> <p>精品课程</p> </div> <a class="rititle-more flexRow" target="_blank" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a> </div> <div class=" jpkcTab"> <div class=" jpkcTabs flexRow"> <div class="check" data-id="onefd">相关推荐 <b></b> </div> / <div class="" data-id="twofd">热门推荐 <b></b></div> / <div class="" data-id="threefd">最新课程 <b></b></div> </div> <div class="onefd jpktabd"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1601.html" title="HTML5/CSS3/JavaScript/ES6入门课程"> <img src="https://img.php.cn/upload/course/000/000/067/6548936a71733600.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML5/CSS3/JavaScript/ES6入门课程" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1601.html" title="HTML5/CSS3/JavaScript/ES6入门课程" class="rirightp overflowclass">HTML5/CSS3/JavaScript/ES6入门课程</a> <div class="risrdown flexRow"> <p>共102课时 | 6.8万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1566.html" title="HTML+CSS基础与实战"> <img src="https://img.php.cn/upload/course/000/000/067/6497af87c2a31936.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="HTML+CSS基础与实战" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1566.html" title="HTML+CSS基础与实战" class="rirightp overflowclass">HTML+CSS基础与实战</a> <div class="risrdown flexRow"> <p>共132课时 | 9.8万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1563.html" title="前端开发(基础+实战项目合集)"> <img src="https://img.php.cn/upload/course/000/000/067/6491138c05f26215.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="前端开发(基础+实战项目合集)" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1563.html" title="前端开发(基础+实战项目合集)" class="rirightp overflowclass">前端开发(基础+实战项目合集)</a> <div class="risrdown flexRow"> <p>共60课时 | 3.9万人学习</p> </div> </div> </div> </div> <div class="twofd jpktabd" style="display:none;"> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 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="H5页面如何实现全屏滚动效果 全屏滚动H5实现方法大全" href="/faq/1427287.html">H5页面如何实现全屏滚动效果 全屏滚动H5实现方法大全</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面如何实现动态内容加载效果 3种动态加载技术让你的H5页面活起来" href="/faq/1425867.html">H5页面如何实现动态内容加载效果 3种动态加载技术让你的H5页面活起来</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面制作中如何提升页面安全性 H5安全防护的10个必备措施" href="/faq/1422493.html">H5页面制作中如何提升页面安全性 H5安全防护的10个必备措施</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面如何实现背景音乐循环播放 背景音乐无缝循环播放技术" href="/faq/1420479.html">H5页面如何实现背景音乐循环播放 背景音乐无缝循环播放技术</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面制作中如何设计高点击率按钮 提升按钮点击率的7个技巧" href="/faq/1415804.html">H5页面制作中如何设计高点击率按钮 提升按钮点击率的7个技巧</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面如何实现自动轮播图效果 轮播图自动切换实现方案" href="/faq/1414392.html">H5页面如何实现自动轮播图效果 轮播图自动切换实现方案</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面如何实现跨平台适配方案 一套代码适配多端的关键方法解析" href="/faq/1412324.html">H5页面如何实现跨平台适配方案 一套代码适配多端的关键方法解析</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面制作中如何管理多语言切换 多语言国际化实现完整流程" href="/faq/1409826.html">H5页面制作中如何管理多语言切换 多语言国际化实现完整流程</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面制作中如何适配不同分辨率屏幕 多分辨率适配终极方案" href="/faq/1408272.html">H5页面制作中如何适配不同分辨率屏幕 多分辨率适配终极方案</a></div> <div class="xgwzlid flexRow"><b></b><a target="_blank" title="H5页面制作中如何嵌入地图定位服务 主流地图API接入方法详解" href="/faq/1405979.html">H5页面制作中如何嵌入地图定位服务 主流地图API接入方法详解</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=362844&time=1769673911"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769673911"></script> <script> article_status = "194"; </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>