百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

人工智能优化:如何针对人工智能搜索和代理优化内容

zhezhongyun 2025-03-19 18:35 46 浏览

想要AI搜索引擎和代理找到并使用您的内容吗?

传统的SEO还不够。AI 系统以不同的方式处理信息。

本指南分解了关键的优化,以帮助您的内容在 AI 时代保持可见性和排名。

TL;DR:快速 AI 优化清单

为了优化 AI 搜索和代理:

  • 使用干净的 HTML/markdown 和良好的结构使内容易于访问。
  • 在 robots.txt 和防火墙规则中允许 AI 爬虫。
  • 快速返回内容,关键信息位于高位。
  • 使用语义标记、元数据和模式。
  • 创建一个 llms.txt 文件。
  • 检查内容的 AI 可见性。

传统 SEO 与 AI 搜索:主要区别

很多人问如何针对AI搜索和代理来优化网站,而不是传统的SEO。

通过构建人工智能搜索引擎 Andi,我们了解到了方法上的关键差异。

从人工智能方面来看,我们每天处理 3000 万到 5000 万页内容,以寻找用于搜索、摘要和问答的优质内容。

但获取和提取有用的信息并不总是那么容易。

以下是关于如何让内容真正适合 AI 的知识。

速度和简单性至关重要

  • 许多人工智能系统对检索内容都有严格的超时限制(1-5 秒)。
  • 假设长内容可能会在超时后被截断或完全丢弃。

简洁、结构化的文本胜出

  • 许多 AI 爬虫无法很好地处理 JavaScript,甚至根本无法处理。纯 HTML 或 markdown 中的逻辑内容结构是理想的。

元数据和语义更重要

  • 清晰的标题、描述、日期和 schema.org 标记可帮助 AI 系统快速理解您的内容。

阻止爬虫可以让你隐形

  • 在人工智能代理的世界里,过于激进的机器人保护可能会让你完全失去联系。

区分人工智能训练与人工智能搜索访问

  • 一些 AI 爬虫会收集训练数据,而另一些则会检索实时内容。您可能需要针对每种情况制定不同的策略。

检查内容的 AI 可见性

  • AI 搜索引擎测试:将 URL 粘贴到 andisearch.com。如果出现“总结”“解释”等选项,则表明您的页面可供 AI 访问且有用。
  • AI 代理测试:使用 Firecrawl 查看 AI 代理如何感知和访问您的内容。

AI 可访问性的关键优化

为 AI 爬虫配置 robots.txt

  • 添加一个访问权限相对开放的 robots.txt。根据具体情况允许或禁止爬虫。
  • 这是一个允许 AI 搜索/代理访问但不允许收集训练数据的示例:
# Allow AI search and agent use
User-agent: OAI-SearchBot
User-agent: ChatGPT-User  
User-agent: PerplexityBot
User-agent: FirecrawlAgent
User-agent: AndiBot
User-agent: ExaBot
User-agent: PhindBot
User-agent: YouBot
Allow: /

# Disallow AI training data collection  
User-agent: GPTBot  
User-agent: CCBot  
User-agent: Google-Extended  
Disallow: /

# Allow traditional search indexing  
User-agent: Googlebot  
User-agent: Bingbot  
Allow: /

# Disallow access to admin areas for all bots  
User-agent: *  
Disallow: /admin/  
Disallow: /internal/  

Sitemap: https://www.example.com/sitemap.xml  

避免过于激进的机器人保护

  • 不要在 Cloudflare/AWS WAF 上使用激进的机器人保护。
  • 这将阻止 AI 爬虫和代理访问您的内容。相反,允许美国主要数据中心的 IP 范围。

优化速度

  • 尽快返回内容,最好在一秒钟之内。
  • 将关键内容放在 HTML 的较高位置。

