plaintext标签有什么用_HTML纯文本模式渲染原理解析-html教程-PHP中文网

标签在现代HTML中无实用价值且已被HTML5废弃，其无闭合特性会导致浏览器停止解析后续所有HTML标签，使页面结构崩溃；应改用组合，并对用户输入做HTML编码防护。
plaintext标签有什么用_html纯文本模式渲染原理解析
</plaintext></code> 标签在现代 HTML 中**没有实用价值，不应使用**。它已被 HTML5 明确废弃，且存在严重解析风险——一旦出现，浏览器会直接停止解析后续所有 HTML 标签，导致整个页面结构崩溃。</p>
<h3>为什么 <code><plaintext></plaintext></code> 会破坏页面结构</h3>
<p>该标签设计上是“无闭合”的：从它开始，到文档末尾的所有内容（包括 <code></code></p>
<div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9263" title="Html2md"><img src="https://img.php.cn/upload/skill/000/000/081/179249945220127.jpg" alt="Html2md" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'"></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="overflowclass">Html2md</a>
													<p class="overflowclass">使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div>
<blockquote><p><span style="color: rgb(255, 0, 0);">前端入门到VUE实战笔记：</span><a href="https://pan.quark.cn/s/cb6835dc7db1" rel="nofollow" target="_blank">立即使用</a>
			<br>在学习笔记中，你将探索 前端 的入门与实战技巧！</p></blockquote>
							</div>

							

						</div>
						<div class="artmoreart ">
																	<div class="artdp artptit"><span></span>
										<p>相关文章</p>
									</div>
									<div class="artmores flexColumn">
																					<a class="artmrlis flexRow" href="/faq/3356448.html" title="HTML网页广告条怎么固定？吸顶效果实现方式"><b></b>
												<p class="overflowclass">HTML网页广告条怎么固定？吸顶效果实现方式</p>
											</a>
																					<a class="artmrlis flexRow" href="/faq/3356445.html" title="HTML怎么让超链接图标在按钮内居中"><b></b>
												<p class="overflowclass">HTML怎么让超链接图标在按钮内居中</p>
											</a>
																					<a class="artmrlis flexRow" href="/faq/3356444.html" title="HTML批量删除模板占位元素的操作技巧"><b></b>
												<p class="overflowclass">HTML批量删除模板占位元素的操作技巧</p>
											</a>
																					<a class="artmrlis flexRow" href="/faq/3356427.html" title="HTML5 中媒体查询怎么配合 CSS 变量实现主题切换"><b></b>
												<p class="overflowclass">HTML5 中媒体查询怎么配合 CSS 变量实现主题切换</p>
											</a>
																					<a class="artmrlis flexRow" href="/faq/3356417.html" title="制作HTML简历如何避免内容凌乱？网格对齐设计规范"><b></b>
												<p class="overflowclass">制作HTML简历如何避免内容凌乱？网格对齐设计规范</p>
											</a>
																			</div>
																		<div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)"><img
														src="https://img.php.cn/upload/Recdownload/000/000/085/66723a3016a41308.jpg" alt="HTML速学教程(入门课程)" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="overflowclass">HTML速学教程(入门课程)</a>
													<p class="overflowclass">HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！</p>
												</div>
												<a rel="nofollow" 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>
									<a class="mtbsa flexRow" title="html"  href="/zt/15763.html"  target="_blank">html</a>
								</div>

								<div class="statement">
									<div class="statementd">
										<div class="stetop flexRow">
											<b></b>
											<p></p>
											<b></b>
										</div>
										<p class="stedown">
											本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn</p>
									</div>
								</div>

																	<div class="lastanext flexColumn">
										<a class="lastart flexRow " href="/faq/2440399.html" title="HTML中如何制作带版权信息和备案号的页脚">
											<p class="overflowclass"> <span>上一篇：</span>HTML中如何制作带版权信息和备案号的页脚</p>
										</a>
										<a class="nextart flexRow " href="/faq/2440412.html" title="怎么利用HTML的Audio API的createOscillator生成指定频率的音频信号">
											<p class="overflowclass"><span>下一篇：</span>怎么利用HTML的Audio API的createOscillator生成指定频率的音频信号</p>
										</a>
									</div>
															</div>
					</div>

					<div class="list-downs ">
													<div class="authormore ">
								<div class="rightdTitle flexRow">
									<div class="title-left flexRow"> <b></b>
										<p>作者最新文章</p>
									</div>
									<!-- <a class="rititle-more flexRow" href="#" title=""><span>更多</span><b></b></a> -->
								</div>
								<div class="authlist flexColumn">
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3353980.html" title="HTML怎么设置多选下拉列表高度"><b></b>
											<p class="overflowclass">HTML怎么设置多选下拉列表高度</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3353983.html" title="如何通过HTML调整可点击区域的层级"><b></b>
											<p class="overflowclass">如何通过HTML调整可点击区域的层级</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3353984.html" title="HTML手机端段落怎么设置缩进"><b></b>
											<p class="overflowclass">HTML手机端段落怎么设置缩进</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3353985.html" title="怎么在老旧设备上让HTML元素step属性生效"><b></b>
											<p class="overflowclass">怎么在老旧设备上让HTML元素step属性生效</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3353999.html" title="HTML日期输入框怎么设置输入格式？数据格式校验教程"><b></b>
											<p class="overflowclass">HTML日期输入框怎么设置输入格式？数据格式校验教程</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3354003.html" title="HTML字体标签如何保障性能？防卡顿配置"><b></b>
											<p class="overflowclass">HTML字体标签如何保障性能？防卡顿配置</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3354006.html" title="HTML区域映射点击没反应怎么办？快速排查处理技巧"><b></b>
											<p class="overflowclass">HTML区域映射点击没反应怎么办？快速排查处理技巧</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3354007.html" title="HTML标签中的onerror循环为何反复执行"><b></b>
											<p class="overflowclass">HTML标签中的onerror循环为何反复执行</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3354012.html" title="导出HTML文件中文乱码怎么修复"><b></b>
											<p class="overflowclass">导出HTML文件中文乱码怎么修复</p>
										</a>
									</div>
																	<div class="autharts flexRow">
										<a class="autharta flexRow " href="/faq/3354013.html" title="HTML怎么批量删除网页统计代码"><b></b>
											<p class="overflowclass">HTML怎么批量删除网页统计代码</p>
										</a>
									</div>
																</div>
							</div>
						
						<div class="moreAi ">
							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>热门AI工具</p>
								</div>
								<a class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
							</div>

							<div class="moreailist flexRow">
								<div class="aidcons flexRow  ">
																	<a href="/ai/2237" title="Seko" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e1ef45fe8976.png?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="Seko" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/000/969/633/6a82e1ef45fe8976.png';">
										<div class="aibtn-right">
											<p class="overflowclass">Seko</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																	<a href="/ai/4286" title="AionClaw" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/001/246/273/178943672344997.png?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="AionClaw" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/001/246/273/178943672344997.png';">
										<div class="aibtn-right">
											<p class="overflowclass">AionClaw</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																	<a href="/ai/2785" title="VibeKnow" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e46dd668f740.webp?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="VibeKnow" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/000/969/633/6a82e46dd668f740.webp';">
										<div class="aibtn-right">
											<p class="overflowclass">VibeKnow</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																	<a href="/ai/3574" title="立刻MV" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/001/246/273/178599535095695.png?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="立刻MV" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/001/246/273/178599535095695.png';">
										<div class="aibtn-right">
											<p class="overflowclass">立刻MV</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																	<a href="/ai/1287" title="讯飞绘文" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/000/969/633/6a82e41309ea7240.webp?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="讯飞绘文" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/000/969/633/6a82e41309ea7240.webp';">
										<div class="aibtn-right">
											<p class="overflowclass">讯飞绘文</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																	<a href="/ai/723" title="DeepSeek" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="DeepSeek" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png';">
										<div class="aibtn-right">
											<p class="overflowclass">DeepSeek</p>
										</div>
																			</a>
																	<a href="/ai/726" title="豆包大模型" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="豆包大模型" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png';">
										<div class="aibtn-right">
											<p class="overflowclass">豆包大模型</p>
										</div>
																			</a>
																	<a href="/ai/2704" title="音述AI" class="aibtns flexColumn">
										<img  class="aibtnimg" src="https://img.php.cn/upload/ai_manual/001/246/273/6a82d57903ca9413.webp?x-oss-process=image/resize,m_mfit,h_72,w_72,limit_0" alt="音述AI" onerror="this.onerror=function(){this.src='https://staticm.php.cn/static/mobimages/moren.png';this.onerror=null;};this.src='https://img.php.cn/upload/ai_manual/001/246/273/6a82d57903ca9413.webp';">
										<div class="aibtn-right">
											<p class="overflowclass">音述AI</p>
										</div>
																					<span class="hot_span">Hot</span>
																			</a>
																</div>
							</div>
						</div>

						<div class="xgzt artLists">

							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>相关专题</p>
								</div>
								<a class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
							</div>
							<div class="swiper artztswiper ">
								<div class="swiper-wrapper">
																	<div class="swiper-slide flexcolumn ">
																			<div class="clDiv flexRow">
											<a href="/faq/htmlbq" title="html版权符号" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202306/14/2023061417195694847.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html版权符号" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlbq" title="html版权符号" class="clddTitle overflowclass">html版权符号</a>
												<p class=" clddp overflowclass" >html版权符号是“©”，可以在html源文件中直接输入或者从word中复制粘贴过来，php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.06.14</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>6835</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>7</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlzxbjq" title="html在线编辑器" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202306/21/2023062118054418106.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html在线编辑器" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlzxbjq" title="html在线编辑器" class="clddTitle overflowclass">html在线编辑器</a>
												<p class=" clddp overflowclass" >html在线编辑器是用于在线编辑的工具，编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方，是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容，供大家免费下载使用。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.06.21</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>3792</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>4</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlwyzz" title="html网页制作" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202307/31/2023073113382132316.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html网页制作" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlwyzz" title="html网页制作" class="clddTitle overflowclass">html网页制作</a>
												<p class=" clddp overflowclass" >html网页制作是指使用超文本标记语言来设计和创建网页的过程，html是一种标记语言，它使用标记来描述文档结构和语义，并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容，供大家免费下载体验。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.07.31</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>3470</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>5</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																		</div>
																	<div class="swiper-slide flexcolumn ">
																			<div class="clDiv flexRow">
											<a href="/faq/htmlkg" title="html空格" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202308/01/2023080110215221612.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html空格" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlkg" title="html空格" class="clddTitle overflowclass">html空格</a>
												<p class=" clddp overflowclass" >html空格是一种用于在网页中添加间隔和对齐文本的特殊字符，被用于在网页中插入额外的空间，以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容，供大家免费下载体验。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.08.01</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>3479</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>5</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlssm" title="html是什么" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202308/11/2023081110034851167.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html是什么" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlssm" title="html是什么" class="clddTitle overflowclass">html是什么</a>
												<p class=" clddp overflowclass" >HTML是一种标准标记语言，用于创建和呈现网页的结构和内容，是互联网发展的基石，为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.08.11</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>5079</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>6</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlztdxzmsz" title="html字体大小怎么设置" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202308/11/2023081110511917388.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html字体大小怎么设置" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlztdxzmsz" title="html字体大小怎么设置" class="clddTitle overflowclass">html字体大小怎么设置</a>
												<p class=" clddp overflowclass" >在网页设计中，字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性，还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧，帮助您在HTML中设置合适的字体大小。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.08.11</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>3421</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>3</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																		</div>
																	<div class="swiper-slide flexcolumn ">
																			<div class="clDiv flexRow">
											<a href="/faq/htmlztxt" title="html转txt" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202308/31/2023083109262991103.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html转txt" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlztxt" title="html转txt" class="clddTitle overflowclass">html转txt</a>
												<p class=" clddp overflowclass" >html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容，供大家免费下载体验。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.08.31</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>3229</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>3</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlwbkdmzmx" title="html文本框代码怎么写" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202309/01/2023090116144456829.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="html文本框代码怎么写" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlwbkdmzmx" title="html文本框代码怎么写" class="clddTitle overflowclass">html文本框代码怎么写</a>
												<p class=" clddp overflowclass" >html文本框代码：1、单行文本框【&lt;input type=&quot;text&quot; style=&quot;height:..;width:..;&quot; /&gt;】；2、多行文本框【textarea style=&quot;;height:;&quot;&gt;&lt;/textare】。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.09.01</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>2808</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>6</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																			<div class="clDiv flexRow">
											<a href="/faq/htmlqrcssys" title="HTML嵌入CSS样式的方法" class="aClass flexRow cldA"><img
													src="https://img.php.cn/upload/subject/202309/20/2023092011421376357.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="HTML嵌入CSS样式的方法" class="cldaimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'"></a>
											<div class="clddiv flexColumn">
												<a href="/faq/htmlqrcssys" title="HTML嵌入CSS样式的方法" class="clddTitle overflowclass">HTML嵌入CSS样式的方法</a>
												<p class=" clddp overflowclass" >HTML嵌入CSS样式的方法有内联样式、内部样式表和外部样式表。本专题为大家提供CSS样式相关的文章、下载、课程内容，供大家免费下载体验。</p>
												<div class="clddDown flexRow">
													<div class="clddDown-left flexRow">
														<div class="clddTime"> <b></b>
															<p>2023.09.20</p>
														</div>
														<div class="cldddh"> <b></b>
															<p>2928</p>
														</div>
														<div class="cldddht"> <b></b>
															<p>5</p>
														</div>
													</div>
												</div>
											</div>
										</div>
																		</div>
																</div>
							</div>
							<div class="swiper-pagination coursesswiper-pagination"></div>
							<script>
								var mySwiper = new Swiper('.artztswiper', {
									autoplay: false,
									pagination: {
										el: '.coursesswiper-pagination',
										clickable: true,
									},
								})
							</script>


						</div>


						<div class="hotdownload ">
							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>热门下载</p>
								</div>
								<a 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 title="登录表单页面js，现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js，现代化登录页面模板</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="注册表单布局HTML代码，登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码，登录注册切换js模板</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="文字透视变形设计，有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计，有趣的css滑动动画</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="精美登录注册UI，登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI，登录页面设计模板</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="意境背景图片唯美下载，云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载，云破月来花弄影素材</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="液体背景制作，创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作，创意液体文字动画</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="html滑块选择器，简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器，简单的滑块控制数字表达式</span></a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a title="文本闪烁css，文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css，文字闪光动图特效</span></a>
											</div>
										</li>
																	</ul>
								<ul class="twof" style="display:none;">
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12061" title="CodeIgniter4.6.1"><span>[开发框架]</span><span>CodeIgniter4.6.1</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12060" title="Django Web框架5.2.2"><span>[开发框架]</span><span>Django Web框架5.2.2</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12059" title="NutzFw企业级快速开发框架1.0.3"><span>[开发框架]</span><span>NutzFw企业级快速开发框架1.0.3</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12058" title="go-admin前后端分离权限管理系统脚手架2.2.0"><span>[开发框架]</span><span>go-admin前后端分离权限管理系统脚手架2.2.0</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12057" title="Ember.js3.28.9"><span>[开发框架]</span><span>Ember.js3.28.9</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12056" title="MaxKey单点登录认证系统3.3.3"><span>[开发框架]</span><span>MaxKey单点登录认证系统3.3.3</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12055" title="PHP7框架Phalcon71.2.3"><span>[开发框架]</span><span>PHP7框架Phalcon71.2.3</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a>
											</div>
										</li>
																	</ul>
								<ul class="threef" style="display:none;">
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4933" title="传统茶文化水彩海报背景矢量"><span>[网站素材]</span><span>传统茶文化水彩海报背景矢量</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4932" title="万圣节活动海报矢量模板"><span>[网站素材]</span><span>万圣节活动海报矢量模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4931" title="房屋销售主题方形海报PS素材下载"><span>[网站素材]</span><span>房屋销售主题方形海报PS素材下载</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4930" title="万圣之夜氛围感节日海报设计下载"><span>[网站素材]</span><span>万圣之夜氛围感节日海报设计下载</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4929" title="复古照相机摄影展海报矢量模板"><span>[网站素材]</span><span>复古照相机摄影展海报矢量模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4928" title="披萨美食竖版招贴美食海报PSD素材下载"><span>[网站素材]</span><span>披萨美食竖版招贴美食海报PSD素材下载</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4927" title="秋季农产品丰收矢量插图"><span>[网站素材]</span><span>秋季农产品丰收矢量插图</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/sucai/4926" title="手绘法式甜点面包合集矢量素材"><span>[网站素材]</span><span>手绘法式甜点面包合集矢量素材</span> </a>
											</div>
										</li>
																	</ul>
								<ul class="fourf" style="display:none;">
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12112"  title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12111"  title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12110"  title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12109"  title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12108"  title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12107"  title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12106"  title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a>
											</div>
										</li>
																			<li>
											<div class="wzrfourli flexRow">
												<b></b>
												<a href="/xiazai/code/12105"  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="xgarts ">
							<div class="rightdTitle flexRow">
								<div class="title-left flexRow"> <b></b>
									<p>相关下载</p>
								</div>
								<a class="rititle-more flexRow" href="/xiazai" title=""><span>更多</span><b></b></a>
							</div>
							<div class="xgwzlist ">
															<div class="xgwzlid flexRow"><b></b><a title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="PHP框架Kohana3.3.1" href="/xiazai/code/12039">PHP框架Kohana3.3.1</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" 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 href="/course/2119.html" title="GDB 17.2 官方文档集合">
													<img src="https://img.php.cn/upload/course/000/000/085/6aa146f9288de428.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="GDB 17.2 官方文档集合" class="ristyAimg"
														onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
												</a>
												<div class="ristyaRight flexColumn">
													<a href="/course/2119.html" title="GDB 17.2 官方文档集合"
														class="rirightp overflowclass">GDB 17.2 官方文档集合</a>

													<div class="risrdown flexRow">
														<p>共0课时 | 0人学习</p>
													</div>
												</div>
											</div>
																					<div  class="ristyA flexRow " >
												<a href="/course/1981.html" title="Bootstrap 入门安装配置">
													<img src="https://img.php.cn/upload/course/000/000/085/6a671315cd7b9962.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Bootstrap 入门安装配置" class="ristyAimg"
														onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
												</a>
												<div class="ristyaRight flexColumn">
													<a href="/course/1981.html" title="Bootstrap 入门安装配置"
														class="rirightp overflowclass">Bootstrap 入门安装配置</a>

													<div class="risrdown flexRow">
														<p>共0课时 | 0人学习</p>
													</div>
												</div>
											</div>
																					<div  class="ristyA flexRow " >
												<a href="/course/1723.html" title="38+ PhpStorm 提示和技巧">
													<img src="https://img.php.cn/upload/course/000/000/080/69ccc31acdae1956.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="38+ PhpStorm 提示和技巧" class="ristyAimg"
														onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
												</a>
												<div class="ristyaRight flexColumn">
													<a href="/course/1723.html" title="38+ PhpStorm 提示和技巧"
														class="rirightp overflowclass">38+ PhpStorm 提示和技巧</a>

													<div class="risrdown flexRow">
														<p>共1课时 | 228人学习</p>
													</div>
												</div>
											</div>
										
									</div>
																<div class="twofd jpktabd" style="display:none;">
																			<div  class="ristyA flexRow " >
											<a 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='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/639.html" title="phpStudy极速入门视频教程"
													class="rirightp overflowclass">phpStudy极速入门视频教程</a>

												<div class="risrdown flexRow">
													<p>共6课时 | 54.7万人学习</p>
												</div>
											</div>
										</div>
																			<div  class="ristyA flexRow " >
											<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程">
												<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"
													class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a>

												<div class="risrdown flexRow">
													<p>共89课时 | 134.1万人学习</p>
												</div>
											</div>
										</div>
																			<div  class="ristyA flexRow " >
											<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站">
												<img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"
													class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a>

												<div class="risrdown flexRow">
													<p>共49课时 | 82.6万人学习</p>
												</div>
											</div>
										</div>
																	</div>

								<div class="threefd jpktabd" style="display:none;">
																	<div  class="ristyA flexRow " >
											<a href="/course/1558.html" title="RunnerGo从入门到精通">
												<img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="RunnerGo从入门到精通" class="ristyAimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/1558.html" title="RunnerGo从入门到精通"
													class="rirightp overflowclass">RunnerGo从入门到精通</a>

												<div class="risrdown flexRow">
													<p>共22课时 | 2.5万人学习</p>
												</div>
											</div>
										</div>
																		<div  class="ristyA flexRow " >
											<a href="/course/1514.html" title="Apipost从入门到精通">
												<img src="https://img.php.cn/upload/course/000/000/068/63db62f3d0b65880.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Apipost从入门到精通" class="ristyAimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/1514.html" title="Apipost从入门到精通"
													class="rirightp overflowclass">Apipost从入门到精通</a>

												<div class="risrdown flexRow">
													<p>共31课时 | 3.5万人学习</p>
												</div>
											</div>
										</div>
																		<div  class="ristyA flexRow " >
											<a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站">
												<img src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress零基础新手搭建个人博客及企业网站" class="ristyAimg"
													onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
											</a>
											<div class="ristyaRight flexColumn">
												<a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站"
													class="rirightp overflowclass">WordPress零基础新手搭建个人博客及企业网站</a>

												<div class="risrdown flexRow">
													<p>共28课时 | 4.5万人学习</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="/div-tutorial.html" title="最新文章"><span>更多</span><b></b></a>
							</div>
							<div class="xgwzlist ">
															<div class="xgwzlid flexRow"><b></b><a title="如何在 Angular 组件中通过模型数据动态设置 Canvas 尺寸" href="/faq/3356301.html">如何在 Angular 组件中通过模型数据动态设置 Canvas 尺寸</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="如何实现文本内容在溢出容器时自动垂直滚动" href="/faq/3356299.html">如何实现文本内容在溢出容器时自动垂直滚动</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="如何实现文本内容的垂直自动滚动（溢出时触发）" href="/faq/3356295.html">如何实现文本内容的垂直自动滚动（溢出时触发）</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="如何为多个 textarea 元素共用一个复制按钮实现精准复制功能" href="/faq/3356286.html">如何为多个 textarea 元素共用一个复制按钮实现精准复制功能</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="如何通过单个按钮批量复制多个文本域内容" href="/faq/3356275.html">如何通过单个按钮批量复制多个文本域内容</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="如何为多个 textarea 元素共用一个复制按钮实现精准复制" href="/faq/3356250.html">如何为多个 textarea 元素共用一个复制按钮实现精准复制</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="HTML表格表头高度异常的跨浏览器修复指南" href="/faq/3356226.html">HTML表格表头高度异常的跨浏览器修复指南</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="Angular 中 NgFor 无法渲染消息数组的常见原因及解决方案" href="/faq/3356212.html">Angular 中 NgFor 无法渲染消息数组的常见原因及解决方案</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="Angular 中 NgFor 无法渲染消息数组的常见属性大小写问题" href="/faq/3356198.html">Angular 中 NgFor 无法渲染消息数组的常见属性大小写问题</a></div>
															<div class="xgwzlid flexRow"><b></b><a title="Angular 中 NgFor 无法渲染对象数组数据的常见原因及解决方案" href="/faq/3356193.html">Angular 中 NgFor 无法渲染对象数组数据的常见原因及解决方案</a></div>
														</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--主体 end-->
	
	
	<!--底部菜单-->

        <div class="nphpFoot" id="nphpFoot" style="display:none;">
            <div class="nphpApp">
                <div class="nphpAppIn"><span onclick="$('.nphpApp').hide()"></span>
                    <dl>
                        <dt><a rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)" class="aBlack" style="font-size:16px;">HTML速学教程(入门课程)</a></dt>
                        <dd>HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！!</dd>
                    </dl><i><a style="width: 86px;" rel="nofollow" href="https://pan.quark.cn/s/f4eedefabd61" title="HTML速学教程(入门课程)">立即查看</a></i>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    <!--底部菜单-->


