<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>HTML 归档 - 手里有只毛毛虫</title>
	<atom:link href="https://www.krjojo.com/tag/html/feed" rel="self" type="application/rss+xml" />
	<link>https://www.krjojo.com/tag/html</link>
	<description>号角声起 - 等你启航</description>
	<lastBuildDate>Sun, 09 Nov 2025 01:50:07 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://www.krjojo.com/wp-content/uploads/2025/02/毛毛虫2.avif</url>
	<title>HTML 归档 - 手里有只毛毛虫</title>
	<link>https://www.krjojo.com/tag/html</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>网页利用 view-transition 仿 AppStore 转场动画</title>
		<link>https://www.krjojo.com/12288.html</link>
					<comments>https://www.krjojo.com/12288.html#comments</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Tue, 21 Oct 2025 03:26:45 +0000</pubDate>
				<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[AppStore]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[view-transition]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=12288</guid>

					<description><![CDATA[<p>其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。 介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。 项目链接：https://github.com/miniwater/AppStore 示例：miniwater.gi ...</p>
<p><a href="https://www.krjojo.com/12288.html">网页利用 view-transition 仿 AppStore 转场动画</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/12288.html/feed</wfw:commentRss>
			<slash:comments>6</slash:comments>
		
		
			</item>
		<item>
		<title>LLMs.txt：让AI更方便爬取你的数据</title>
		<link>https://www.krjojo.com/11591.html</link>
					<comments>https://www.krjojo.com/11591.html#comments</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Wed, 25 Jun 2025 11:04:01 +0000</pubDate>
				<category><![CDATA[AI]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[LLM]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[Markdown]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=11591</guid>

					<description><![CDATA[<p>最近，看到各种开发工具最近在其文档中添加了 LLMs.txt 支持。 虽然&#160;robots.txt&#160;和&#160;sitemap.xml&#160;是为搜索引擎设计的，但&#160;LLMs.txt&#160;针对推理引擎进行了优化。它以 LLM 可以轻松理解的格式向他们提供有关网站的信息。 什么是 LLMs.txt？ LLMs.txt 是一个具有特定结构的 markdown 文 ...</p>
<p><a href="https://www.krjojo.com/11591.html">LLMs.txt：让AI更方便爬取你的数据</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/11591.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
		<item>
		<title>HTML 锚点偏移方法 防止被头部遮挡</title>
		<link>https://www.krjojo.com/10037.html</link>
					<comments>https://www.krjojo.com/10037.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Sat, 12 Oct 2024 12:10:51 +0000</pubDate>
				<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[菜单]]></category>
		<category><![CDATA[锚点]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=10037</guid>

					<description><![CDATA[<p>由于顶部菜单存在 position:fixed ，而引起的的锚点位置偏移。</p>
<p>在css中，给锚点添加偏移量，直接就可以了</p>
<p><a href="https://www.krjojo.com/10037.html">HTML 锚点偏移方法 防止被头部遮挡</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/10037.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>网站添加 字符画 艺术文本 彩蛋注释-开发人员工具</title>
		<link>https://www.krjojo.com/10013.html</link>
					<comments>https://www.krjojo.com/10013.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Tue, 08 Oct 2024 05:52:37 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[字符画]]></category>
		<category><![CDATA[彩蛋]]></category>
		<category><![CDATA[注释]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=10013</guid>

					<description><![CDATA[<p>在HTML中，&#60;!DOCTYPE HTML>下添加如下内容即可实现类似效果 $$\ $$\ $$\ $$\ $$\ $$\ $$\ $$\ $$ &#124; $$ &#124; $$ &#124;$$ &#124; $$ &#124; $\ $$ &#124; $$ &#124; $$ &#124;$$ &#124; $$ &#124; $$$$$$\ $$ &#124;$$ &#124; $$$$$$\ $$ &#124;$$$\ $$ &#124; $$$$$$\ $$$$$$\ $$ &#124; $$$$$$$ &#124;$$$$$$$ ...</p>
<p><a href="https://www.krjojo.com/10013.html">网站添加 字符画 艺术文本 彩蛋注释-开发人员工具</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/10013.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Html5 地址发布页 单页源码</title>
		<link>https://www.krjojo.com/10007.html</link>
					<comments>https://www.krjojo.com/10007.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Tue, 08 Oct 2024 05:32:07 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[单页]]></category>
		<category><![CDATA[学习]]></category>
		<category><![CDATA[源码]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=10007</guid>

					<description><![CDATA[<p>发现一个很好看的地址发布页单页源码，做网站的应该都很熟悉了。 原文：https://6ke.li/forum-post/1160.html 演示地址：地址发布页 优点 效果展示 代码奉上</p>
<p><a href="https://www.krjojo.com/10007.html">Html5 地址发布页 单页源码</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/10007.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>分享一个仿Windows蓝屏的404页面</title>
		<link>https://www.krjojo.com/9851.html</link>
					<comments>https://www.krjojo.com/9851.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Sun, 08 Sep 2024 05:13:24 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[windows]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=9851</guid>

					<description><![CDATA[<p>效果 https://www.krjojo.com/resources/html/windows%e8%93%9d%e5%b1%8f404.html 页面源码</p>
<p><a href="https://www.krjojo.com/9851.html">分享一个仿Windows蓝屏的404页面</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/9851.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>一秒钟，把大家网站底裤扒出来 — Wappalyzer</title>
		<link>https://www.krjojo.com/9798.html</link>
					<comments>https://www.krjojo.com/9798.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Sat, 10 Aug 2024 08:53:25 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[Wappalyzer]]></category>
		<category><![CDATA[技术架构]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=9798</guid>

					<description><![CDATA[<p>对于许多人来说，深入了解一个网站背后使用的技术是非常有趣的。 也许你是一个开发者，想知道竞争对手使用的技术堆栈，或者你是一个数字营销者，想要知道一个网站使用的分析工具。无论你是哪一种，Wappalyzer 插件都是一个强大的工具，它能够迅速、准确地揭示网站所使用的技术。 只需要在浏览器中安装这款插件 Chrome: https://chromewebstore.google.com/detail/ ...</p>
<p><a href="https://www.krjojo.com/9798.html">一秒钟，把大家网站底裤扒出来 — Wappalyzer</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/9798.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPress 简单代码实现 外链跳转安全提示</title>
		<link>https://www.krjojo.com/9331.html</link>
					<comments>https://www.krjojo.com/9331.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Wed, 08 May 2024 03:41:54 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[外链]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=9331</guid>

					<description><![CDATA[<p>通过代码方式实现知乎那种外链跳转提示 可以自行定制提示页面 目前不清楚对搜索引擎是正收益还是负收益 核心代码 使用get传参进行传值，如以下这样 如果需要把网址直接写到url里面，可以自行小调整实现 改写文中所有url地址，进行base64编码 注释掉的那行为url传值，需要自己另外实现方法截取地址请求地址 添加提示页面模板 创建 link-tempate.php 模板文件，用于自定义返回页面内容 ...</p>
<p><a href="https://www.krjojo.com/9331.html">WordPress 简单代码实现 外链跳转安全提示</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/9331.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>为Nginx站点添加防盗链</title>
		<link>https://www.krjojo.com/8547.html</link>
					<comments>https://www.krjojo.com/8547.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Tue, 02 Apr 2024 09:40:46 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[nginx]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[referer]]></category>
		<category><![CDATA[网络安全]]></category>
		<category><![CDATA[防盗链]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=8547</guid>

					<description><![CDATA[<p>如果你发现网站没什么人访问但是服务器流量却哗哗的走，有一种可能是你的静态资源被盗用了，别人网站展示的图片，却从你的服务器上加载。 作用 主要防止其他网站直接引用自己网站的资源 原理 正常用户，正常浏览器，浏览A网站加载图片的时候，会在HTTP的头信息携带Referer这个参数，里面包含了A网站的网址。 Nginx通过检查HTTP的头携带的Referer参数，判断是否是自己的网址，如果不是，则拒绝访 ...</p>
<p><a href="https://www.krjojo.com/8547.html">为Nginx站点添加防盗链</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/8547.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Use X-Content-Type-Options Header修复</title>
		<link>https://www.krjojo.com/8514.html</link>
					<comments>https://www.krjojo.com/8514.html#respond</comments>
		
		<dc:creator><![CDATA[毛毛虫]]></dc:creator>
		<pubDate>Sat, 30 Mar 2024 02:31:31 +0000</pubDate>
				<category><![CDATA[apache]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[nginx]]></category>
		<category><![CDATA[信息技术]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[http]]></category>
		<category><![CDATA[http响应头]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[xss]]></category>
		<guid isPermaLink="false">https://www.krjojo.com/?p=8514</guid>

					<description><![CDATA[<p>今天在看到了 Use X-Content-Type-Options Header 的警告 具体内容为：https://webhint.io/docs/user-guide/hints/hint-x-content-type-options/?source=devtools 大概意思就是： 响应头用来指定浏览器对未指定或错误指定Content-Type资源真正类型的猜测行为，nosniff表示不允许 ...</p>
<p><a href="https://www.krjojo.com/8514.html">Use X-Content-Type-Options Header修复</a>最先出现在<a href="https://www.krjojo.com">手里有只毛毛虫</a>。</p>
]]></description>
		
					<wfw:commentRss>https://www.krjojo.com/8514.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
