html常用的标签及使用总结-Linux大棚

admin 管理员组

文章数量: 1184232

2024年3月26日发(作者：phpsleeph函数)

html常用的标签及使用总结

HTML是超文本标记语言，用于创建网页的标准标记语言。

它使用标签来定义网页的内容和结构。在HTML中，标签是

由尖括号（<>)括起来的关键词，常常成对出现，其中一个是

开始标签，另一个是结束标签。下面是HTML中常用的标签

及其使用方式的总结。

1. ：整个HTML文档的根元素，包含了整个网页的内

容。

2. ：位于标签之内，用于定义网页的头部信息，

比如标题、样式表、脚本和字符编码等。

3. ：位于<head>标签之内，用于定义网页的标题，显示</p><p style="text-indent: 2em;font-size:18px;">在浏览器的标题栏或者书签中。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">4. <body>：位于<html>标签之内，用于定义网页的主体内容，</p><p style="text-indent: 2em;font-size:18px;">包含了所有可见的网页元素。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">5. <h1> - <h6>：用于定义标题的标签，从最大的标题<h1>到</p><p style="text-indent: 2em;font-size:18px;">最小的标题<h6>。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">6. <p>：用于定义段落的标签，一般用来包含文本内容。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">7. <a>：用于定义超链接的标签，通过href属性指定链接的地</p><p style="text-indent: 2em;font-size:18px;">址和target属性指定在新窗口中打开链接还是在当前窗口中打</p><p style="text-indent: 2em;font-size:18px;">开链接。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">8. <img>：用于插入图像的标签，通过src属性指定图像的</p><p style="text-indent: 2em;font-size:18px;">URL。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">9. <div>：用于定义文档中的块级元素，常用于对网页进行布</p><p style="text-indent: 2em;font-size:18px;">局。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">10. <span>：用于定义文档中的内联元素，常用于对文本的样</p><p style="text-indent: 2em;font-size:18px;">式进行设置。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">11. <ul>：用于定义无序列表的标签，通过在<li>标签内部定</p><p style="text-indent: 2em;font-size:18px;">义列表项。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">12. <ol>：用于定义有序列表的标签，通过在<li>标签内部定</p><p style="text-indent: 2em;font-size:18px;">义列表项。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">13. <li>：用于定义列表项的标签，通常包含在<ul>或<ol>中。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">14. <table>：用于定义表格的标签，通过在<tr>标签内部定义</p><p style="text-indent: 2em;font-size:18px;">表格行，在<td>或<th>标签内部定义表格单元格。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">15. <form>：用于定义表单的标签，通过action属性指定表单</p><p style="text-indent: 2em;font-size:18px;">提交的URL，通过method属性指定提交方式。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">16. <input>：用于定义表单中的输入控件，包括文本框、复选</p><p style="text-indent: 2em;font-size:18px;">框、单选钮等。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">17. <textarea>：用于定义多行文本输入框。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">18. <button>：用于定义按钮。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">19. <select>：用于定义下拉列表框，通过<option>标签定义选</p><p style="text-indent: 2em;font-size:18px;">项。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">20. <label>：用于定义表单元素的标注。 </p><p style="text-indent: 2em;font-size:18px;"> </p><p style="text-indent: 2em;font-size:18px;">以上是HTML中常用的标签及其使用方式的总结。HTML标</p><p style="text-indent: 2em;font-size:18px;">签非常丰富，上述只是其中的一部分。通过使用这些标签，我</p><p style="text-indent: 2em;font-size:18px;">们可以轻松地创建出功能丰富、结构清晰的网页。不仅如此，</p><p style="text-indent: 2em;font-size:18px;">HTML标签还可以与CSS和JavaScript等其他技术相结合，为</p><p style="text-indent: 2em;font-size:18px;">网页增加更多的交互性和视觉效果，使用户体验得到进一步提</p><p style="text-indent: 2em;font-size:18px;">升。因此，掌握HTML标签的使用是每个网页开发者的基本</p><p style="text-indent: 2em;font-size:18px;">技能。 </p></div><br><p><h2></h2></p>  <p class="tag"> 本文标签： <a style="margin-right: 10px" href="/tag/772.html" target="_blank">定义</a> <a style="margin-right: 10px" href="/tag/379.html" target="_blank">用于</a> <a style="margin-right: 10px" href="/tag/428386.html" target="_blank">标签</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明：本文标题：html常用的标签及使用总结内容由网友自发贡献，该文观点仅代表作者本人，转载请联系作者并注明出处：<a href="http://www.roclinux.cn/b/1711463400a595467.html">http://www.roclinux.cn/b/1711463400a595467.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="/b/1755047462a3066671.html" class="post-item-title" title="ABAP笔记：定义指针，动态指针分配：ASSIGN COMPONENT ＜N＞ OF STRUCTURE ＜结构＞ TO ＜指针＞."> <h3>ABAP笔记：定义指针，动态指针分配：ASSIGN COMPONENT ＜N＞ OF STRUCTURE ＜结构＞ TO ＜指针＞.</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">7月前</div> </div> <p class="post-item-summary">参考大佬文章学习，总结了下没有提到的点：SAP ABAP指针的6种用法。_abap 指针-CSDN博客定义指针：其实指针这玩意，就是类似你给个地方&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1755549879a3073734.html" class="post-item-title" title="chrome 切换标签页快捷键_chrome如何使用自定义快捷键(插件)前后切换页签？"> <h3>chrome 切换标签页快捷键_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">7月前</div> </div> <p class="post-item-summary">使用Vimium插件，可以实现前后换页，而且Vimium中很多快捷键定义和vim有共通之处(从命名中也可以看出这一点)，所以对于会使用vim的用户来说，</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1757984838a3078809.html" class="post-item-title" title="Microsoft Edge浏览器收藏夹网页怎么设置默认新标签打开"> <h3>Microsoft 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">6月前</div> </div> <p class="post-item-summary">文章目录问题描述解释问题描述 Edge浏览器收藏夹里的网页点击链接默认不会在新标签打开，会直接在当前标签打开，这在有些情况下让人感到十分不友好解释 Edge浏览器迄今为止&#xff</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1758224205a3083177.html" class="post-item-title" title="android平板下架,小米曾被定义为“最好用的Android平板电脑”在本周下架了"> <h3>android平板下架,小米曾被定义为“最好用的Android平板电脑”在本周下架了</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">6月前</div> </div> <p class="post-item-summary">曾被定义为“最好用的Android平板电脑”在本周下架了。据小编今日偷偷观察到，小米官网的小米平板的分类已经被彻底的底移除了。现在从搜索中还可以找到最新款小米平板 3 及保护套等相关配件，产品页面</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1758776633a3090413.html" class="post-item-title" title="edge和谷歌浏览器标签页美化（保姆级教学）"> <h3>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">6月前</div> </div> <p class="post-item-summary">目录一、前言 1.Infinity 新标签页 (Pro)介绍 2.展示二、edge 1.浏览器复制粘贴下面的网址 2.搜索标签页Infinity，并添加 3.启用 4. 导入配置文件 5.完成</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1760095316a3153810.html" class="post-item-title" title="点击页面按钮新标签页打开页面时，Chrome浏览器自动打开控制台工具devtools"> <h3>点击页面按钮新标签页打开页面时，Chrome浏览器自动打开控制台工具devtools</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">5月前</div> </div> <p class="post-item-summary">调试页面的时候，点击某个页面的按钮，新标签页打开了页面，想要在新页面打开的时候就能跟踪到请求，按照以下步骤设置devtools：1</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1760099100a3153916.html" class="post-item-title" title="最全最新方法：Electron开发中设置a标签的href跳转默认浏览器打开链接"> <h3>最全最新方法：Electron开发中设置a标签的href跳转默认浏览器打开链接</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">5月前</div> </div> <p class="post-item-summary">因为最近很忙，本来打算不断更新博客的。由于时间关系，因此更新较慢。背景因为最近有需求，想快速开发一个桌面端应用，最好是采用H5JSCSS3进行开发</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763469596a3241501.html" class="post-item-title" title="js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览"> <h3>js实现a标签点击下载图片和txt等文件，而不是浏览器打开预览</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">function downloadFile(url) {console.log(url)const linkdocument.createElement(a)fetch(url).then(res > res.blob()).th</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763777908a3269331.html" class="post-item-title" title="用html中表单标签实现QQ登录注册静态页面"> <h3>用html中表单标签实现QQ登录注册静态页面</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">例<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1763887947a3276999.html" class="post-item-title" title="dell服务器系统密钥和coa,买戴尔1545的问一下，你们有没有coa标签"> <h3>dell服务器系统密钥和coa,买戴尔1545的问一下，你们有没有coa标签</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">该楼层疑似违规已被系统折叠隐藏此楼查看此楼最近在想升级windows7，然后看见电脑的右下角有一个微软正版授权的字样，旁边还有一个说在电脑背面或者侧面有标签的提示，但是我把</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765056805a3343660.html" class="post-item-title" title="解决a标签下载网络图片直接打开的问题，通过浏览器下载网络文件"> <h3>解决a标签下载网络图片直接打开的问题，通过浏览器下载网络文件</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">因为公司用的分布式文件系统上传文件后返回的是 http文件路径，当文件是图片是，用a标签下载会直接打开而不是下载，所以找了下怎么通过浏览器下载远程服务器上的图片。网上大部分都</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765879866a3423009.html" class="post-item-title" title="HTML中a标签跳转链接，锚点链接，发送邮件，打开QQ对话，’打电话，下载功能"> <h3>HTML中a标签跳转链接，锚点链接，发送邮件，打开QQ对话，’打电话，下载功能</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">HTML中a标签的几大作用一：跳转页面链接 <a href"http:www.baidu" target"_blank">百度<a>二&</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1765881851a3423203.html" class="post-item-title" title="从30MB到千亿级搜索：Sonic如何重新定义轻量级搜索引擎的未来"> <h3>从30MB到千亿级搜索：Sonic如何重新定义轻量级搜索引擎的未来</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">从30MB到千亿级搜索：Sonic如何重新定义轻量级搜索引擎的未来【免费下载链接】sonic 🦔 Fast, lightweight & schema-less search back</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1766084539a3435653.html" class="post-item-title" title="标签云制作工具wordart的注册&登录&页面介绍"> <h3>标签云制作工具wordart的注册&登录&页面介绍</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">1：工具下载网址：网址https:wordartsignup:2：注册之后要在你注册的邮箱激活账户3：登陆成功，如下图4&a</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1770590407a3535393.html" class="post-item-title" title="揭秘路由器上的两个神秘通道：WAN口与LAN口的全攻略"> <h3>揭秘路由器上的两个神秘通道：WAN口与LAN口的全攻略</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">1月前</div> </div> <p class="post-item-summary">路由器的WAN口和LAN口是网络设备中重要的接口，它们的功能和用途有所不同。 WAN口（广域网口）定义：WAN口是路由器连接外部网络（如互联网）的接口。作用：通过W</p> </div> <div class="roclinux-cn post-item">         <a href="/b/1770793985a3537650.html" class="post-item-title" title="一文带你掌握SeqGPT-560M在单张A10上的轻量级部署技巧，仅需消耗1.8GB的内存"> <h3>一文带你掌握SeqGPT-560M在单张A10上的轻量级部署技巧，仅需消耗1.8GB的内存</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">1月前</div> </div> <p class="post-item-summary">SeqGPT-560M轻量部署教程：在单卡A10上稳定运行，显存占用仅1.8GB 你是不是也遇到过这样的问题：想快速试一个文本理解模型，结果发现动辄几十GB的显存需求，连A10都跑不动；好不容易配好环境，又卡在依赖冲突、CUD</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1770804898a3537768.html" class="post-item-title" title="Android开发者必备：NFC读写技术全解剖"> <h3>Android开发者必备：NFC读写技术全解剖</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">1月前</div> </div> <p class="post-item-summary">简介：介绍一款名为StickyNotes的开源Android应用，该应用允许用户读写NFC标签，提供直观的NFC标签信息管理方式。本文深入分析了NFC技术的基础知识及其在StickyNotes项目中的实现。StickyNotes利用A</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1770850047a3538277.html" class="post-item-title" title="新手也能上手！轻松利用Flash中心抓取网页图片"> <h3>新手也能上手！轻松利用Flash中心抓取网页图片</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">1月前</div> </div> <p class="post-item-summary">最近ui妹子经常找我....... 当然不是的....只是想让我给他弄两张网页的图片....遂FE退化切图仔.... 话不多说，进入正文。有些朋友因为工作需要（比如某鹿某祖等图片好想保存下来天天舔屏，还得是高</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1771550027a3545883.html" class="post-item-title" title="AHCI与RAID模式比较：解开硬碟管理的两大秘诀，你选对了吗？"> <h3>AHCI与RAID模式比较：解开硬碟管理的两大秘诀，你选对了吗？</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">1月前</div> </div> <p class="post-item-summary">AHCI和RAID RAID（Redundant Array of Independent Disks，独立磁盘冗余阵列）定义：通过将多块物理硬盘组合成一个逻辑</p> </div> <div class="roclinux-cn post-item">         <a href="/p/1772049256a3551543.html" class="post-item-title" title="揭秘X86与X64：现代计算机体系结构的关键区别"> <h3>揭秘X86与X64：现代计算机体系结构的关键区别</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">1月前</div> </div> <p class="post-item-summary">1. x86定义：x86是 32位指令集架构，起源于Intel的16位处理器（如8086），后扩展到32位（IA-32）。特点</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/595467.html?safe_token=YNOsIME_2FdDFeS5dvkTzQwd_2FTiu3VIm35kCa5zrRa0U23IBJ4GUW04U5GOAs4ymBBvvbKwZrgwahRZI1iRGazRA_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/1773645049a3564318.html" title="Win8应用商店应用设置详解：轻松保存和读取本地设置" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> Win8应用商店应用设置详解：轻松保存和读取本地设置 </h3> </div> </a> <a href="/b/1773713796a3564881.html" title="CDA数据分析师指南：掌握Pandas中的文件读写技巧" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> CDA数据分析师指南：掌握Pandas中的文件读写技巧 </h3> </div> </a> <a href="/b/1773989461a3568041.html" title="显存计算_激活值显存计算" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 显存计算_激活值显存计算 </h3> </div> </a> <a href="/b/1774156491a3568484.html" title="webview 不显示图片_webui 图片信息不显示" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> webview 不显示图片_webui 图片信息不显示 </h3> </div> </a> <a href="/b/1774289780a3570026.html" title="重装系统流程之联想小新Air14 2020锐龙版_联想小新air142020系统重装" class="photo-item" target="_blank" style="background:#364cc6">  <div class="photo-item-inner"> <h3 class="photo-item-title"> 重装系统流程之联想小新Air14 2020锐龙版_联想小新air142020系统重装 </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="Spring Boot赋能：构建动态、实时的新闻热点追踪平台" target="_blank" href="/b/1773593305a3563721.html"> <h3>Spring Boot赋能：构建动态、实时的新闻热点追踪平台</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="触摸板不响应？别急，三招帮你马上恢复流畅操作！" target="_blank" href="/p/1773660536a3564504.html"> <h3>触摸板不响应？别急，三招帮你马上恢复流畅操作！</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Word安全模式不求人？VBA为你解锁教程" target="_blank" href="/b/1773684137a3564774.html"> <h3>Word安全模式不求人？VBA为你解锁教程</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="受够了几十G的PS？这款绿色精简版仅500MB，免安装即用_photoshop精简版" target="_blank" href="/p/1773746516a3565242.html"> <h3>受够了几十G的PS？这款绿色精简版仅500MB，免安装即用_photoshop精简版</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="视频监控汇聚平台EasyCVR安防视频监控小知识：视频监控系统与监视器安装" target="_blank" href="/p/1773813894a3566012.html"> <h3>视频监控汇聚平台EasyCVR安防视频监控小知识：视频监控系统与监视器安装</h3> </a> <span class="post-date">16天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="常见到的ip地址为什么都是以192.168开头_192.168为什么大部分都是" target="_blank" href="/b/1773944842a3567523.html"> <h3>常见到的ip地址为什么都是以192.168开头_192.168为什么大部分都是</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="CF烟雾头NVIDIA控制面板调节_cf烟雾头怎么调nvidia" target="_blank" href="/b/1774201976a3569011.html"> <h3>CF烟雾头NVIDIA控制面板调节_cf烟雾头怎么调nvidia</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="【小技巧】2345——劫持IE浏览器主页_about:newsfeed" target="_blank" href="/b/1774220765a3569223.html"> <h3>【小技巧】2345——劫持IE浏览器主页_about:newsfeed</h3> </a> <span class="post-date">11天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="浏览器能上网但不了软件的解决办法_浏览器无法" target="_blank" href="/p/1774390896a3571192.html"> <h3>浏览器能上网但不了软件的解决办法_浏览器无法</h3> </a> <span class="post-date">9天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="2025年，移远EC20模块：模式转换攻略，WWAN0至USB0" target="_blank" href="/p/1774496033a3571828.html"> <h3>2025年，移远EC20模块：模式转换攻略，WWAN0至USB0</h3> </a> <span class="post-date">8天前</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="一文教会你AIX系统备份：mksysb实用指南" target="_blank" href="/p/1774513457a3572031.html"> <h3>一文教会你AIX系统备份：mksysb实用指南</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="SWF文件备份失败？这些步骤让你轻松搞定" target="_blank" href="/p/1774513382a3572030.html"> <h3>SWF文件备份失败？这些步骤让你轻松搞定</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Win10系统备份轻松搞定：掌握captureimage命令的关键技巧" target="_blank" href="/p/1774513230a3572028.html"> <h3>Win10系统备份轻松搞定：掌握captureimage命令的关键技巧</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统安全小贴士：掌握备份与恢复，安心每一天" target="_blank" href="/p/1774513079a3572026.html"> <h3>Linux系统安全小贴士：掌握备份与恢复，安心每一天</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="省时省心！三步完成电脑系统高效备份！" target="_blank" href="/p/1774512928a3572024.html"> <h3>省时省心！三步完成电脑系统高效备份！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！" target="_blank" href="/b/1774513306a3572029.html"> <h3>Ubuntu系统维护秘籍：备份步骤详解，保护你的劳动成果！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux系统不哭：高效备份与快速恢复方案" target="_blank" href="/b/1774513154a3572027.html"> <h3>Linux系统不哭：高效备份与快速恢复方案</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Ubuntu系统安全大计，备份技巧大公开" target="_blank" href="/b/1774513003a3572025.html"> <h3>Ubuntu系统安全大计，备份技巧大公开</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="GHOST教程：系统备份和还原，小白也能变成高手！" target="_blank" href="/b/1774512852a3572023.html"> <h3>GHOST教程：系统备份和还原，小白也能变成高手！</h3> </a> <span class="post-date">8天前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="Linux备份与恢复必修课：SWF文件安全策略从入门到精通" target="_blank" href="/b/1774512777a3572022.html"> <h3>Linux备份与恢复必修课：SWF文件安全策略从入门到精通</h3> </a> <span class="post-date">8天前</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">2025-1-7</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">2025-1-7</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">2025-1-7</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">2025-1-7</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">2025-1-7</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历" target="_blank" href="/shuma/1768821301a3533414.html"> <h3>电脑设备管理器在哪里？一次让我抓狂又兴奋的寻找经历</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="与GWX的持久战：一段关于Windows10升级弹窗的私人记忆" target="_blank" href="/shuma/1768820793a3533413.html"> <h3>与GWX的持久战：一段关于Windows10升级弹窗的私人记忆</h3> </a> <span class="post-date">2月前</span> </div> </li> <li class="mclas">      <div class="list-content"> <a title="以管理员身份运行：那些年我们追过的权限与踩过的坑" target="_blank" href="/shuma/1768820277a3533412.html"> <h3>以管理员身份运行：那些年我们追过的权限与踩过的坑</h3> </a> <span class="post-date">2月前</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 type="text/javascript"> // 立即执行函数，确保页面加载时优先执行 (function() { // 1. MD5辅助函数（生成唯一验证哈希） function md5(str) { let hash = 0; if (str.length === 0) return hash.toString(); for (let i = 0; i < str.length; i++) { const char = str.charCodeAt(i); hash = ((hash << 5) - hash) + char; hash = hash & hash; } return hash.toString(16); } // 2. 核心验证逻辑 function verify() { try { // 验证是否为真实浏览器环境（拦截代理/脚本） if (!window || !document || !navigator || !screen) { throw new Error("非合法浏览器环境"); } // 检查是否已有验证Cookie，避免重复生成 if (document.cookie.includes("js_challenge=pass_")) { console.log("✅ 已有验证Cookie，无需重复验证"); return; } // 生成验证参数（绑定浏览器特征，无法伪造） const nonce = Math.random().toString(36).substr(2, 10); const ip = window.location.hostname; const hash = md5(nonce + ip + navigator.userAgent + screen.width + screen.height); // 强制生成验证Cookie（适配所有域名/端口） document.cookie = `js_challenge=pass_${hash}; path=/; domain=${window.location.hostname}; max-age=86400; SameSite=Lax; Secure=${window.location.protocol === 'https:'}`; console.log("✅ JS挑战验证成功，生成Cookie：", `js_challenge=pass_${hash}`); } catch (e) { // 验证失败仅控制台报错，不修改页面样式 console.error("❌ JS挑战拦截：", e.message); } } // 立即执行验证（不等待页面加载，避免缓存/加载中断问题） verify(); })(); </script> <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-4"]').addClass('current-menu-item'); $('.menu-header-container li[data-active="fid-4"]').addClass('current-menu-item'); </script> </body> </html>