<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh">
  <title>我的博客</title>
  <subtitle>网络博客。</subtitle>
  <link href="https://demo.w3c.cool/web/feed/atom.xml" rel="self" />
  <link href="https://demo.w3c.cool/" />
  <updated>2025-11-26T06:00:00Z</updated>
  <id>https://demo.w3c.cool/</id>
  <author>
    <name>我的博客</name>
  </author>
  <entry>
    <title>在广大公众及全球社区的助力下，专注于深受Web影响的行业生态。</title>
    <link href="https://demo.w3c.cool/web/Web%E5%BD%B1%E5%93%8D%E7%9D%80%E5%93%AA%E4%BA%9B%E8%A1%8C%E4%B8%9A%E7%94%9F%E6%80%81/" />
    <updated>2025-11-26T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/Web%E5%BD%B1%E5%93%8D%E7%9D%80%E5%93%AA%E4%BA%9B%E8%A1%8C%E4%B8%9A%E7%94%9F%E6%80%81/</id>
    <content type="html">&lt;p&gt;在广大公众及全球社区的助力下，专注于深受Web影响的行业生态。&lt;/p&gt;
&lt;h2 id=&quot;%e7%94%b5%e5%ad%90%e5%95%86%e5%8a%a1&quot;&gt;电子商务&lt;/h2&gt;
&lt;p&gt;在Web上实现更简单、更安全的支付和电子商务。&lt;/p&gt;
&lt;h2 id=&quot;%e5%aa%92%e4%bd%93%e4%b8%8e%e5%a8%b1%e4%b9%90&quot;&gt;媒体与娱乐&lt;/h2&gt;
&lt;p&gt;将Web打造成交付媒体内容和沉浸式体验的专业平台。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>我们的使命</title>
    <link href="https://demo.w3c.cool/web/%E6%88%91%E4%BB%AC%E7%9A%84%E4%BD%BF%E5%91%BD/" />
    <updated>2025-11-25T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E6%88%91%E4%BB%AC%E7%9A%84%E4%BD%BF%E5%91%BD/</id>
    <content type="html">&lt;p&gt;让web为全人类服务！W3C汇聚全球利益相关者协力制定开放标准，共建同一个连接并赋能全人类的万维网。&lt;/p&gt;
&lt;p&gt;为了实现让web为全人类服务的愿景，我们坚守以下核心价值观：&lt;/p&gt;
&lt;p&gt;Web是全人类的。
Web设计服务于用户利益。
Web对用户必须是安全的。
只有一个互联互通的全球Web。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>数据与知识</title>
    <link href="https://demo.w3c.cool/web/%E6%95%B0%E6%8D%AE%E4%B8%8E%E7%9F%A5%E8%AF%86/" />
    <updated>2025-11-24T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E6%95%B0%E6%8D%AE%E4%B8%8E%E7%9F%A5%E8%AF%86/</id>
    <content type="html">&lt;p&gt;关联开放数据是数字转型的关键部分，对社会产生积极影响。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Web正变革支付方式</title>
    <link href="https://demo.w3c.cool/web/Web%E6%AD%A3%E5%8F%98%E9%9D%A9%E6%94%AF%E4%BB%98%E6%96%B9%E5%BC%8F/" />
    <updated>2025-11-23T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/Web%E6%AD%A3%E5%8F%98%E9%9D%A9%E6%94%AF%E4%BB%98%E6%96%B9%E5%BC%8F/</id>
    <content type="html">&lt;p&gt;为确保Web不断发展以满足新的行业需求，我们正在召集电子商务公司、支付服务提供商、银行卡网络、银行、浏览器供应商及其他相关方，共同塑造Web支付和电子商务的发展方式。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>万维物联网</title>
    <link href="https://demo.w3c.cool/web/%E4%B8%87%E7%BB%B4%E7%89%A9%E8%81%94%E7%BD%91/" />
    <updated>2025-11-20T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E4%B8%87%E7%BB%B4%E7%89%A9%E8%81%94%E7%BD%91/</id>
    <content type="html">&lt;p&gt;连通不同技术栈，让诸多设备协同工作，实现规模化，消除碎片化，促进互用性，释放物联网的潜力。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>媒体与娱乐</title>
    <link href="https://demo.w3c.cool/web/%E5%AA%92%E4%BD%93%E4%B8%8E%E5%A8%B1%E4%B9%90/" />
    <updated>2025-11-14T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E5%AA%92%E4%BD%93%E4%B8%8E%E5%A8%B1%E4%B9%90/</id>
    <content type="html">&lt;p&gt;将Web打造成交付媒体内容和沉浸式体验的专业平台。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>星际争霸II依然很棒。</title>
    <link href="https://demo.w3c.cool/web/starcraft/" />
    <updated>2025-11-14T06:00:00Z</updated>
    <id>https://demo.w3c.cool/web/starcraft/</id>
    <content type="html">&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/StarCraft_II:_Wings_of_Liberty&quot;&gt;星际争霸II&lt;/a&gt;于2010年首次发布，现在仍然令人惊叹：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;免费游玩（自2017年起）&lt;/li&gt;