使用清晰的元数据和语义标记

  • 示例包括:基本 SEO 标签、<meta description>和<meta keywords>。</span><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">OpenGraph 标签</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:这改善了 AI 搜索结果的预览。</span><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Schema.org 标记</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:使用 JSON-LD 获取结构化数据。</span><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">正确的标题结构</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:(H1-H6)。</span><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">语义元素</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:<article>、<section>和<nav>。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="47">尽可能将内容放在一页上</h1><ul><li data-track="48"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">避免使用“阅读更多”按钮或多页文章。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="49">通过 API(符合 OpenAPI 规范)或 RSS 源提供编程访问</h1><ul><li data-track="50"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">这使得 AI 工具的访问速度更快、更结构化。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="51">指示内容新鲜度</h1><ul><li data-track="52"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">使用可见的日期和<meta>标签帮助 AI 了解内容的发布或更新时间。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="53">创建 llms.txt 文件</h1><ul><li data-track="54"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">对于文档或参考内容,请创建一个 llms.txt 文件。使用Firecrawl 的生成器。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="55">提交 sitemap.xml</h1><ul><li data-track="56"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">使用sitemap.xml引导爬虫程序找到重要内容。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="57">使用网站图标和引导图像</h1><ul><li data-track="58"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">AI 搜索引擎以视觉方式显示内容。简单的 favicon.ico 和清晰的引导图像可提高可见性。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="64">主要的 AI 爬虫用户代理</h1><p data-track="65"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">配置 robots.txt 时,请考虑以下主要的 AI 爬虫:</span></p><ul><li data-track="66"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">OpenAI</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">GPTBot(训练数据)。ChatGPT-User(ChatGPT 中的用户操作)。OAI-SearchBot(AI搜索结果)。</span></li><li data-track="67"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">谷歌</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Google-Extended(AI 训练)。Google其他(各种人工智能用途)。</span></li><li data-track="68"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Anthropic</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:ClaudeBot(用于多种用途的综合机器人)。</span></li><li data-track="69"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Andi</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:AndiBot。</span></li><li data-track="70"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">困惑</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:PerplexityBot。</span></li><li data-track="71"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">You.com:YouBot</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">。</span></li><li data-track="72"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Phind</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:PhindBot。</span></li><li data-track="73"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Exa</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:ExaBot。</span></li><li data-track="74"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Firecrawl</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:FirecrawlAgent。</span></li><li data-track="75"><strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">常见爬虫</span></strong><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">:CCBot(很多AI公司用它来训练数据)。</span></li></ul><p data-track="76"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">欲查看完整、最新的列表,请查看Dark Visitors。</span></p><h1 class="pgc-h-arrow-right" data-track="77">优化人工智能代理计算机的使用</h1><p data-track="78"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">可以使用计算机的 AI 代理(例如 Browser Use 或 OpenAI 的 Operator)是一个新的领域。以下是一些提示:</span></p><ul><li data-track="79"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">实施“代理响应式设计”。构建您的网站,以便 AI 可以轻松解释并与其交互。</span></li><li data-track="80"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">确保按钮和文本字段等交互元素明确定义且可访问。</span></li><li data-track="81"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">使用一致的导航模式来帮助 AI 预测和理解网站流量。</span></li><li data-track="82"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">尽量减少不必要的交互,例如登录提示或弹出窗口,因为这些交互可能会干扰 AI 任务的完成。</span></li><li data-track="83"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">结合 ARIA 标签等网络可访问性功能,这也有助于 AI 理解页面元素。</span></li><li data-track="84"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">定期使用 AI 代理测试您的网站并根据结果进行迭代。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="85">面向开发工具初创公司的资源</h1><p data-track="86"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">如果您正在构建开发人员工具,请优化 AI 可见性:</span></p><ul><li data-track="87"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">维护最新的 llms.txt 文件。</span></li><li data-track="88"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">轻松访问文档的干净 HTML 或 markdown 版本。</span></li><li data-track="89"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">考虑使用 Theneo 和 Mintlify 等文档工具来优化 AI 可访问性。</span></li></ul><h1 class="pgc-h-arrow-right" data-track="90">最终见解</h1><p data-track="91"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">优化 AI 搜索是一个持续的过程,因为 AI 爬虫还远未完善。目前:</span></p><ul><li data-track="92"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">34%的AI爬虫请求导致404或其他错误。</span></li><li data-track="93"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">目前主流的 AI 爬虫中,只有 Google 的 Gemini 和 AppleBot 能够渲染 JavaScript。</span></li><li data-track="94"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">与Googlebot等传统爬虫相比,AI爬虫的效率低了47倍。</span></li><li data-track="95"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">在最近的流量分析中,AI 爬虫约占 Googlebot 流量的 28%。</span></li></ul><p data-track="96"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">随着人工智能索引的改进,保持领先这些趋势将有助于确保您的内容保持可见。</span></p><p data-track="97"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">记住,这是一个平衡问题。你既希望能够使用有用的人工智能工具,又希望能够防范恶意行为者。</span></p><p data-track="98"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">欲了解更多详细信息,请查看以下资源:</span></p><ul><li data-track="99"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">LLMs.txt 规范。</span></li><li data-track="100"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">暗黑访客AI爬虫列表。</span></li><li data-track="101"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">Google 的 AI 爬虫文档。</span></li></ul><p data-track="102"><span style="color: #000000; --tt-darkmode-color: #A3A3A3;">屏蔽所有机器人的旧时代已经一去不复返。您希望 AI 代理和爬虫能够查看您的内容并浏览您的网站。立即优化并保持领先地位!</span></p></div> <div class="clearfix mb10"> <div class="share fr"> <div class="social-share mb20 ta-c" data-initialized="true"> <a href="#" class="social-share-icon iconfont icon-weibo"></a> <a href="#" class="social-share-icon iconfont icon-qq"></a> <a href="#" class="social-share-icon iconfont icon-wechat"></a> <a href="#" class="social-share-icon iconfont icon-qzone"></a> </div> <script src="http://www.zhezhongyun.com/zb_users/theme/tx_hao/script/social-share.min.js"></script> </div> <div class="info-tag"> <a href="http://www.zhezhongyun.com/tags-171.html" title="查看更多标签内容" rel="tag" target="_blank">标签</a> </div> </div> <div class="info-next"> <ul class="row"> <li class="col-12 col-m-24 mb10">上一篇:<a href="http://www.zhezhongyun.com/post/2876.html" title="HTML5 零基础完全教程-7-HTML5 语义化标签">HTML5 零基础完全教程-7-HTML5 语义化标签</a></li> <li class="col-12 col-m-24 ta-r mb10">下一篇:<a href="http://www.zhezhongyun.com/post/2878.html" title="当你在Vue.js中想要隐藏 `` 标签时,可以这样做:">当你在Vue.js中想要隐藏 `` 标签时,可以这样做:</a></li> </ul> </div> </div> <h2 class="tx-title">相关推荐</h2> <div class="home-news"> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4970.html" title="3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了" class="f-black" target="_blank">3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了</a></dt> <dd class="news-txt"> <p class="f-gray f-13"><!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4969.html" title="一行代码实现display&quot;过渡动画&quot;原理" class="f-black" target="_blank">一行代码实现display&quot;过渡动画&quot;原理</a></dt> <dd class="news-txt"> <p class="f-gray f-13">作者:Peter谭老师转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg写本文的起因上篇文章,提到如何让display出现过渡动画,却没有仔...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4968.html" title="脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下" class="f-black" target="_blank">脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下</a></dt> <dd class="news-txt"> <p class="f-gray f-13">AlekseiVinogradovisaRussianfreelancedigitalartistwhoshareshisskillsandtalentwith120k...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4967.html" title="浏览器的渲染机制、重绘、重排" class="f-black" target="_blank">浏览器的渲染机制、重绘、重排</a></dt> <dd class="news-txt"> <p class="f-gray f-13">1、什么是重排和重绘网页生成过程:HTML被HTML解析器解析成DOM树css则被css解析器解析成CSSOM树结合DOM树和CSSOM树,生成一棵渲染树(RenderTree)生成布局(flo...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4966.html" title="托福写作高频考题写作思路&amp;词汇丨考虫独家" class="f-black" target="_blank">托福写作高频考题写作思路&amp;词汇丨考虫独家</a></dt> <dd class="news-txt"> <p class="f-gray f-13">科技话题与媒体话题是托福写作的常考话题很多考生对这两类话题里的专有词汇表达也许很不了解所以今天就跟随考虫托福写作老师刘云龙老师一起来学习在这些话题的写作里你可以使用哪些有用的表达。希望大家有收获!记得...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4965.html" title="在优麒麟上使用 Electron 开发桌面应用" class="f-black" target="_blank">在优麒麟上使用 Electron 开发桌面应用</a></dt> <dd class="news-txt"> <p class="f-gray f-13">使用Web标准来创建桌面GUI,上手快、成本低、跨平台、自适应分辨率,这些都是Electron的优势。作者/来源:优麒麟Electron是由Github开发,用HTML、CSS和...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4964.html" title="php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒" class="f-black" target="_blank">php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒</a></dt> <dd class="news-txt"> <p class="f-gray f-13">抽奖和开盲盒性质一样的都是通过ajax读取后台的随机数据。1、转轮盘本来是想直接绘图实现轮盘,但是没有找到怎么填充文字,只好把轮盘弄成了背景图,通常用于游戏抽道具,商城积分抽奖,公司年末员工抽奖点击抽...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4963.html" title="用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来" class="f-black" target="_blank">用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来</a></dt> <dd class="news-txt"> <p class="f-gray f-13">兄弟们,今天咱来搞点好玩的——用CSS整一个3D轮播图!咱野生程序员就是要在代码里找乐子,技术和快乐咱都得要!代码是写不完的,但咱能自己敲出快乐来,走起!一、先整个容器,搭个舞台咋先写一个...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4962.html" title="实现一个超酷的 3D 立体卡片效 #前端开发" class="f-black" target="_blank">实现一个超酷的 3D 立体卡片效 #前端开发</a></dt> <dd class="news-txt"> <p class="f-gray f-13">今天我们来实现一个超酷的3D立体卡片效果。正常情况下就是一个普通的图片展示卡片,鼠标悬停的时候图片会跳出卡片,并将影子投射到背景卡片上,在视觉上有一个3D立体感。html主要分成3个部分:容器→背景层...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4961.html" title="Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;" class="f-black" target="_blank">Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;</a></dt> <dd class="news-txt"> <p class="f-gray f-13">模态框的"层级噩梦"与Teleport的救赎"这个模态框怎么又被父容器截断了?"团队协作开发后台系统时,小张第N次遇到这个问题。多层嵌套的组件结构里,弹窗被overfl...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4960.html" title="让交互更加生动!有意思的鼠标跟随 3D 旋转动效" class="f-black" target="_blank">让交互更加生动!有意思的鼠标跟随 3D 旋转动效</a></dt> <dd class="news-txt"> <p class="f-gray f-13">今天,群友问了这样一个问题,如下所示的鼠标跟随交互效果,如何实现:简单分析一下,这个交互效果主要有两个核心:借助了CSS3D的能力元素的旋转需要和鼠标的移动相结合本文,就将讲述如何使用纯CSS...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4959.html" title="填坑:transform元素导致zindex失效终极方法" class="f-black" target="_blank">填坑:transform元素导致zindex失效终极方法</a></dt> <dd class="news-txt"> <p class="f-gray f-13">今天遇到了使用css3动画的元素层级被放大置顶的问题,ios浏览器上没问题,安卓原生浏览器和安卓微信上有问题。使用了css3动画的元素z-index失效,兄弟元素设置多高的z-index都盖不住解决办...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4958.html" title="诡异的层级错乱:一个被transform隐藏的CSS陷阱" class="f-black" target="_blank">诡异的层级错乱:一个被transform隐藏的CSS陷阱</a></dt> <dd class="news-txt"> <p class="f-gray f-13">周五下午三点十七分,设计部突然发来紧急截图——原本应该悬浮在顶部的导航菜单,此刻正诡异地被下方的轮播图遮挡。我盯着屏幕上错乱的层级关系,手指下意识地敲下z-index:9999,心里清楚这不过是程序...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4957.html" title="动画篇--碎片动画" class="f-black" target="_blank">动画篇--碎片动画</a></dt> <dd class="news-txt"> <p class="f-gray f-13">本文授权转载,作者:Sindri的小巢(简书)前言从最开始动笔动画篇的博客,至今已经过去了四个多月。这段时间回头看了看自己之前的动画文章,发现用来讲解动画的例子确实不那么的赏心悦目。于是这段时间总是想...</p> </dd> </dl> <dl class="news-box clearfix pd20 "> <dt class="f-18 mb10"><a href="http://www.zhezhongyun.com/post/4956.html" title="Nature:大洋转换断层处的拉张构造与两阶段地壳增生" class="f-black" target="_blank">Nature:大洋转换断层处的拉张构造与两阶段地壳增生</a></dt> <dd class="news-txt"> <p class="f-gray f-13">Nature:大洋转换断层处的拉张构造与两阶段地壳增生转换断层是三种基本的板块边界之一,全球总长度超过48000km(Bird,2003),它们的发现为板块构造理论的建立奠定了重要的基础(Wil...</p> </dd> </dl> </div> </div> <div class="side-box col-6 col-m-24 col2-"> <dl class="side-hot"> <dt>一周热门</dt> <dd> <ul> <li> <a href="http://www.zhezhongyun.com/post/513.html" title="b端详情页:各种信息聚集地,设计师要如何规划这一亩三分地呢" target="_blank"> <h2 class="f-15">b端详情页:各种信息聚集地,设计师要如何规划这一亩三分地呢</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1123.html" title="漏洞系列一一看我一招征服漏洞 SSRF" target="_blank"> <h2 class="f-15">漏洞系列一一看我一招征服漏洞 SSRF</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1118.html" title="接口测试遇到500报错?别慌,你的头部可能有点问题" target="_blank"> <h2 class="f-15">接口测试遇到500报错?别慌,你的头部可能有点问题</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1120.html" title="Web前端需要学什么?Web前端开发需要学习哪些?" target="_blank"> <h2 class="f-15">Web前端需要学什么?Web前端开发需要学习哪些?</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1689.html" title="前端Flex布局可视化布局工具介绍,vue和html5快速设计利器" target="_blank"> <h2 class="f-15">前端Flex布局可视化布局工具介绍,vue和html5快速设计利器</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1140.html" title="「资讯」为强迫用户使用Edge浏览器,微软又出新招数" target="_blank"> <h2 class="f-15">「资讯」为强迫用户使用Edge浏览器,微软又出新招数</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1682.html" title="HTML 简介(html简介及优缺点)" target="_blank"> <h2 class="f-15">HTML 简介(html简介及优缺点)</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1242.html" title="HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端" target="_blank"> <h2 class="f-15">HBuilderX,uni-app创建HTML5项目,同时支持浏览器和移动端</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1684.html" title="关于HTML5被简称做H5,你怎么看?(html5缩写)" target="_blank"> <h2 class="f-15">关于HTML5被简称做H5,你怎么看?(html5缩写)</h2> </a> </li> <li> <a href="http://www.zhezhongyun.com/post/1499.html" title="现在页面实时聊天都使用Websocket技术实现吗?" target="_blank"> <h2 class="f-15">现在页面实时聊天都使用Websocket技术实现吗?</h2> </a> </li> </ul> </dd> </dl> <dl class="function" id="divPrevious"> <dt class="function_t">最近发表</dt><dd class="function_c"> <ul><li><a title="3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了" href="http://www.zhezhongyun.com/post/4970.html">3 分钟!AI 从零开发五子棋全过程曝光,网友:这效率我服了</a></li> <li><a title="一行代码实现display&quot;过渡动画&quot;原理" href="http://www.zhezhongyun.com/post/4969.html">一行代码实现display&quot;过渡动画&quot;原理</a></li> <li><a title="脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下" href="http://www.zhezhongyun.com/post/4968.html">脑洞:琼恩·雪诺、蝙蝠侠和魔形女的灵魂宠物了解一下</a></li> <li><a title="浏览器的渲染机制、重绘、重排" href="http://www.zhezhongyun.com/post/4967.html">浏览器的渲染机制、重绘、重排</a></li> <li><a title="托福写作高频考题写作思路&amp;词汇丨考虫独家" href="http://www.zhezhongyun.com/post/4966.html">托福写作高频考题写作思路&amp;词汇丨考虫独家</a></li> <li><a title="在优麒麟上使用 Electron 开发桌面应用" href="http://www.zhezhongyun.com/post/4965.html">在优麒麟上使用 Electron 开发桌面应用</a></li> <li><a title="php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒" href="http://www.zhezhongyun.com/post/4964.html">php手把手教你做网站(三十八)jquery 转轮盘抽奖,开盲盒</a></li> <li><a title="用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来" href="http://www.zhezhongyun.com/post/4963.html">用 CSS 整活!3D 轮播图手把手教学,快乐代码敲出来</a></li> <li><a title="实现一个超酷的 3D 立体卡片效 #前端开发" href="http://www.zhezhongyun.com/post/4962.html">实现一个超酷的 3D 立体卡片效 #前端开发</a></li> <li><a title="Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;" href="http://www.zhezhongyun.com/post/4961.html">Vue 3 Teleport与Suspense:解决UI难题的两个&quot;隐藏大招&quot;</a></li> </ul> </dd> </dl> <dl class="function" id="divTags"> <dt class="function_t">标签列表</dt><dd class="function_c"> <ul><li><a title="HTML 教程" href="http://www.zhezhongyun.com/tags-1.html">HTML 教程<span class="tag-count"> (33)</span></a></li> <li><a title="HTML 简介" href="http://www.zhezhongyun.com/tags-3.html">HTML 简介<span class="tag-count"> (35)</span></a></li> <li><a title="HTML 实例/测验" href="http://www.zhezhongyun.com/tags-46.html">HTML 实例/测验<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 测验" href="http://www.zhezhongyun.com/tags-47.html">HTML 测验<span class="tag-count"> (32)</span></a></li> <li><a title="JavaScript 和 HTML DOM 参考手册" href="http://www.zhezhongyun.com/tags-54.html">JavaScript 和 HTML DOM 参考手册<span class="tag-count"> (32)</span></a></li> <li><a title="HTML 拓展阅读" href="http://www.zhezhongyun.com/tags-55.html">HTML 拓展阅读<span class="tag-count"> (30)</span></a></li> <li><a title="HTML文本框样式" href="http://www.zhezhongyun.com/tags-60.html">HTML文本框样式<span class="tag-count"> (31)</span></a></li> <li><a title="HTML滚动条样式" href="http://www.zhezhongyun.com/tags-61.html">HTML滚动条样式<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5 浏览器支持" href="http://www.zhezhongyun.com/tags-113.html">HTML5 浏览器支持<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 新元素" href="http://www.zhezhongyun.com/tags-114.html">HTML5 新元素<span class="tag-count"> (33)</span></a></li> <li><a title="HTML5 WebSocket" href="http://www.zhezhongyun.com/tags-131.html">HTML5 WebSocket<span class="tag-count"> (30)</span></a></li> <li><a title="HTML5 代码规范" href="http://www.zhezhongyun.com/tags-132.html">HTML5 代码规范<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5 标签" href="http://www.zhezhongyun.com/tags-135.html">HTML5 标签<span class="tag-count"> (717)</span></a></li> <li><a title="HTML5 标签 (已废弃)" href="http://www.zhezhongyun.com/tags-137.html">HTML5 标签 (已废弃)<span class="tag-count"> (75)</span></a></li> <li><a title="HTML5电子书" href="http://www.zhezhongyun.com/tags-141.html">HTML5电子书<span class="tag-count"> (32)</span></a></li> <li><a title="HTML5开发工具" href="http://www.zhezhongyun.com/tags-142.html">HTML5开发工具<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5小游戏源码" href="http://www.zhezhongyun.com/tags-143.html">HTML5小游戏源码<span class="tag-count"> (34)</span></a></li> <li><a title="HTML5模板下载" href="http://www.zhezhongyun.com/tags-144.html">HTML5模板下载<span class="tag-count"> (30)</span></a></li> <li><a title="HTTP 状态消息" href="http://www.zhezhongyun.com/tags-159.html">HTTP 状态消息<span class="tag-count"> (33)</span></a></li> <li><a title="HTTP 方法:GET 对比 POST" href="http://www.zhezhongyun.com/tags-160.html">HTTP 方法:GET 对比 POST<span class="tag-count"> (33)</span></a></li> <li><a title="键盘快捷键" href="http://www.zhezhongyun.com/tags-168.html">键盘快捷键<span class="tag-count"> (35)</span></a></li> <li><a title="标签" href="http://www.zhezhongyun.com/tags-171.html">标签<span class="tag-count"> (226)</span></a></li> <li><a title="HTML button formtarget 属性" href="http://www.zhezhongyun.com/tags-218.html">HTML button formtarget 属性<span class="tag-count"> (30)</span></a></li> <li><a title="CSS 水平对齐 (Horizontal Align)" href="http://www.zhezhongyun.com/tags-260.html">CSS 水平对齐 (Horizontal Align)<span class="tag-count"> (30)</span></a></li> <li><a title="opacity 属性" href="http://www.zhezhongyun.com/tags-319.html">opacity 属性<span class="tag-count"> (32)</span></a></li> </ul> </dd> </dl> </div> </div> </div> </div> <div class="footer"> <div class="wide ta-c f-12"> </div> </div> <div class="fixed-box "> <ul> <li class="pchide wapflex"><a href="http://www.zhezhongyun.com/"><i class="fa fa-home"></i> 首页</a></li> <li><a href="http://www.zhezhongyun.com/shoulu.html" title="收录申请" target="_blank"><i class="fa fa-chain-broken mr5"></i>收录</a></li> <li><span class="gotop"><i class="fa fa-caret-up mr5"></i> 顶部</span></li> </ul> </div> <script src="http://www.zhezhongyun.com/zb_users/theme/tx_hao/script/txcstx.min.js?v=2024-12-04"></script> </body> </html><!--181.88 ms , 13 queries , 3458kb memory , 0 error-->