admin 管理员组

文章数量: 1184232


2024年3月6日发(作者:supports open access是什么意思)

html5文档的基本结构

HTML5(Hyper Text Markup Language 5)是一种用于创建网页结构的标记语言。HTML5的文档结构是网页开发中的基本框架,它由一系列标签组成,用于定义网页的结构和内容。

HTML5文档的基本结构如下:

网页标题

让我们逐个解释这些部分的作用:

1. : 这是文档类型声明,用于告诉浏览器当前页面使用HTML5标准进行解析。

2. : 标签是整个HTML文档的根元素,包含了所有的页面内容。

3. : 标签定义了网页的头部,其中通常包含了一些与页面相关的元数据和外部资源的引用。在标签中通常会有标签用于声明页面的字符编码(charset)和一些其他的元数据信息,标签用于设置页面的标题。 </p><p style="text-indent: 2em;";> 4. <body>: 标签包含了网页的主要内容,比如文本、图像、链接和多媒体等元素。所有的网页内容都应该放在<body>标签中。 </p><p style="text-indent: 2em;";> 在基本结构之外,HTML5文档可以使用各种标签来进一步定义和</p><p style="text-indent: 2em;";>组织网页的内容。例如,<h1>到<h6>标签用于定义标题,<p>标签用于定义段落,<img>标签用于插入图像等等。HTML5还引入了许多新的语义化标签,如<header>、<nav>、<section>、<article>、<footer>等,用于更好地描述网页的结构和内容。 </p><p style="text-indent: 2em;";> 总结起来,HTML5文档的基本结构为<!DOCTYPE html>,<html>,<head>,<body>这四个标签。合理使用这些标签可以帮助开发者构建清晰、结构化的网页,提高用户体验和搜索引擎优化效果。 </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/331.html" target="_blank">网页</a> <a style="margin-right: 10px" href="/tag/379.html" target="_blank">用于</a> <a style="margin-right: 10px" href="/tag/266.html" target="_blank">页面</a> </p> <div class="roclinux-cn copyright"> <blockquote> <p> 版权声明:本文标题:html5文档的基本结构 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:<a href="http://www.roclinux.cn/b/1709681293a543444.html">http://www.roclinux.cn/b/1709681293a543444.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/1766540235a3468102.html" title="iphone如何手动验证校园网(针对认证网页无法认证的学校)">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="iphone如何手动验证校园网(针对认证网页无法认证的学校)">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766540235a3468102.html" class="post-item-title" title="iphone如何手动验证校园网(针对认证网页无法认证的学校)"> <h3>iphone如何手动验证校园网(针对认证网页无法认证的学校)</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">iphone如何手动验证校园网&#xff08;针对认证网页无法认证的学校&#xff09;首先在apple store下载NAC client然后打开输入上面的服务器地址&#xff08;先连接校园网&#xff0</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1766564014a3470479.html" title="爬取网页版QQ音乐">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="爬取网页版QQ音乐">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1766564014a3470479.html" class="post-item-title" title="爬取网页版QQ音乐"> <h3>爬取网页版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">爬取网页版QQ音乐 首先&#xff0c;进入播放音乐的页面&#xff0c;找到音乐的最终url版本根据这个网址进入到播放页面这个网站怎么找到的 我们复制一下关键词搜索一下 我们只需要访问这个网页的数据&</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768019943a3526762.html" title="SSM项目解决一个浏览器打开多个页面共享session">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="SSM项目解决一个浏览器打开多个页面共享session">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768019943a3526762.html" class="post-item-title" title="SSM项目解决一个浏览器打开多个页面共享session"> <h3>SSM项目解决一个浏览器打开多个页面共享session</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">解决步骤&#xff1a;1&#xff1a;session存储当前用户唯一ID&#xff08;标识&#xff09;&#xff0c;同时前端全局存储此用户唯一标识。2&#xff1a;前端AJAX请</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768020506a3526815.html" title="Python—selenium控制本地浏览器并获取网页数据">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Python—selenium控制本地浏览器并获取网页数据">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768020506a3526815.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">2月前</div> </div> <p class="post-item-summary">目录 专栏导读 背景 主要靠这行代码: 使用步骤 视频展示 那么如何操控这个浏览器呢,代码如下: 测试进入百度 代码 注意!! 视频展示 专栏导读 </p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768021138a3526874.html" title="浏览器安全——Web页面安全&amp;浏览器网络安全(HTTPS)&amp;浏览器系统安全">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="浏览器安全——Web页面安全&amp;浏览器网络安全(HTTPS)&amp;浏览器系统安全">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768021138a3526874.html" class="post-item-title" title="浏览器安全——Web页面安全&amp;浏览器网络安全(HTTPS)&amp;浏览器系统安全"> <h3>浏览器安全——Web页面安全&amp;浏览器网络安全(HTTPS)&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">2月前</div> </div> <p class="post-item-summary">一、Web页面安全 同源和跨域: 什么是同源?如果两个页面拥有相同的协议(scheme)、域名(host)和端口(port)(http默认port80,https默认端口号443),那么这两个页面具有相同的源。 同源策略:是浏览器提供的</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768021370a3526895.html" title="js检测页面是否在微信浏览器打开">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="js检测页面是否在微信浏览器打开">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768021370a3526895.html" class="post-item-title" title="js检测页面是否在微信浏览器打开"> <h3>js检测页面是否在微信浏览器打开</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">function is_weixn(){var uanavigator.userAgent.toLowerCase();if(ua.match(MicroMessengeri) "micromessenger")</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768022258a3526973.html" title="jsp页面在浏览器中无法访问之Tomcat服务器未启动">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="jsp页面在浏览器中无法访问之Tomcat服务器未启动">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768022258a3526973.html" class="post-item-title" title="jsp页面在浏览器中无法访问之Tomcat服务器未启动"> <h3>jsp页面在浏览器中无法访问之Tomcat服务器未启动</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">Tomcat那些事原因&#xff1a;Tomcat服务器没有启动&#xff0c;在地址栏输入地址访问页面的话&#xff0c;则会出现这个效果解决方法&#xff1a;启动Tomcat服务器</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768022292a3526976.html" title="在微信的浏览器中显示网页不正常,vuejs不能显示">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="在微信的浏览器中显示网页不正常,vuejs不能显示">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768022292a3526976.html" class="post-item-title" title="在微信的浏览器中显示网页不正常,vuejs不能显示"> <h3>在微信的浏览器中显示网页不正常,vuejs不能显示</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">在微信中不行,在chrome中可以使用,我们需要想一想是不是版本不兼容,是否使用了最新的语法.es6语法是否被支持</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1768022674a3527009.html" title="python获取已打开的网页内容_用Python获取网页数据">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="python获取已打开的网页内容_用Python获取网页数据">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1768022674a3527009.html" class="post-item-title" title="python获取已打开的网页内容_用Python获取网页数据"> <h3>python获取已打开的网页内容_用Python获取网页数据</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"># -coding: utf-8imoprt urllib2import urllibimport re# 填写需要采集的网址urlPath  # 设置网页头部信息&#xff0c;模拟浏览器headers  {User-Agent </p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1768757703a3533256.html" title="深入探讨网页无法访问的各类原因并给出具体操作步骤">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="深入探讨网页无法访问的各类原因并给出具体操作步骤">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1768757703a3533256.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">2月前</div> </div> <p class="post-item-summary"></p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1770792830a3537635.html" title="小预算大效能:SeqGPT-560M在A10上的精简部署教程!">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="小预算大效能:SeqGPT-560M在A10上的精简部署教程!">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1770792830a3537635.html" class="post-item-title" title="小预算大效能:SeqGPT-560M在A10上的精简部署教程!"> <h3>小预算大效能:SeqGPT-560M在A10上的精简部署教程!</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">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="/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/1770806433a3537788.html" title="菜鸟变大神:StickyNotes助你玩转Android的NFC世界">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="菜鸟变大神:StickyNotes助你玩转Android的NFC世界">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1770806433a3537788.html" class="post-item-title" title="菜鸟变大神:StickyNotes助你玩转Android的NFC世界"> <h3>菜鸟变大神:StickyNotes助你玩转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/1771397035a3544144.html" title="想让TP-LINK TL-WR841N的无线信号覆盖更广?试试这些小技巧">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="想让TP-LINK TL-WR841N的无线信号覆盖更广?试试这些小技巧">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1771397035a3544144.html" class="post-item-title" title="想让TP-LINK TL-WR841N的无线信号覆盖更广?试试这些小技巧"> <h3>想让TP-LINK TL-WR841N的无线信号覆盖更广?试试这些小技巧</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">建议您在路由器管理界面的“无线设置”--“基本设置”页面,修改SSID号为任意名称(如英文字母、数字等),指定信道为1或11,不使用自动,模式选择‘11bg mixed’,给无线网络设置WPA-PSKWPA2-PSK加密,并且在“无线</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1771695282a3547516.html" title="优化PC文件夹权限设置,让Flash中心成为你的专属通道">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="优化PC文件夹权限设置,让Flash中心成为你的专属通道">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1771695282a3547516.html" class="post-item-title" title="优化PC文件夹权限设置,让Flash中心成为你的专属通道"> <h3>优化PC文件夹权限设置,让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">Q :用户使用的 PC 是工厂的共享 PC ,用户希望能够在该 PC 上设置某个文件夹的权限来保证只有一部分登录到该计</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/b/1772043496a3551474.html" title="一次揭秘,在Vue项目中有效阻止链接的意外跳转行为!">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="一次揭秘,在Vue项目中有效阻止链接的意外跳转行为!">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/b" target="_blank">编程</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/b/1772043496a3551474.html" class="post-item-title" title="一次揭秘,在Vue项目中有效阻止链接的意外跳转行为!"> <h3>一次揭秘,在Vue项目中有效阻止链接的意外跳转行为!</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">当我们用鼠标中键点击一个带href属性的a标签时,我们会发现它会跳转到新的页面。此时即使添加preventDefault属性也没有用。因为对于a标签,当用中键点击时,会默认从新窗口打开链接 要想阻止这一行为,我们可以将a标签转</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1772180202a3553017.html" title="成功升级靠的不只是勇气——Win11前的全面检测清单">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="成功升级靠的不只是勇气——Win11前的全面检测清单">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1772180202a3553017.html" class="post-item-title" title="成功升级靠的不只是勇气——Win11前的全面检测清单"> <h3>成功升级靠的不只是勇气——Win11前的全面检测清单</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">视频演示 升级Windows 11的必要性与紧迫性 微软已经官方宣布,将于2025年10月14日终止对Windows 10系统的支持。这意味着在此之后,您的电脑将不再收到至关重要的安全更新补丁、技术援助和功能迭代。继续</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1772578734a3556945.html" title="HTML5下的新声音:解析audio与video标签,打造无Flash的多媒体世界">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="HTML5下的新声音:解析audio与video标签,打造无Flash的多媒体世界">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1772578734a3556945.html" class="post-item-title" title="HTML5下的新声音:解析audio与video标签,打造无Flash的多媒体世界"> <h3>HTML5下的新声音:解析audio与video标签,打造无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">html5播放器细谈,从大众自带浏览器 到 wechat和QQ以x5内核的浏览器,以及UC其他特殊的浏览器在此不再细谈:)当然也会分析iphone ios系统和Android手机系统的差别。 【基本属性】video标签</p> </div> <div class="roclinux-cn post-item"> <!--<div class="roclinux-cn post-item-cover">--> <!-- <a class="post-item-img" href="/p/1773234980a3559710.html" title="Ubuntu18.04上玩转QQ微信:轻松解决图片发送失败的困扰">--> <!-- <img class="hover-scale" src="/view/img/nopic.png" alt="Ubuntu18.04上玩转QQ微信:轻松解决图片发送失败的困扰">--> <!-- </a>--> <!-- <ul class="post-categories">--> <!-- <li><a href="/p" target="_blank">技术日记</a></li>--> <!-- </ul>--> <!--</div>--> <a href="/p/1773234980a3559710.html" class="post-item-title" title="Ubuntu18.04上玩转QQ微信:轻松解决图片发送失败的困扰"> <h3>Ubuntu18.04上玩转QQ微信:轻松解决图片发送失败的困扰</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">23天前</div> </div> <p class="post-item-summary">一、安装deepin-wine环境 进入 zhenghan@zhenghan:~Software$ git clone 正克隆到 'deepin-wine-for-ubuntu'...remote: En</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/543444.html?safe_token=YayP4X9uC8PGqOd9H_2BDzdHa_2FkZBYeHPAtG9vrPZOtUZhaTZXSDSY6gngnU9LAGZGQXvylR4LXc_2Bqj2OPWgF5Dg_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/1773665135a3564556.html" title="Docker默认网段撞上主机,访问失败?解决方案在这里!" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="Docker默认网段撞上主机,访问失败?解决方案在这里!" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> Docker默认网段撞上主机,访问失败?解决方案在这里! </h3> </div> </a> <a href="/p/1773800201a3565855.html" title="当某个应用的CPU使用率达到100%时,我们应该怎么办?_android cpu 占用 100多" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="当某个应用的CPU使用率达到100%时,我们应该怎么办?_android cpu 占用 100多" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> 当某个应用的CPU使用率达到100%时,我们应该怎么办?_android cpu 占用 100多 </h3> </div> </a> <a href="/p/1773865584a3566607.html" title="安装教程之Teamviewer及安装_teamviewer csdn" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="安装教程之Teamviewer及安装_teamviewer csdn" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> 安装教程之Teamviewer及安装_teamviewer csdn </h3> </div> </a> <a href="/b/1773965523a3567760.html" title="Python 定时自动备份文件_python 定时备份文件" class="photo-item" target="_blank" style="background:#364cc6"> <!--<img src="/view/img/nopic.png" alt="Python 定时自动备份文件_python 定时备份文件" class="photo-item-img hover-scale" />--> <div class="photo-item-inner"> <h3 class="photo-item-title"> Python 定时自动备份文件_python 定时备份文件 </h3> </div> </a> <a href="/b/1774358097a3570814.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> </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/1773584705a3563617.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="HTTP 500: IIS里的神秘代码,我们来破译!" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="HTTP 500: IIS里的神秘代码,我们来破译!" target="_blank" href="/b/1773584705a3563617.html"> <h3>HTTP 500: IIS里的神秘代码,我们来破译!</h3> </a> <span class="post-date">19天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773638890a3564243.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="System Volume Information监控工具设计旅程:从想法到原型的实践教程" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="System Volume Information监控工具设计旅程:从想法到原型的实践教程" target="_blank" href="/p/1773638890a3564243.html"> <h3>System Volume Information监控工具设计旅程:从想法到原型的实践教程</h3> </a> <span class="post-date">18天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773757763a3565376.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="word删除空白页的6种方法和技巧_如何删除word空白页" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="word删除空白页的6种方法和技巧_如何删除word空白页" target="_blank" href="/p/1773757763a3565376.html"> <h3>word删除空白页的6种方法和技巧_如何删除word空白页</h3> </a> <span class="post-date">17天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1773863438a3566584.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="linux轻松限制局域网网速_linux 基于vlan的限速" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="linux轻松限制局域网网速_linux 基于vlan的限速" target="_blank" href="/p/1773863438a3566584.html"> <h3>linux轻松限制局域网网速_linux 基于vlan的限速</h3> </a> <span class="post-date">15天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1773989156a3568037.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="电脑显卡显存怎么看,只需简单三种方法_电脑显存怎么看" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="电脑显卡显存怎么看,只需简单三种方法_电脑显存怎么看" target="_blank" href="/b/1773989156a3568037.html"> <h3>电脑显卡显存怎么看,只需简单三种方法_电脑显存怎么看</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/b/1774013083a3568309.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="Network: 光纤猫下无线路由器的设置_光猫下的路由器" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="Network: 光纤猫下无线路由器的设置_光猫下的路由器" target="_blank" href="/b/1774013083a3568309.html"> <h3>Network: 光纤猫下无线路由器的设置_光猫下的路由器</h3> </a> <span class="post-date">14天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774173404a3568677.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/1774173404a3568677.html"> <h3>硬盘坏道如何修复_硬盘坏道修复</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774194275a3568921.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/1774194275a3568921.html"> <h3>设置个性化保护色:从桌面到浏览器的全面指南</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774199926a3568987.html" target="_blank">--> <!-- <img src="/view/img/nopic.png" alt="IE卸载命令大全" class="hover-scale" />--> <!-- </a>--> <!--</div>--> <div class="list-content"> <a title="IE卸载命令大全" target="_blank" href="/p/1774199926a3568987.html"> <h3>IE卸载命令大全</h3> </a> <span class="post-date">12天前</span> </div> </li> <li class="mclas"> <!--<div class="list-img">--> <!-- <a href="/p/1774329882a3570484.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/1774329882a3570484.html"> <h3>隐藏加密文件夹怎么找到?看这里就够了!_如何找到加密后隐藏的文件夹</h3> </a> <span class="post-date">10天前</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>