&lt;li&gt;这是个老游戏，所以它可以在各种硬件和软件上运行。&lt;/li&gt;
&lt;li&gt;很棒的教学游戏，从头开始训练新玩家（即使是那些没有任何即时战略经验的人）。&lt;/li&gt;
&lt;li&gt;它包括多人合作模式！&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;我有一些旧的工作和个人电脑，能够在4台不同的机器上（一些Windows，一些macOS）安装Battle.net和星际争霸II，举办一个小型家庭局域网派对——这&lt;em&gt;太棒了&lt;/em&gt;。&lt;/p&gt;
&lt;p&gt;看着我们8岁和10岁的孩子们在我们与电脑对战时大喊合作指令，这很特别——向过去时代致敬：在童年地下室与朋友一起玩电子游戏。&lt;/p&gt;
&lt;p&gt;一些注意事项：&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;你需要鼠标来玩这个游戏（你不能用触控板玩这个游戏）。我为孩子们买了几个超级便宜的罗技鼠标。&lt;/li&gt;
&lt;li&gt;注册新Battle.net账户时的CAPTCHA令人难以置信的糟糕（我不得不添加数量惊人的骰子图片来创建4个账户）。&lt;/li&gt;
&lt;/ul&gt;
&lt;div&gt;&lt;a href=&quot;https://starcraft2.blizzard.com/&quot; class=&quot;favicon-optout&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;p&gt;你有符合这个条件的最喜欢的即时战略游戏吗？&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>数字出版</title>
    <link href="https://demo.w3c.cool/web/%E6%95%B0%E5%AD%97%E5%87%BA%E7%89%88/" />
    <updated>2025-11-02T05:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E6%95%B0%E5%AD%97%E5%87%BA%E7%89%88/</id>
    <content type="html">&lt;p&gt;Web是首选的数字出版平台。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>参与行业和社区对话</title>
    <link href="https://demo.w3c.cool/web/%E5%8F%82%E4%B8%8E%E8%A1%8C%E4%B8%9A%E5%92%8C%E7%A4%BE%E5%8C%BA%E5%AF%B9%E8%AF%9D/" />
    <updated>2025-10-30T05:00:00Z</updated>
    <id>https://demo.w3c.cool/web/%E5%8F%82%E4%B8%8E%E8%A1%8C%E4%B8%9A%E5%92%8C%E7%A4%BE%E5%8C%BA%E5%AF%B9%E8%AF%9D/</id>
    <content type="html">&lt;p&gt;旨在通过识别标准和Web自身可改进的领域，让在线广告更有效且更好地保护隐私，从而改善用户、广告商、发布商、分销商、广告网络、代理机构等各方的生态系统和体验。&lt;/p&gt;
</content>
  </entry>
  <entry>
    <title>Markdown中代码块的包装元素</title>
    <link href="https://demo.w3c.cool/web/markdown-code-wrapper/" />
    <updated>2025-10-22T05:00:00Z</updated>
    <id>https://demo.w3c.cool/web/markdown-code-wrapper/</id>
    <content type="html">&lt;p&gt;今天我在&lt;code&gt;markdown-it&lt;/code&gt;插件中遇到了一个令人惊讶的边缘情况bug，我认为值得分享！&lt;/p&gt;
&lt;p&gt;考虑这个带有空行的示例&lt;code&gt;index.md&lt;/code&gt;模板（markdown文件中的典型用法）：&lt;/p&gt;
&lt;pre class=&quot;language-markdown&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-markdown&quot;&gt;&lt;span class=&quot;token code&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;```&lt;/span&gt;&lt;span class=&quot;token code-language&quot;&gt;js&lt;/span&gt;
&lt;span class=&quot;token code-block language-js&quot;&gt;&lt;span class=&quot;token comment&quot;&gt;// Line 1&lt;/span&gt;

&lt;span class=&quot;token comment&quot;&gt;// Line 3&lt;/span&gt;&lt;/span&gt;
&lt;span class=&quot;token punctuation&quot;&gt;```&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;这渲染为（这是好的、正确的、预期的✅）：&lt;/p&gt;
&lt;pre class=&quot;language-html&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;// line 1

// line 3
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;现在考虑这个Markdown代码（&lt;code&gt;.md&lt;/code&gt;文件中的HTML）。这类似于&lt;em&gt;任何&lt;/em&gt;通用语法高亮插件（比如说，即使是会返回的代码（特别是当首先将Markdown预处理为Liquid时，项目默认这样做）：&lt;/p&gt;
&lt;pre class=&quot;language-markdown&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-markdown&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
// line 1

// line 3
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;这个上面按原样渲染（passthrough）而不做更改（这也是好的、正确的、预期的✅）。&lt;/p&gt;
&lt;p&gt;现在考虑第三种情况，你的&lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt;被包装在另一个HTML元素中（这里为了简单使用&lt;code&gt;&amp;lt;div&amp;gt;&lt;/code&gt;）：&lt;/p&gt;
&lt;pre class=&quot;language-markdown&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-markdown&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
// line 1

// line 3
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;这渲染为（损坏的、错误的、不预期的⛔️）：&lt;/p&gt;
&lt;pre class=&quot;language-html&quot; tabindex=&quot;0&quot;&gt;&lt;code class=&quot;language-html&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
// line 1
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;// line 3
&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;code&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;pre&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;div&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token tag&quot;&gt;&lt;span class=&quot;token punctuation&quot;&gt;&amp;lt;/&lt;/span&gt;p&lt;/span&gt;&lt;span class=&quot;token punctuation&quot;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;&lt;em&gt;（无论是否使用&lt;code&gt;&amp;lt;code&amp;gt;&lt;/code&gt;元素都会发生相同的行为）&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;这里的要点是，如果你在&lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt;周围使用包装元素来嵌套一些更复杂的元素（例如，为你的代码块添加复制到剪贴板按钮），你需要确保返回三重反引号语法而不是&lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt;，这样Markdown解析器就不会引入不需要的段落元素。&lt;/p&gt;
</content>
  </entry>
</feed>