html标签的编写规则-Linux大棚

admin 管理员组

文章数量: 1087135

2023年12月18日发(作者：java下载完了找不到了)

html标签的编写规则

HTML标签的编写规则

一、概述

HTML（HyperText Markup Language）是一种用于创建网页的标记语言。在编写HTML代码时，需要遵循一定的规则和约定，以确保网页能够正确地显示和解析。

二、基本规则

1. 标签必须以尖括号包围，如：。

2. 标签通常成对出现，包括一个开始标签和一个结束标签，如：...。

3. 开始标签和结束标签之间可以包含文本内容或其他嵌套的标签。

4. 标签名不区分大小写，但建议使用小写字母来提高可读性。

5. 属性名和属性值用等号连接，如：attribute="value"。

6. 属性值可以使用单引号或双引号括起来，但在整个HTML文档中应保持一致。

三、常用HTML标签及其使用规则

1. 文档结构标签

- ：定义文档类型。

- ：定义整个HTML文档的根元素。

- ：定义文档头部信息。

- ：定义网页标题，在<head>内使用。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>2. 内容组织标签 </p><p style="text-indent: 2em;";> - <body>：定义网页主体部分。 </p><p style="text-indent: 2em;";> - <h1>-<h6>：定义标题级别，从大到小依次递减。 </p><p style="text-indent: 2em;";> - <p>：定义段落。 </p><p style="text-indent: 2em;";> - </p><p style="text-indent: 2em;";>：插入换行符。 </p><p style="text-indent: 2em;";> - <hr>：插入水平分隔线。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>3. 文本标签 </p><p style="text-indent: 2em;";> - <em>：强调文本，通常以斜体显示。 </p><p style="text-indent: 2em;";> - <strong>：加重强调文本，通常以粗体显示。 </p><p style="text-indent: 2em;";> - <i>：斜体文本。 </p><p style="text-indent: 2em;";> - <b>：粗体文本。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>4. 链接标签 </p><p style="text-indent: 2em;";> - <a>：定义超链接，使用href属性指定链接地址。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>5. 图像标签 </p><p style="text-indent: 2em;";> - <img>：插入图像，使用src属性指定图像路径。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>6. 列表标签 </p><p style="text-indent: 2em;";> - <ul>：无序列表。 </p><p style="text-indent: 2em;";> - <ol>：有序列表。 </p><p style="text-indent: 2em;";> - <li>：列表项。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>7. 表格标签 </p><p style="text-indent: 2em;";> - <table>：定义表格。 </p><p style="text-indent: 2em;";> - <tr>：定义表格行。 </p><p style="text-indent: 2em;";> - <td>：定义表格单元格。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>8. 表单标签 </p><p style="text-indent: 2em;";> - <form>：定义表单，使用action属性指定表单提交的URL地址。 </p><p style="text-indent: 2em;";> - <input>：定义输入字段，如文本框、复选框等。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>9. 其他常用标签 </p><p style="text-indent: 2em;";> ... </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>四、嵌套规则 </p><p style="text-indent: 2em;";>1. 标签可以嵌套其他标签，但必须遵循正确的层次结构关系。例如：<html><body><p></p></body></html> </p><p style="text-indent: 2em;";>2. 嵌套的标签必须按正确的顺序进行闭合，遵循先进后出的原则。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>五、属性规则 </p><p style="text-indent: 2em;";>1. 标签可以包含多个属性，每个属性之间使用空格分隔。 </p><p style="text-indent: 2em;";>2. 属性可以按任意顺序排列。 </p><p style="text-indent: 2em;";>3. 属性值必须用引号括起来，单引号或双引号均可。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>六、注释规则 </p><p style="text-indent: 2em;";>1. 使用包围注释内容，注释不会在浏览器中显示。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>七、代码缩进和格式化规则 </p><p style="text-indent: 2em;";>1. 使用适当的缩进和换行来提高代码的可读性。 </p><p style="text-indent: 2em;";>2. 可以使用空格或制表符进行缩进，但在整个HTML文档中应保持一致。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>八、其他注意事项 </p><p style="text-indent: 2em;";>1. 避免使用过时的或非标准的HTML标签和属性。 </p><p style="text-indent: 2em;";>2. 避免滥用标签和属性，保持代码简洁和语义化。 </p><p style="text-indent: 2em;";>3. 在编写HTML代码时，应考虑浏览器的兼容性，并进行必要的测试和调试。 </p><p style="text-indent: 2em;";> </p><p style="text-indent: 2em;";>以上是HTML标签的编写规则。遵循这些规则能够帮助开发者编写出结构清晰、易于维护和跨浏览器兼容的HTML代码。 </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/428386.html" target="_blank">标签</a> <a style="margin-right: 10px" href="/tag/232.html" target="_blank">属性</a> <a style="margin-right: 10px" href="/tag/181.html" target="_blank">使用</a> <a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a> <a style="margin-right: 10px" href="/tag/604.html" target="_blank">规则</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：html标签的编写规则内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://roclinux.cn/p/1702884634a434578.html">http://roclinux.cn/p/1702884634a434578.html</a>，本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。 </p> </blockquote> </div> </div> <div class="roclinux-cn block-wrap single-relative"> <h2 class="block-title"> 更多相关文章 </h2> <div class="roclinux-cn post-list"> <div class="roclinux-cn post-item">         <a href="/p/1735826274a1692729.html" class="post-item-title" title="《C++ 程序设计语言》课程教学大纲"> <h3>《C++ 程序设计语言》课程教学大纲</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">5月前</div> </div> <p class="post-item-summary">年月日发(作者：建筑工程个人简历模板下载)《程序设计语言》课程教学大纲一、课程名称：程序设计语言二、学分：三、先修课程：《程序设计语言》或者其他任何一门结构化程序设计语言。四、课程的性质、目的和任务：《程序设计语言》课程是网络教育考试“计算</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1735833973a1693820.html" class="post-item-title" title="程序设计的五个步骤"> <h3>程序设计的五个步骤</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">5月前</div> </div> <p class="post-item-summary">年月日发(作者：打包)程序设计的五个步骤程序设计是计算机科学中最重要的方向之一。无论是开发应用程序还是设计操作系统，程序设计都是必不可少的。程序设计的五个步骤是：需求定义、设计、编码、测试和维护。这五个步骤是有序的，并且紧密相连的。第一步：</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1735842024a1694959.html" class="post-item-title" title="程序设计语言基础(答案)"> <h3>程序设计语言基础(答案)</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">5月前</div> </div> <p class="post-item-summary">年月日发(作者：结构的定义)程序设计语言基础(答案)程序设计语言基础程序设计语言是一种计算机科学的基础，它允许我们使用特定的语法和规则来编写代码，以便让计算机执行特定的任务。在这篇文章中，我们将探讨程序设计语言的基础知识，并了解它在计算机科</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1735854902a1696765.html" class="post-item-title" title="计算机编程语言的演变历史"> <h3>计算机编程语言的演变历史</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/p" target="_blank">技术日记</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">5月前</div> </div> <p class="post-item-summary">年月日发(作者：的动词)计算机编程语言的演变历史计算机编程语言是人类控制计算机的工具。它们的发展从最初的机器语言到高级编程语言，从简单的数学运算到面向对象的编程范式，不断地演进和进化。.机器语言机器语言是计算机最早使用的编程语言。它是二进制</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1737921143a1896527.html" class="post-item-title" title="win10 edge浏览器的收藏夹如何在新标签页中打开?"> <h3>win10 edge浏览器的收藏夹如何在新标签页中打开?</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">点击收藏夹（ctrlshiftO）——更多选项——显示收藏夹——始终鼠标中键点一下收藏的网页，即可以新标签页打开</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1737923629a1896853.html" class="post-item-title" title="新版谷歌浏览器设置打开链接在新标签页打开"> <h3>新版谷歌浏览器设置打开链接在新标签页打开</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">一、搜索任意信息二、点击齿轮按钮三、点击更多设置四、点击其他设置五、打开按钮</p> </div> <div class="roclinux-cn post-item">   一段时间以来，一直是在Windows上安装虚拟机">-->  一段时间以来，一直是在Windows上安装虚拟机">-->      <a href="/b/1737956179a1901293.html" class="post-item-title" title="# 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）：【Linux开发】---> 一段时间以来，一直是在Windows上安装虚拟机"> <h3># 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）：【Linux开发】---> 一段时间以来，一直是在Windows上安装虚拟机</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）：【Linux开发】一段时间以来，一直是在Windows上安装虚拟机，然后安装Ubuntu作为ARM开发的宿主机来操作，包括系统</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1737956654a1901358.html" class="post-item-title" title="QTTabBar 「资源管理器」让你的文件夹拥有浏览器标签页般的体验"> <h3>QTTabBar 「资源管理器」让你的文件夹拥有浏览器标签页般的体验</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">前言对于广大使用 Windows 系统的同学们来说，「资源管理器」一定是大家再熟悉不过的一位老伙计了，说起名字可能还会有不知道的同学，但我要是说起「文件夹」&#x</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1737970949a1903416.html" class="post-item-title" title="【VS 】VS属性管理器窗口不见了怎么办？"> <h3>【VS 】VS属性管理器窗口不见了怎么办？</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">【VS 】VS属性管理器窗口不见了怎么办？ 解决办法见下图点击属性管理器即可，然后属性管理器窗口就出来了</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1738133120a1930078.html" class="post-item-title" title="ALiBABa fastjson去除JSON对象不需要的属性字段"> <h3>ALiBABa fastjson去除JSON对象不需要的属性字段</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary"> 引入包： import com.alibaba.fastjson.JSON;import com.alibaba.fastjson.JSONObject; TEST测</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1738255677a1951731.html" class="post-item-title" title="探索高质量的TypeScript类型定义——Definitely Typed"> <h3>探索高质量的TypeScript类型定义——Definitely Typed</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">探索高质量的TypeScript类型定义——Definitely Typed 去发现同类优质开源项目:https:gitcode Definitely Typed 是一个宝藏仓库，致力于提供高质量的TypeS</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1738267023a1953725.html" class="post-item-title" title="当软件定义存储（SDS）遇见区块链（BlockChain）"> <h3>当软件定义存储（SDS）遇见区块链（BlockChain）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">4月前</div> </div> <p class="post-item-summary">【编者Peter Ye按】再开始正文之前，先分享我最近思考得出的一段话：互联网解决了信息随时分享，移动互联网解决了信息随地分享，物联网解决了信息随物分享，而构建在三者基础之上的区块链解决了数字价值的随时随地随物地转移。 --</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1739669647a2078689.html" class="post-item-title" title="Windows 系统中添加防火墙规则"> <h3>Windows 系统中添加防火墙规则</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">本文以在 Windows 10 中添加允许指定 IP 段的入站规则为例。 1、打开 Windows 防火墙配置界面： 2、点击高级设置，打开高级安全 Windows 防火墙&#xff1a</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740073010a2129116.html" class="post-item-title" title="google浏览器打开关闭标签"> <h3>google浏览器打开关闭标签</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">google浏览器快捷方式 windows 功能快捷方式： mac 功能快捷方式</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1740140664a2141123.html" class="post-item-title" title="【愚公系列】2024年03月《AI智能化办公：ChatGPT使用方法与技巧从入门到精通》 002-ChatGPT是什么（AI的定义）"> <h3>【愚公系列】2024年03月《AI智能化办公：ChatGPT使用方法与技巧从入门到精通》 002-ChatGPT是什么（AI的定义）</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary"></p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741133954a2261618.html" class="post-item-title" title="Python—selenium实现以一个浏览器多个标签页打开多个网页"> <h3>Python—selenium实现以一个浏览器多个标签页打开多个网页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">如何用selenium打开新的标签页？网上都说是实现输入Ctrlt即可，但测试完全不可行。经过反复摸索，终于发现了打开新的标签页的可靠办法，由此实现以一</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741134527a2261716.html" class="post-item-title" title="Chrome浏览器中页面在新的标签页打开"> <h3>Chrome浏览器中页面在新的标签页打开</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">最近一直在使用谷歌浏览器（你还在百度？）发现Chrome默认是在本页面打开链接，这点我很不爽。在上网找了以下四种方法： 1.用鼠</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1741135057a2261809.html" class="post-item-title" title="Chrome浏览器设置搜索打开新的标签页"> <h3>Chrome浏览器设置搜索打开新的标签页</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">3月前</div> </div> <p class="post-item-summary">每次用google搜索的时候,点击进去原来的搜索页面就不见了 ,其实可以设置打开新的标签页 1.登陆Chrome 2.登陆这个网址https:www.googlepreferences 3.勾选 “在新的浏览器窗口中打开所选的每条搜索</p> </div> <div class="roclinux-cn post-item">   一段时间以来，一直是在Windows上安装虚拟机...">-->  一段时间以来，一直是在Windows上安装虚拟机...">-->      <a href="/b/1743848077a2490044.html" class="post-item-title" title="# 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）：【Linux开发】---> 一段时间以来，一直是在Windows上安装虚拟机..."> <h3># 【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）：【Linux开发】---> 一段时间以来，一直是在Windows上安装虚拟机...</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">【ARM-Linux开发】在Win7的电脑上直接运行安装Ubuntu14.04发生的问题标签（空格分隔）： 【Linux开发】一段时间以来，一直是在</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1743863641a2492749.html" class="post-item-title" title="C++编译提示宏重定义了，怎么办？"> <h3>C++编译提示宏重定义了，怎么办？</h3> <div class="roclinux-cn post-item-cover" style="display:inline-grid"> <ul class="post-categories"> <li> <a href="/b" target="_blank">编程</a> </li> </ul> </div> </a> <div class="roclinux-cn post-item-footer"> <div class="roclinux-cn tag-wrap"> </div> <div class="roclinux-cn post-item-meta">2月前</div> </div> <p class="post-item-summary">C编译提示宏重定义了，怎么办？ 如果需要重新定义，要这样，先取消定义，再重新定义： #ifdef NUM</p> </div> </div> </div> <div class="roclinux-cn comments"> <div class="roclinux-cn postcomm block-wrap" id="divCommentPost"> <h2 class="block-title"> 发表评论 </h2> <form id="saypl" target="_self" method="post" name="saypl" action="/comment/create/434578.html?safe_token=XiJTJ9a1NAe1NRskRlx30hMJ_2BIvGitzzS3VOXY1u_2BnFccUiDPSmrQmePxA4WCN_2F9C_2FJTA8P7EuhtHW1Clupzcg_3D_3D"> <input type="hidden" name="doctype" value="1" /> <input type="hidden" name="quotepid" value="0" /> <div class="roclinux-cn comment-box comment-textarea"> <textarea name="message" id="txaArticle" class="text" cols="50" rows="4" tabindex="5" placeholder="评论内容"></textarea> </div> <input name="sumbit" type="submit" tabindex="6" value="发表评论" class="sub"> </form> </div> </div> <div class="sn-comments"> <div class="sn-comments__title">全部评论 0</div> <div class="sn-comments__body"> <div class="sn-empty">暂无评论</div> </div> </div> </div> </div> <div class="aside"> <div class="block-wrap" id="side-top-dxt"> <h2 class="block-title">推荐文章<i class="mcico mico-right"></i></h2> <div class="mcdas"> <a href="/p/1744029618a2521258.html" title="javascript - How to give a focus effect to my Draft JS Editor border? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - How to give a focus effect to my Draft JS Editor border? - Stack Overflow </h3> </div> </a> <a href="/p/1744040198a2523110.html" title="history - Why JavaScript reserves Java keywords? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> history - Why JavaScript reserves Java keywords? - Stack Overflow </h3> </div> </a> <a href="/p/1744073878a2528987.html" title="jquery - CodeIgniter Javascript form submission - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> jquery - CodeIgniter Javascript form submission - Stack Overflow </h3> </div> </a> <a href="/p/1744093058a2532394.html" title="javascript - Split jQuery collection into an array of individual jQuery objects - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - Split jQuery collection into an array of individual jQuery objects - Stack Overflow </h3> </div> </a> <a href="/p/1744099834a2533447.html" title="javascript - Uncheck checkbox with jquery? - Stack Overflow" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> javascript - Uncheck checkbox with jquery? - Stack Overflow </h3> </div> </a> </div> </div> <div class="block-wrap" id="side-hot-view-item"> <h2 class="block-title">热门文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="jQuery and object-oriented JavaScript - howto? - Stack Overflow" target="_blank" href="/p/1744012921a2518486.html"> <h3>jQuery and object-oriented JavaScript - howto? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Align Artwork to Artboard in Illustrator via javascript - Stack Overflow" target="_blank" href="/p/1744029702a2521271.html"> <h3>Align Artwork to Artboard in Illustrator via javascript - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - show different keyboard character from the typed one in google chrome - Stack Overflow" target="_blank" href="/p/1744040892a2523234.html"> <h3>javascript - show different keyboard character from the typed one in google chrome - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - get key of max value in dictionary nodejs - Stack Overflow" target="_blank" href="/p/1744059376a2526439.html"> <h3>javascript - get key of max value in dictionary nodejs - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Update data value with Vue from jQuery onChange - Stack Overflow" target="_blank" href="/p/1744061590a2526820.html"> <h3>javascript - Update data value with Vue from jQuery onChange - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Angular Material 2 - Trigger change event in md-checkbox in a Unit Test - Stack Overflow" target="_blank" href="/p/1744068236a2528006.html"> <h3>javascript - Angular Material 2 - Trigger change event in md-checkbox in a Unit Test - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Delete operator behavior on non existing indexed element of an array? - Stack Overflow" target="_blank" href="/p/1744085539a2531054.html"> <h3>javascript - Delete operator behavior on non existing indexed element of an array? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Javascript, DOM: appendChild and textContent - Stack Overflow" target="_blank" href="/p/1744090912a2532015.html"> <h3>Javascript, DOM: appendChild and textContent - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="windows上实现nohup效果的实战代码" target="_blank" href="/b/1747654034a2567472.html"> <h3>windows上实现nohup效果的实战代码</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="2025年最全面的18种C盘清理方法，轻松释放50G以上空间，可以收藏备用！" target="_blank" href="/b/1747737015a2577523.html"> <h3>2025年最全面的18种C盘清理方法，轻松释放50G以上空间，可以收藏备用！</h3> </a> <span class="post-date">18天前</span> </div> </li> </ul> </div> <div class="block-wrap" id="side-new-view-item"> <h2 class="block-title">最新文章<i class="mcico mico-right"></i> </h2> <ul> <li class="mclas">      <div class="list-content"> <a title="javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow" target="_blank" href="/p/1744100356a2533471.html"> <h3>javascript - How do I toggle the readonly attribute of all child element with jquery - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow" target="_blank" href="/p/1744100331a2533470.html"> <h3>javascript - Might it be possible to block an entire US state from accessing my site, using PHP? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="c++ - Is dereferencing std::span::end always undefined? - Stack Overflow" target="_blank" href="/p/1744100330a2533469.html"> <h3>c++ - Is dereferencing std::span::end always undefined? - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Delay function execution if it has been called recently - Stack Overflow" target="_blank" href="/p/1744100302a2533468.html"> <h3>javascript - Delay function execution if it has been called recently - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="javascript - Google Maps Autocomplete List - Stack Overflow" target="_blank" href="/p/1744100275a2533467.html"> <h3>javascript - Google Maps Autocomplete List - Stack Overflow</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【教程】Python Flask快速学习" target="_blank" href="/b/1749251520a2692895.html"> <h3>【教程】Python Flask快速学习</h3> </a> <span class="post-date">18小时前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="国内可用chatgpt中文版镜像网站最新合集在线网页版-202562" target="_blank" href="/b/1749129858a2676209.html"> <h3>国内可用chatgpt中文版镜像网站最新合集在线网页版-202562</h3> </a> <span class="post-date">2天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【Windows默认】编码格式修改" target="_blank" href="/b/1749121851a2675119.html"> <h3>【Windows默认】编码格式修改</h3> </a> <span class="post-date">2天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="系统启动U盘制作" target="_blank" href="/b/1748975928a2655893.html"> <h3>系统启动U盘制作</h3> </a> <span class="post-date">3天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="U盘重装win11系统专业版—启动盘制作与安装" target="_blank" href="/b/1748356478a2650282.html"> <h3>U盘重装win11系统专业版—启动盘制作与安装</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" target="_blank" href="/lvyou/1736247036a1725023.html"> <h3>Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" target="_blank" href="/lvyou/1736246824a1724956.html"> <h3>The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" target="_blank" href="/lvyou/1736246607a1724902.html"> <h3>Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" target="_blank" href="/lvyou/1736246384a1724842.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX</h3> </a> <span class="post-date">5月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" target="_blank" href="/lvyou/1736246169a1724784.html"> <h3>A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA</h3> </a> <span class="post-date">5月前</span> </div> </li> </ul> </div> </div> </div> <div class="footer"> CopyRight © 2022 All Rights Reserved. <br class="footer-br" /> <a href="/" target="_blank">Powered By Linux大棚 – 不忘初心的技术博客，浮躁时代的安静角落</a>| <a target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/" style="font-size: 12px;">豫ICP备2022026798号-10</a> </div> <script src="/view/js/xiuno.js?2.3.0"></script> <script src="/view/template/quzhiwa/js/custom.js?2.3.0"></script> <script> $('.cat-tab-wrap li[data-active="fid-1"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-1"]').addClass('current-menu-item'); </script> </body> </html>