</div>
<script>
    isLogin = "0";
</script>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3fc525002bf1c4f1d536daef98e9a33c";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<script>
    var returnCitySN = '';
</script>
<script type="text/javascript" charset="UTF-8" src="//ip.php.cn/city.php?sign=0b00c3924a0ba103e95ba98a0afc7c14"></script>
<script>
    var cname = returnCitySN.cname;
    var cname = cname.split("|");

    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;
    }
    //读cookies
    function getCookiea(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
            return arr[2];
        else
            return null;
    }
    var ad = getCookiea('ad');
    if (ad) {
        var num = parseInt(ad) + 1;
    } else {
        var num = 1;
    }

    if (num <= 2000) {
        if (returnCitySN == '' || encodeURIComponent(returnCitySN.cname).indexOf('%E5%8C%97%E4%BA%AC') != -1) {
            $('#nphpFoot').remove();
            $('#adTop').remove();
        } else {
            $('#nphpFoot').show();
            $('#adTop').show();

            setCookie('ad', num, 1)
        }
    }
</script>
	</div>
</body>

</html>

<script type="text/javascript" src="https://staticm.php.cn/static/js/global.js?4.9.47"></script>

<link rel='stylesheet' id='_main-css' href='https://staticm.php.cn/static/css/viewer.min.css' type='text/css' media='all' />
  <script type='text/javascript' src='https://staticm.php.cn/static/js/viewer.min.js?1'></script>
  <script type='text/javascript' src='https://staticm.php.cn/static/js/jquery-viewer.min.js'></script>
