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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1755047462a3066671.html" title="ABAP笔记:定义指针,动态指针分配:ASSIGN COMPONENT <N> OF STRUCTURE <结构> TO <指针>.">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="ABAP笔记:定义指针,动态指针分配:ASSIGN COMPONENT <N> OF STRUCTURE <结构> TO <指针>.">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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">参考大佬文章学习&#xff0c;总结了下没有提到的点&#xff1a;SAP ABAP指针的6种用法。_abap 指针-CSDN博客 定义指针&#xff1a;其实指针这玩意&#xff0c;就是类似你给个地方&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1755549879a3073734.html" title="chrome 切换标签页快捷键_chrome如何使用自定义快捷键(插件)前后切换页签?">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="chrome 切换标签页快捷键_chrome如何使用自定义快捷键(插件)前后切换页签?">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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插件&#xff0c;可以实现前后换页&#xff0c;而且Vimium中很多快捷键定义和vim有共通之处(从命名中也可以看出这一点)&#xff0c;所以对于会使用vim的用户来说&#xff0c;</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1757984838a3078809.html" title="Microsoft Edge浏览器收藏夹网页怎么设置默认新标签打开">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Microsoft Edge浏览器收藏夹网页怎么设置默认新标签打开">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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浏览器收藏夹里的网页点击链接默认不会在新标签打开&#xff0c;会直接在当前标签打开&#xff0c;这在有些情况下让人感到十分不友好 解释 Edge浏览器迄今为止&#xff</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1758224205a3083177.html" title="android平板下架,小米 曾被定义为“最好用的Android平板电脑”在本周下架了">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="android平板下架,小米 曾被定义为“最好用的Android平板电脑”在本周下架了">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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平板电脑”在本周下架了。据小编今日偷偷观察到&#xff0c;小米官网的小米平板的分类已经被彻底的底移除了。现在从搜索中还可以找到最新款小米平板 3 及保护套等相关配件&#xff0c;产品页面</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1758776633a3090413.html" title="edge和谷歌浏览器标签页美化(保姆级教学)">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="edge和谷歌浏览器标签页美化(保姆级教学)">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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&#xff0c;并添加 3.启用 4. 导入配置文件 5.完成</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1760095316a3153810.html" title="点击页面按钮新标签页打开页面时,Chrome浏览器自动打开控制台工具devtools">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="点击页面按钮新标签页打开页面时,Chrome浏览器自动打开控制台工具devtools">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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">调试页面的时候&#xff0c;点击某个页面的按钮&#xff0c;新标签页打开了页面&#xff0c;想要在新页面打开的时候就能跟踪到请求&#xff0c;按照以下步骤设置devtools&#xff1a;1</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1760099100a3153916.html" title="最全最新方法:Electron开发中设置a标签的href跳转默认浏览器打开链接">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="最全最新方法:Electron开发中设置a标签的href跳转默认浏览器打开链接">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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">因为最近很忙&#xff0c;本来打算不断更新博客的。由于时间关系&#xff0c;因此更新较慢。 背景 因为最近有需求&#xff0c;想快速开发一个桌面端应用&#xff0c;最好是采用H5JSCSS3进行开发</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1763469596a3241501.html" title="js实现a标签点击下载图片和txt等文件,而不是浏览器打开预览">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="js实现a标签点击下载图片和txt等文件,而不是浏览器打开预览">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1763777908a3269331.html" title="用html中表单标签实现QQ登录注册静态页面">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="用html中表单标签实现QQ登录注册静态页面">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1763887947a3276999.html" title="dell服务器系统密钥和coa,买戴尔1545的问一下,你们有没有coa标签">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="dell服务器系统密钥和coa,买戴尔1545的问一下,你们有没有coa标签">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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&#xff0c;然后看见电脑的右下角有一个微软正版授权的字样&#xff0c;旁边还有一个说在电脑背面或者侧面有标签的提示&#xff0c;但是我把</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765056805a3343660.html" title="解决a标签下载网络图片直接打开的问题,通过浏览器下载网络文件">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="解决a标签下载网络图片直接打开的问题,通过浏览器下载网络文件">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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文件路径&#xff0c;当文件是图片是&#xff0c;用a标签下载会直接打开而不是下载&#xff0c;所以找了下怎么通过浏览器下载远程服务器上的图片。网上大部分都</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765879866a3423009.html" title="HTML中a标签跳转链接,锚点链接,发送邮件,打开QQ对话,’打电话,下载功能">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="HTML中a标签跳转链接,锚点链接,发送邮件,打开QQ对话,’打电话,下载功能">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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标签的几大作用 一&#xff1a;跳转页面链接 <a href"http:www.baidu" target"_blank">百度<a>二&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1765881851a3423203.html" title="从30MB到千亿级搜索:Sonic如何重新定义轻量级搜索引擎的未来">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="从30MB到千亿级搜索:Sonic如何重新定义轻量级搜索引擎的未来">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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到千亿级搜索&#xff1a;Sonic如何重新定义轻量级搜索引擎的未来 【免费下载链接】sonic &#x1f994; Fast, lightweight & schema-less search back</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766084539a3435653.html" title="标签云制作工具wordart的注册&amp;登录&amp;页面介绍">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="标签云制作工具wordart的注册&amp;登录&amp;页面介绍">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766084539a3435653.html" class="post-item-title" title="标签云制作工具wordart的注册&amp;登录&amp;页面介绍"> <h3>标签云制作工具wordart的注册&amp;登录&amp;页面介绍</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&#xff1a;工具下载网址&#xff1a;网址https:wordartsignup:2&#xff1a;注册之后要在你注册的邮箱激活账户3&#xff1a;登陆成功&#xff0c;如下图4&a</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1770590407a3535393.html" title="揭秘路由器上的两个神秘通道:WAN口与LAN口的全攻略">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="揭秘路由器上的两个神秘通道:WAN口与LAN口的全攻略">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1770793985a3537650.html" title="一文带你掌握SeqGPT-560M在单张A10上的轻量级部署技巧,仅需消耗1.8GB的内存">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="一文带你掌握SeqGPT-560M在单张A10上的轻量级部署技巧,仅需消耗1.8GB的内存">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1770804898a3537768.html" title="Android开发者必备:NFC读写技术全解剖">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Android开发者必备:NFC读写技术全解剖">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1770850047a3538277.html" title="新手也能上手!轻松利用Flash中心抓取网页图片">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="新手也能上手!轻松利用Flash中心抓取网页图片">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1771550027a3545883.html" title="AHCI与RAID模式比较:解开硬碟管理的两大秘诀,你选对了吗?">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="AHCI与RAID模式比较:解开硬碟管理的两大秘诀,你选对了吗?">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1772049256a3551543.html" title="揭秘X86与X64:现代计算机体系结构的关键区别">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="揭秘X86与X64:现代计算机体系结构的关键区别">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <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"> <!--<img src="/view/img/nopic.png" alt="Win8应用商店应用设置详解:轻松保存和读取本地设置" class="photo-item-img hover-scale" />--> <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"> <!--<img src="/view/img/nopic.png" alt="CDA数据分析师指南:掌握Pandas中的文件读写技巧" class="photo-item-img hover-scale" />--> <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"> <!--<img src="/view/img/nopic.png" alt="显存计算_激活值显存计算" class="photo-item-img hover-scale" />--> <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"> <!--<img src="/view/img/nopic.png" alt="webview 不显示图片_webui 图片信息 不显示" class="photo-item-img hover-scale" />--> <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"> <!--<img src="/view/img/nopic.png" alt="重装系统流程之联想小新Air14 2020锐龙版_联想小新air142020系统重装" class="photo-item-img hover-scale" />--> <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-img">--> <!-- <a href="/b/1773593305a3563721.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Spring Boot赋能:构建动态、实时的新闻热点追踪平台" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1773660536a3564504.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="触摸板不响应?别急,三招帮你马上恢复流畅操作!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1773684137a3564774.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Word安全模式不求人?VBA为你解锁教程" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1773746516a3565242.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="受够了几十G的PS?这款绿色精简版仅500MB,免安装即用_photoshop精简版" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1773813894a3566012.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="视频监控汇聚平台EasyCVR安防视频监控小知识:视频监控系统与监视器安装" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1773944842a3567523.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="常见到的ip地址为什么都是以192.168开头_192.168为什么大部分都是" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774201976a3569011.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="CF烟雾头NVIDIA控制面板调节_cf烟雾头怎么调nvidia" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774220765a3569223.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="【小技巧】2345——劫持IE浏览器主页_about:newsfeed" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774390896a3571192.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="浏览器能上网但不了软件的解决办法_浏览器无法" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774496033a3571828.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="2025年,移远EC20模块:模式转换攻略,WWAN0至USB0" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774513457a3572031.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="一文教会你AIX系统备份:mksysb实用指南" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774513382a3572030.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="SWF文件备份失败?这些步骤让你轻松搞定" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774513230a3572028.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Win10系统备份轻松搞定:掌握captureimage命令的关键技巧" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774513079a3572026.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux系统安全小贴士:掌握备份与恢复,安心每一天" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/p/1774512928a3572024.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="省时省心!三步完成电脑系统高效备份!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774513306a3572029.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Ubuntu系统维护秘籍:备份步骤详解,保护你的劳动成果!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774513154a3572027.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux系统不哭:高效备份与快速恢复方案" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774513003a3572025.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Ubuntu系统安全大计,备份技巧大公开" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774512852a3572023.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="GHOST教程:系统备份和还原,小白也能变成高手!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/b/1774512777a3572022.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Linux备份与恢复必修课:SWF文件安全策略从入门到精通" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736247036a1725023.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Exploring the Finest Accommodations: A Comprehensive Guide to Ruston LA Hotels" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246824a1724956.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="The Enchanting Experience of ScaliniTella NYC: A Culinary Gem in the Heart of Manhattan" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246607a1724902.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Exploring the Exquisite Aloft Chicago O'Hare: A Blend of Modern Luxury and Convenience" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246384a1724842.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Waco, TX" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/lvyou/1736246169a1724784.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="A Culinary Journey: Discovering the Finest Dining Experiences in Athens, GA" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768821301a3533414.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="电脑设备管理器在哪里?一次让我抓狂又兴奋的寻找经历" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768820793a3533413.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="与GWX的持久战:一段关于Windows10升级弹窗的私人记忆" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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-img">--> <!-- <a href="/shuma/1768820277a3533412.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="以管理员身份运行:那些年我们追过的权限与踩过的坑" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <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> <!-- JS挑战核心逻辑(静默验证,无DOM修改,不影响样式) --> <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>