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.
   新的语义和结构元素

描述

定义页面的侧边栏内容

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

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

VISBOOM
VISBOOM

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="/ai/tag/image/image-titching" target="_blank">图片拼接</a><a class="aidcontbp flexRow flexcenter" href="/ai/tag/image/image-create" 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/pzryycljcy" class="aClass flexRow hotzta" title="Python 自然语言处理(NLP)基础与实战"><img src="https://img.php.cn/upload/subject/202601/27/2026012710092376103.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="Python 自然语言处理(NLP)基础与实战" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/pzryycljcy" class="aClass flexRow hotztra overflowclass" title="Python 自然语言处理(NLP)基础与实战">Python 自然语言处理(NLP)基础与实战</a> <p class="aClass flexRow hotztrp overflowclass">本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。</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.27</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/pddzqd5zff" class="aClass flexRow hotzta" title="拼多多赚钱的5种方法 拼多多赚钱的5种方法"><img src="https://img.php.cn/upload/subject/000/000/080/697701814e6f5914.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="拼多多赚钱的5种方法 拼多多赚钱的5种方法" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/pddzqd5zff" class="aClass flexRow hotztra overflowclass" title="拼多多赚钱的5种方法 拼多多赚钱的5种方法">拼多多赚钱的5种方法 拼多多赚钱的5种方法</a> <p class="aClass flexRow hotztrp overflowclass">在拼多多上赚钱主要可以通过无货源模式一件代发、精细化运营特色店铺、参与官方高流量活动、利用拼团机制社交裂变,以及成为多多进宝推广员这5种方法实现。核心策略在于通过低成本、高效率的供应链管理与营销,利用平台社交电商红利实现盈利。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">109</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/edgellqzmszzy" class="aClass flexRow hotzta" title="edge浏览器怎样设置主页 edge浏览器自定义设置教程"><img src="https://img.php.cn/upload/subject/000/000/080/6977004d3fc2e319.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="edge浏览器怎样设置主页 edge浏览器自定义设置教程" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/edgellqzmszzy" class="aClass flexRow hotztra overflowclass" title="edge浏览器怎样设置主页 edge浏览器自定义设置教程">edge浏览器怎样设置主页 edge浏览器自定义设置教程</a> <p class="aClass flexRow hotztrp overflowclass">在Edge浏览器中设置主页,请依次点击右上角“...”图标 &gt; 设置 &gt; 开始、主页和新建标签页。在“Microsoft Edge 启动时”选择“打开以下页面”,点击“添加新页面”并输入网址。若要使用主页按钮,需在“外观”设置中开启“显示主页按钮”并设定网址。</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.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/pggfcxwz" class="aClass flexRow hotzta" title="苹果官方查询网站 苹果手机正品激活查询入口"><img src="https://img.php.cn/upload/subject/000/000/080/6976ff1227b41519.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/pggfcxwz" class="aClass flexRow hotztra overflowclass" title="苹果官方查询网站 苹果手机正品激活查询入口">苹果官方查询网站 苹果手机正品激活查询入口</a> <p class="aClass flexRow hotztrp overflowclass">苹果官方查询网站主要通过 checkcoverage.apple.com/cn/zh/ 进行,可用于查询序列号(SN)对应的保修状态、激活日期及技术支持服务。此外,查找丢失设备请使用 iCloud.com/find,购买信息与物流可访问 Apple (中国大陆) 订单状态页面。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">136</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/npdrgsmys" class="aClass flexRow hotzta" title="npd人格什么意思 npd人格有什么特征"><img src="https://img.php.cn/upload/subject/000/000/080/6976fda5b99a0704.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="npd人格什么意思 npd人格有什么特征" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/npdrgsmys" class="aClass flexRow hotztra overflowclass" title="npd人格什么意思 npd人格有什么特征">npd人格什么意思 npd人格有什么特征</a> <p class="aClass flexRow hotztrp overflowclass">NPD(Narcissistic Personality Disorder)即自恋型人格障碍,是一种心理健康问题,特点是极度夸大自我重要性、需要过度赞美与关注,同时极度缺乏共情能力,背后常掩藏着低自尊和不安全感,影响人际关系、工作和生活,通常在青少年时期开始显现,需由专业人士诊断。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">7</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/winaqzxzmgb" class="aClass flexRow hotzta" title="windows安全中心怎么关闭 windows安全中心怎么执行操作"><img src="https://img.php.cn/upload/subject/000/000/080/6976fcce8fd6b387.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="windows安全中心怎么关闭 windows安全中心怎么执行操作" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/winaqzxzmgb" class="aClass flexRow hotztra overflowclass" title="windows安全中心怎么关闭 windows安全中心怎么执行操作">windows安全中心怎么关闭 windows安全中心怎么执行操作</a> <p class="aClass flexRow hotztrp overflowclass">关闭Windows安全中心(Windows Defender)可通过系统设置暂时关闭,或使用组策略/注册表永久关闭。最简单的方法是:进入设置 &gt; 隐私和安全性 &gt; Windows安全中心 &gt; 病毒和威胁防护 &gt; 管理设置,将实时保护等选项关闭。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">6</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/cyqpgldq2026" class="aClass flexRow hotzta" title="2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】"><img src="https://img.php.cn/upload/subject/202601/26/2026012613301935698.jpg?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/cyqpgldq2026" class="aClass flexRow hotztra overflowclass" title="2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】">2026年春运抢票攻略大全 春运抢票攻略教你三招手【技巧】</a> <p class="aClass flexRow hotztrp overflowclass">铁路12306提供起售时间查询、起售提醒、购票预填、候补购票及误购限时免费退票五项服务,并强调官方渠道唯一性与信息安全。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">122</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/grsdsslb" class="aClass flexRow hotzta" title="个人所得税税率表2026 个人所得税率最新税率表"><img src="https://img.php.cn/upload/subject/000/000/080/6976f9d1d9578256.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="个人所得税税率表2026 个人所得税率最新税率表" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/grsdsslb" class="aClass flexRow hotztra overflowclass" title="个人所得税税率表2026 个人所得税率最新税率表">个人所得税税率表2026 个人所得税率最新税率表</a> <p class="aClass flexRow hotztrp overflowclass">以工资薪金所得为例,应纳税额 = 应纳税所得额 × 税率 - 速算扣除数。应纳税所得额 = 月度收入 - 5000 元 - 专项扣除 - 专项附加扣除 - 依法确定的其他扣除。假设某员工月工资 10000 元,专项扣除 1000 元,专项附加扣除 2000 元,当月应纳税所得额为 10000 - 5000 - 1000 - 2000 = 2000 元,对应税率为 3%,速算扣除数为 0,则当月应纳税额为 2000×3% = 60 元。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">35</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</p> </div> </div> </div> </div> <div class="hotztlls flexRow"> <a target="_blank" href="/faq/oppoyfwgwrk" class="aClass flexRow hotzta" title="oppo云服务官网登录入口 oppo云服务登录手机版"><img src="https://img.php.cn/upload/subject/000/000/080/6976f834a9d7a856.png?x-oss-process=image/resize,m_mfit,h_75,w_120,limit_0" alt="oppo云服务官网登录入口 oppo云服务登录手机版" class="hotztaimg" onerror="this.src='/static/lhimages/moren/morentu.png'"></a> <div class="hotztright flexColumn"> <a target="_blank" href="/faq/oppoyfwgwrk" class="aClass flexRow hotztra overflowclass" title="oppo云服务官网登录入口 oppo云服务登录手机版">oppo云服务官网登录入口 oppo云服务登录手机版</a> <p class="aClass flexRow hotztrp overflowclass">oppo云服务https://cloud.oppo.com/可以在云端安全存储您的照片、视频、联系人、便签等重要数据。当您的手机数据意外丢失或者需要更换手机时,可以随时将这些存储在云端的数据快速恢复到手机中。</p> <div class="hotztrdown flexRow"> <div class="htztdsee flexRow"> <b></b> <p class="">121</p> </div> <div class="htztdTime flexRow"> <b></b> <p>2026.01.26</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="React框架制作人物介绍切换特效" href="/xiazai/js/8680"><span>[图片特效]</span><span>React框架制作人物介绍切换特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery手机登录注册表单代码" href="/xiazai/js/8679"><span>[表单按钮]</span><span>jQuery手机登录注册表单代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery图片移位效果" href="/xiazai/js/8678"><span>[图片特效]</span><span>jquery图片移位效果</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="html5手机登录表单验证代码" href="/xiazai/js/8677"><span>[表单按钮]</span><span>html5手机登录表单验证代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="Ctrl+Enter键按钮提交表单代码" href="/xiazai/js/8676"><span>[表单按钮]</span><span>Ctrl+Enter键按钮提交表单代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jquery带标题控制图片切换" href="/xiazai/js/8675"><span>[图片特效]</span><span>jquery带标题控制图片切换</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery表单元素动态增加删除代码" href="/xiazai/js/8674"><span>[表单按钮]</span><span>jQuery表单元素动态增加删除代码</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="CSS3全屏图文幻灯片轮播特效" href="/xiazai/js/8673"><span>[图片特效]</span><span>CSS3全屏图文幻灯片轮播特效</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery标签插件flyLabel" href="/xiazai/js/8672"><span>[表单按钮]</span><span>jQuery标签插件flyLabel</span></a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" title="jQuery鼠标滑过图片上下滑动" href="/xiazai/js/8671"><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/4284" title="日式美食寿司料理海报矢量模板"><span>[网站素材]</span><span>日式美食寿司料理海报矢量模板</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4283" title="创意个人手绘工作室票券设计下载"><span>[网站素材]</span><span>创意个人手绘工作室票券设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4282" title="新春红色喜庆鞭炮插画矢量素材"><span>[网站素材]</span><span>新春红色喜庆鞭炮插画矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4281" title="情人节爱心元素主题海报PSD模板下载"><span>[网站素材]</span><span>情人节爱心元素主题海报PSD模板下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4280" title="新春灯笼喜庆边框背景矢量素材"><span>[网站素材]</span><span>新春灯笼喜庆边框背景矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4279" title="唯美渔船水墨风景矢量素材"><span>[网站素材]</span><span>唯美渔船水墨风景矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4278" title="情人节半价促销折扣海报PSD源文件下载"><span>[网站素材]</span><span>情人节半价促销折扣海报PSD源文件下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4277" title="汉堡快餐美食宣传INS模板设计下载"><span>[网站素材]</span><span>汉堡快餐美食宣传INS模板设计下载</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4276" title="可爱卡通萌系小马合集矢量素材"><span>[网站素材]</span><span>可爱卡通萌系小马合集矢量素材</span> </a> </div> </li> <li> <div class="wzrfourli flexRow"> <b></b> <a target="_blank" href="/xiazai/sucai/4275" 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.7万人学习</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.6万人学习</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.3万人学习</p> </div> </div> </div> <div class="ristyA flexRow " > <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学"> <img src="https://img.php.cn/upload/course/000/000/081/6862652adafef801.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="JavaScript ES5基础线上课程教学" class="ristyAimg" onerror="this.src='/static/mobimages/moren/morentu.png'"> </a> <div class="ristyaRight flexColumn"> <a target="_blank" href="/course/1656.html" title="JavaScript ES5基础线上课程教学" class="rirightp overflowclass">JavaScript ES5基础线上课程教学</a> <div class="risrdown flexRow"> <p>共6课时 | 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=1769517727"> </script> <script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?1769517727"></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>