<script>
    setCookie('is_article', 1, 1);
    jQuery.fn.wait = function(func, times, interval) {
      var _times = times || -1, //100次
        _interval = interval || 20, //20毫秒每次
        _self = this,
        _selector = this.selector, //选择器
        _iIntervalID; //定时器id
      if (this.length) { //如果已经获取到了，就直接执行函数
        func && func.call(this);
      } else {
        _iIntervalID = setInterval(function() {
          if (!_times) { //是0就退出
            clearInterval(_iIntervalID);
          }
          _times <= 0 || _times--; //如果是正数就 --

          _self = $(_selector); //再次选择
          if (_self.length) { //判断是否取到
            func && func.call(_self);
            clearInterval(_iIntervalID);
          }
        }, _interval);
      }
      return this;
    }
    $("table.syntaxhighlighter").wait(function() {
      $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
    });
    $(document).on("click", ".cnblogs_code_footer", function() {
      $(this).parents('table.syntaxhighlighter').css('display', 'inline-table');
      $(this).hide();
    });
    $('.nphpQianCont').viewer({
      navbar: true,
      title: false,
      toolbar: false,
      movable: false,
      viewed: function() {
        $('img').click(function() {
          $('.viewer-close').trigger('click');
        });
      }
    });

        $(function() {
      $(".nphpFen em").click(function() {
        if ($(this).hasClass("icon1")) {
          $(this).removeClass("icon1").addClass("icon2").html("<b></b>已收藏")
        } else {
          $(this).removeClass("icon2").addClass("icon1").html("<b></b>收藏")
        }
      })
      $(".nphpFen i").click(function() {
        if ($(this).hasClass("icon1")) {
          $(this).removeClass("icon1").addClass("icon2").html("<b></b>已点赞")
        } else {
          $(this).removeClass("icon2").addClass("icon1").html("<b></b>点赞")
        }
      })


      // 获取所有的 <pre> 元素
      var preElements = document.querySelectorAll('pre');
      // 遍历每个 <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>

  <script>
    

      var _paq = window._paq = window._paq || [];
      _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>