XHTML 2.0新功能抢先预览

XHTML 2.0是一种为Web开发而设计的标记语言，它在原有XHTML 1.0的基础上进行了改进和完善。本篇攻略将为大家介绍XHTML 2.0的新功能以及如何使用这些新功能来制作更加高效的网站。

1. 概述

XHTML 2.0相比之前的版本在许多方面都进行了改进，在结构、标记语义、表单控件和模块化等方面都有所升级。下面将详细介绍XHTML 2.0的各项新功能及使用方法。

2. 结构

XHTML 2.0的结构相比之前的版本更加严谨和标准。新版本中，、、<frameset>、<noframes>和<isindex>等节点已经被删除，同时也新增了一些新节点和样式属性。下面是一些具有代表性的新节点：</p> <h3>2.1. </p> <article></h3> <article>标签用于定义文章或独立的内容块，它包含一个标题和其中的内容。例如：</p> <pre><code class="language-html"><article> <h2>这是一篇文章</h2> <p>文章的内容在这里</p> </article> </code></pre> <p>### 2.2. </p> <section> <section>标签用于表示网页中的一个章节或者主题，它通常包含标题和正文内容。例如：</p> <pre><code class="language-html"><section> <h3>这是一个章节</h3> <p>章节的内容在这里</p> </section> </code></pre> <p>### 2.3. <dialog></p> <p><dialog>标签用于定义一个弹出式对话框，它可以显示任意自定义的页面。例如：</p> <pre><code class="language-html"><dialog> <h3>欢迎来到我的网站</h3> <p>这是我的网站，欢迎您的到来</p> <button>确认</button> <button>取消</button> </dialog> </code></pre> <p>## 3. 表单控件</p> <p>XHTML 2.0对表单控件进行了更新和改进，主要包括以下两个方面：</p> <p>### 3.1. 新的表单控件类型</p> <p>XHTML 2.0引入了一些新的表单控件类型，包括：</p> <p>- color：用于选择颜色<br />- date：用于输入日期<br />- datetime：用于输入日期和时间<br />- datetime-local：用于输入本地日期和时间<br />- email：用于输入电子邮件地址<br />- month：用于输入年月<br />- number：用于输入数值<br />- range：用于选择数值范围<br />- search：用于输入搜索关键词<br />- tel：用于输入电话号码<br />- time：用于输入时间<br />- url：用于输入URL地址<br />- week：用于输入年周数</p> <p>### 3.2. 新的表单控件属性</p> <p>XHTML 2.0还引入了一些新的表单控件属性，例如：</p> <p>#### 3.2.1. autocomplete</p> <p>该属性用于控制输入框中是否提供自动完成功能，取值可以是on或off。</p> <pre><code class="language-html"><input type="text" name="username" autocomplete="off"> </code></pre> <p>#### 3.2.2. autofocus</p> <p>该属性用于控制输入框是否获得焦点，取值可以是autofocus或者省略。</p> <pre><code class="language-html"><input type="text" name="username" autofocus> </code></pre> <p>#### 3.2.3. placeholder</p> <p>该属性用于在输入框中提供默认的提示文本，该文本在用户输入内容之前显示。</p> <pre><code class="language-html"><input type="text" name="username" placeholder="输入您的用户名"> </code></pre> <p>## 4. 标记语义</p> <p>XHTML 2.0在标记语义方面有了很大的改进，它引入了一些新的语义化的标记，使得网页的结构更加清晰。</p> <p>### 4.1. </p> <nav> <nav>标签用于定义一个导航区域，它通常包含一组链接，用于页面之间的跳转。</p> <pre><code class="language-html"><nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </code></pre> <p>### 4.2. </p> <aside> <aside>标签用于定义一段附加内容或者与主要内容相关的辅助信息。</p> <pre><code class="language-html"><article> <h2>文章标题</h2> <p>文章内容</p> <aside> <p>相关链接：</p> <ul> <li><a href="#">链接1</a></li> <li><a href="#">链接2</a></li> </ul> </aside> </article> </code></pre> <p>## 5. 示例说明</p> <p>### 5.1. 使用</p> <article>标签</p> <p>下面是一个使用</p> <article>标签的例子，它定义了一篇文章和其中的标题和内容：</p> <pre><code class="language-html"><article> <h2>利用ELMo模型进行中文文本分类</h2> <p>本文介绍了如何使用ELMo模型对中文文本进行分类。</p> </article> </code></pre> <p>### 5.2. 使用<input type="color">控件</p> <p>下面是一个使用<input type="color">控件的例子，它用于选择页面背景颜色：</p> <pre><code class="language-html"><label for="bg-color">选择背景颜色：</label> <input type="color" id="bg-color" name="bg-color" value="#ffffff"> </code></pre> <p>## 6. 结论</p> <p>XHTML 2.0是一种标准而严谨的标记语言，它相比之前的版本在结构、标记语义、表单控件和模块化等方面都有所升级。使用XHTML 2.0可以使得我们的网站更加高效、规范和易于维护，值得我们去学习和使用。</p> <div class="entry-readmore"><div class="entry-readmore-btn"></div></div> <div class="entry-copyright"><p>本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：<a href="https://pythonjishu.com/htcmnjwcpgpnrua/">XHTML 2.0新功能抢先预览 - Python技术站</a></p></div> </div> <div class="entry-tag"><a href="https://pythonjishu.com/tag/css/" rel="tag">css</a></div> <div class="entry-action"> <div class="btn-zan" data-id="308749"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up-fill"></use></svg></i> 赞 <span class="entry-action-num">(0)</span></div> </div> <div class="entry-bar"> <div class="entry-bar-inner"> <div class="entry-bar-info entry-bar-info2"> <div class="info-item meta"> <a class="meta-item j-heart" href="javascript:;" data-id="308749"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i> <span class="data">0</span></a> <a class="meta-item" href="#comments"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i> <span class="data">0</span></a> <a class="meta-item dashang" href="javascript:;"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-cny-circle-fill"></use></svg></i> 打赏 <span class="dashang-img dashang-img2"> <span> <img src="//pythonjishu.com/wp-content/uploads/2023/02/2023-02-06_10-34-29.jpg" alt="微信扫一扫"/> 微信扫一扫 </span> <span> <img src="//pythonjishu.com/wp-content/uploads/2023/02/2023-02-06_10-35-01.jpg" alt="支付宝扫一扫"/> 支付宝扫一扫 </span> </span> </a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="308749" data-qrcode="https://pythonjishu.com/htcmnjwcpgpnrua/"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> 生成海报</a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg></i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg></i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg></i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg></i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg></i></a> </div> </div> </div> </div> </div> <div class="entry-page"> <div class="entry-page-prev entry-page-nobg"> <a href="https://pythonjishu.com/nwsmbsyqkpsqmmk/" title="Linux 文件内容相关命令使用汇总" rel="prev"> <span>Linux 文件内容相关命令使用汇总</span> </a> <div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2023年6月9日</span> </div> </div> <div class="entry-page-next entry-page-nobg"> <a href="https://pythonjishu.com/qnkoejmppjurrvh/" title="js检测标题与描述中的关键词发现就替换或跳转到别的页面" rel="next"> <span>js检测标题与描述中的关键词发现就替换或跳转到别的页面</span> </a> <div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2023年6月9日</span> </div> </div> </div> <div class="entry-related-posts"> <h3 class="entry-related-title">相关文章</h3><ul class="entry-related cols-3 post-loop post-loop-default"><li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/ehjgxnaoasoguaf/" rel="bookmark"> js canvas实现圆角图片 </a> </h3> <div class="item-excerpt"> <p>让我来为您讲解一下如何用JS Canvas实现圆角图片。准备工作在使用JS Canvas实现圆角图片之前，我们需要准备以下工作：引入JS文件我们需要在HTML文件中引入canvas.js文件，以便使用其中的方法和属性。可以使用以下代码进行引入： <script src="https://cdn.jsdelivr.net/npm/can…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月10日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/ehjgxnaoasoguaf/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/hcfwsjddyvzlgoa/" rel="bookmark"> CSS的未来:一些试验性非主流隐藏在浏览器中的CSS属性 </a> </h3> <div class="item-excerpt"> <p>CSS的未来可能不仅仅是我们已知的那些常规CSS属性，并且存在了一些试验性非主流CSS属性，这些属性可以在现代浏览器中进行实验和使用。在本篇攻略中，我们将讲解一些比较有趣的试验性非主流CSS属性，并提供一些示例。 1. clip-path clip-path是一个用于剪辑元素的CSS属性，它可以用于剪辑图片或其他图形，以及用于实现很炫酷的动画效果。clip-…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月9日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/hcfwsjddyvzlgoa/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/yokkccwlordjqvg/" rel="bookmark"> div水平垂直居中的完美解决方案 </a> </h3> <div class="item-excerpt"> <p>首先我们要了解什么是“div水平垂直居中的完美解决方案”。通常情况下，我们经常需要把一个容器（例如一个标签）居中显示，而这个容器的宽度和高度都是不确定的。此时，需要用到一种方法，能够适应各种情况，实现“水平垂直居中”的效果。这种方法，就是“flex布局”。 flex布局在父元素上使用display: flex，然后给子元素添加margin: auto即…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月10日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/yokkccwlordjqvg/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-myimg"><div class="wpcom_myimg_wrap __flow"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2252152819722406" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2252152819722406" data-ad-slot="5528197265" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></li><li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/qzodquyztdvlzrp/" rel="bookmark"> Vue项目中CSS Modules和Scoped CSS的介绍与区别 </a> </h3> <div class="item-excerpt"> <p>Vue项目中CSS Modules和Scoped CSS都是为了解决CSS命名冲突的问题，但是它们的实现方式不同。 CSS Modules是一种将CSS文件作为模块导入到JavaScript中的方案，通过导入的方式，每个CSS文件都有自己的作用域，避免了命名冲突。当我们使用CSS Modules时，我们需要在Vue组件中使用<style module&…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月9日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/qzodquyztdvlzrp/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/ufkkmdvsulonysa/" rel="bookmark"> CSS中px em rem区别与使用 </a> </h3> <div class="item-excerpt"> <p>当我们设计网页时，经常需要指定元素的大小，字体大小等，而CSS中提供了三种单位：px、em和rem。本篇攻略将详细讲解这三种单位的区别和应用场合。 px单位 px（Pixel）是像素单位，也是CSS中最常用的单位。指定某元素的大小时，使用的就是px。px的大小是相对于显示器屏幕分辨率而言的，即1px等于显示器上的一个物理像素点。例如，我们定义一个宽度为20…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月10日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/ufkkmdvsulonysa/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/jujxadmkfoykiqk/" rel="bookmark"> CSS 奇思妙想边框动画效果的实现 </a> </h3> <div class="item-excerpt"> <p>下面就详细讲解“CSS 奇思妙想边框动画效果的实现”的完整攻略。该攻略将从以下三个方面来讲解：创造不规则形状的边框利用伪元素和动画实现边框动画效果示例代码展示创造不规则形状的边框要实现边框动画效果，我们需要首先创造一些不规则形状的边框，以实现更独特的效果。使用border属性只能生成矩形形状的边框，而要实现不规则形状的边框，则需要使用 CSS cl…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月9日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/jujxadmkfoykiqk/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/nmduqwtxzqpgmcc/" rel="bookmark"> JS函数实现动态添加CSS样式表文件 </a> </h3> <div class="item-excerpt"> <p>下面是JS函数实现动态添加CSS样式表文件的完整攻略。一、基本原理在 HTML 中，我们可以使用 link 标签引入 CSS 样式表，例如： <link rel="stylesheet" type="text/css" href="style.css"> 但是如果我们想要动态地添加 …</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月10日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/nmduqwtxzqpgmcc/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> <li class="item item-no-thumb"> <div class="item-content"> <h3 class="item-title"> <a href="https://pythonjishu.com/xvcyktdrlaeywzg/" rel="bookmark"> 详解微信小程序-canvas绘制文字实现自动换行 </a> </h3> <div class="item-excerpt"> <p>下面是详解“详解微信小程序-canvas绘制文字实现自动换行”的完整攻略： 1. 背景介绍在微信小程序中，开发者可以使用canvas组件进行图形绘制。但是，canvas无法直接支持文字的自动换行，需要通过代码进行处理。 2. 实现思路要实现自动换行，我们需要分析文字的长度和canvas的尺寸，然后在适当的位置加入换行符。具体实现思路如下：获取文本的宽…</p> </div> <div class="item-meta"> <a class="item-meta-li" href="https://pythonjishu.com/css/" target="_blank">css</a> <span class="item-meta-li date">2023年6月11日</span> <div class="item-meta-right"> <a class="item-meta-li comments" href="https://pythonjishu.com/xvcyktdrlaeywzg/#comments" target="_blank" title="评论数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg></i>0</a><span class="item-meta-li stars" title="收藏数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg></i>0</span><span class="item-meta-li likes" title="点赞数"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-thumb-up"></use></svg></i>0</span> </div> </div> </div> </li> </ul> </div> </article> </main> <aside class="sidebar"> <div class="widget widget_post_thumb"><h3 class="widget-title"><span>最新文章</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://pythonjishu.com/openai-sora/" title="OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！"> <img width="480" height="300" src="https://pythonjishu.com/wp-content/uploads/2024/02/66372-20240216111025772-344088444-480x300.gif" class="attachment-default size-default wp-post-image" alt="OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！" decoding="async" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://pythonjishu.com/openai-sora/" title="OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！">OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！</a></p> <p class="item-date">2024年2月17日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://pythonjishu.com/openai-developer-conference/" title="短短 45 分钟发布会，OpenAI 再次让 AI 圈一夜未眠！"> <img width="480" height="300" src="https://pythonjishu.com/wp-content/uploads/2023/11/6ee575e7369b-480x300.jpg" class="attachment-default size-default wp-post-image" alt="短短 45 分钟发布会，OpenAI 再次让 AI 圈一夜未眠！" decoding="async" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://pythonjishu.com/openai-developer-conference/" title="短短 45 分钟发布会，OpenAI 再次让 AI 圈一夜未眠！">短短 45 分钟发布会，OpenAI 再次让 AI 圈一夜未眠！</a></p> <p class="item-date">2023年11月8日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://pythonjishu.com/ai-create-article-3/" title="如何评估AI 文章的输出质量：深入了解人工智慧生成的内容"> <img width="480" height="300" src="https://pythonjishu.com/wp-content/uploads/2023/10/photo-1684369175833-4b445ad6bfb5-480x300.jpg" class="attachment-default size-default wp-post-image" alt="如何评估AI 文章的输出质量：深入了解人工智慧生成的内容" decoding="async" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://pythonjishu.com/ai-create-article-3/" title="如何评估AI 文章的输出质量：深入了解人工智慧生成的内容">如何评估AI 文章的输出质量：深入了解人工智慧生成的内容</a></p> <p class="item-date">2023年11月1日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://pythonjishu.com/ai-create-article-2/" title="根据目标受众调整AI 写作风格：有效运用人工智能技术撰写吸引读者的内容"> <img width="480" height="300" src="https://pythonjishu.com/wp-content/uploads/2023/10/photo-1686191128680-caa7558da57f-480x300.jpg" class="attachment-default size-default wp-post-image" alt="根据目标受众调整AI 写作风格：有效运用人工智能技术撰写吸引读者的内容" decoding="async" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://pythonjishu.com/ai-create-article-2/" title="根据目标受众调整AI 写作风格：有效运用人工智能技术撰写吸引读者的内容">根据目标受众调整AI 写作风格：有效运用人工智能技术撰写吸引读者的内容</a></p> <p class="item-date">2023年10月29日</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="https://pythonjishu.com/ai-create-article/" title="5款中文AI文章产生器：中文写作必备「AI写作工具」快速SEO文章"> <img width="480" height="300" src="https://pythonjishu.com/wp-content/uploads/2023/10/photo-1686191567765-480x300.jpg" class="attachment-default size-default wp-post-image" alt="5款中文AI文章产生器：中文写作必备「AI写作工具」快速SEO文章" decoding="async" /> </a> </div> <div class="item-content"> <p class="item-title"><a href="https://pythonjishu.com/ai-create-article/" title="5款中文AI文章产生器：中文写作必备「AI写作工具」快速SEO文章">5款中文AI文章产生器：中文写作必备「AI写作工具」快速SEO文章</a></p> <p class="item-date">2023年10月29日</p> </div> </li> </ul> </div><div class="widget widget_html_myimg"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2252152819722406" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2252152819722406" data-ad-slot="5528197265" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div><div class="widget widget_lastest_news"><h3 class="widget-title"><span>热门文章</span></h3> <ul class="orderby-meta_value_num"> <li><a href="https://pythonjishu.com/openai-sora/" title="OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！">OpenAI重磅发布首个视频生成模型Sora，网友：一出手就是王炸！</a></li> </ul> </div> </aside> </div> </div> <footer class="footer"> <div class="container"> <div class="footer-col-wrap footer-with-icon"> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"><li id="menu-item-374373" class="menu-item menu-item-374373"><a href="https://pythonjishu.com/about/">关于我们</a></li> <li id="menu-item-374372" class="menu-item menu-item-privacy-policy menu-item-374372"><a rel="privacy-policy" href="https://pythonjishu.com/privacy-policy/">隐私政策</a></li> </ul> <div class="copyright"> <div class="copyright"> <p style="text-align: left;">© 2022-2024 <strong><a href="https://pythonjishu.com/" target="_blank" rel="noopener">Python技术站</a> </strong> 保留所有权利</p> <p style="text-align: left;"><img class="" src="https://pythonjishu.com/wp-content/uploads/2023/11/baico.png" alt="baico" width="16" height="18" /> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=21010502000733" target="_blank" rel="nofollow noopener noreferrer">辽公网安备21010502000733号</a> <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer">辽ICP备18014290号</a></p> <p><img class="alignleft" src="https://pythonjishu.com/wp-content/uploads/2023/11/aliprotected.png" alt="aliprotected" width="244" height="26" /></p> </div> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns"> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-wechat sns-icon"></i> <span style="background-image:url('//pythonjishu.com/wp-content/uploads/2023/01/wechat-metahuber.jpg');"></span> </a> <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon ri-music-fill sns-icon"></i> <span style="background-image:url('//pythonjishu.com/wp-content/uploads/2023/05/2023-05-07_20-49-41.jpg');"></span> </a> </div> </div> </div> </div> </footer> <div class="action action-style-1 action-color-1 action-pos-1" style="bottom:320px;"> <div class="action-item"> <i class="wpcom-icon fa fa-wechat action-item-icon"></i> <span>合作推广</span> <div class="action-item-inner action-item-type-1"> <img class="action-item-img" src="//pythonjishu.com/wp-content/uploads/2023/01/wechat-metahuber.jpg" alt="合作推广"> </div> </div> <div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i> <span>分享本页</span> </div> <div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i> <span>返回顶部</span> </div> </div> <script type="text/javascript" id="main-js-extra"> /* <![CDATA[ */ var _wpcom_js = {"webp":"","ajaxurl":"https:\/\/pythonjishu.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/pythonjishu.com\/wp-content\/themes\/justnews","slide_speed":"5000","is_admin":"0","lang":"zh_CN","js_lang":{"share_to":"\u5206\u4eab\u5230:","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd","confirm":"\u786e\u5b9a","qrcode":"\u4e8c\u7ef4\u7801","page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","expand_more":"\u9605\u8bfb\u5269\u4f59 %s"},"share":"1","lightbox":"1","post_id":"308749","user_card_height":"356","poster":{"notice":"\u8bf7\u957f\u6309\u4fdd\u5b58\u56fe\u7247\uff0c\u5c06\u5185\u5bb9\u5206\u4eab\u7ed9\u66f4\u591a\u597d\u53cb","generating":"\u6b63\u5728\u751f\u6210\u6d77\u62a5\u56fe\u7247...","failed":"\u6d77\u62a5\u56fe\u7247\u751f\u6210\u5931\u8d25"},"video_height":"484","fixed_sidebar":"1","dark_style":"0","font_url":"\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@400;500&display=swap","follow_btn":"<i class=\"wpcom-icon wi\"><svg aria-hidden=\"true\"><use xlink:href=\"#wi-add\"><\/use><\/svg><\/i>\u5173\u6ce8","followed_btn":"\u5df2\u5173\u6ce8","user_card":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://pythonjishu.com/wp-content/themes/justnews/js/main.js?ver=6.16.4" id="main-js"></script> <script type="text/javascript" src="https://pythonjishu.com/wp-content/themes/justnews/themer/assets/js/icons-2.7.17.js?ver=6.16.4" id="wpcom-icons-js"></script> <script type="text/javascript" id="wpcom-member-js-extra"> /* <![CDATA[ */ var _wpmx_js = {"ajaxurl":"https:\/\/pythonjishu.com\/wp-admin\/admin-ajax.php","plugin_url":"https:\/\/pythonjishu.com\/wp-content\/plugins\/wpcom-member\/","post_id":"308749","js_lang":{"login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c"},"login_url":"https:\/\/pythonjishu.com\/%e7%94%a8%e6%88%b7%e7%99%bb%e5%bd%95\/?modal-type=login","register_url":"https:\/\/pythonjishu.com\/%e7%94%a8%e6%88%b7%e6%b3%a8%e5%86%8c\/?modal-type=register","errors":{"require":"\u4e0d\u80fd\u4e3a\u7a7a","email":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u5b50\u90ae\u7bb1","pls_enter":"\u8bf7\u8f93\u5165","password":"\u5bc6\u7801\u5fc5\u987b\u4e3a6~32\u4e2a\u5b57\u7b26","passcheck":"\u4e24\u6b21\u5bc6\u7801\u8f93\u5165\u4e0d\u4e00\u81f4","phone":"\u8bf7\u8f93\u5165\u6b63\u786e\u7684\u7535\u8bdd\u53f7\u7801","terms":"\u8bf7\u9605\u8bfb\u5e76\u540c\u610f\u6761\u6b3e","sms_code":"\u9a8c\u8bc1\u7801\u9519\u8bef","captcha_verify":"\u8bf7\u70b9\u51fb\u6309\u94ae\u8fdb\u884c\u9a8c\u8bc1","captcha_fail":"\u4eba\u673a\u9a8c\u8bc1\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5","nonce":"\u968f\u673a\u6570\u6821\u9a8c\u5931\u8d25","req_error":"\u8bf7\u6c42\u5931\u8d25"}}; /* ]]> */ </script> <script type="text/javascript" src="https://pythonjishu.com/wp-content/plugins/wpcom-member/js/index.js?ver=1.3.4" id="wpcom-member-js"></script> <script type="text/javascript" src="https://pythonjishu.com/wp-content/themes/justnews/js/wp-embed.js?ver=6.16.4" id="wp-embed-js"></script> <script id="module-flowchart"> (function($) { $(function() { if (typeof $.fn.flowChart !== "undefined") { if ($(".language-flow").length > 0) { $(".language-flow").parent("pre").attr("style", "text-align: center; background: none;"); $(".language-flow").addClass("flowchart").removeClass("language-flow"); $(".flowchart").flowChart(); } } }); })(jQuery); </script> <script id="module-sequence-diagram"> (function($) { $(function() { if (typeof $.fn.sequenceDiagram !== "undefined") { $(".language-sequence").parent("pre").attr("style", "text-align: center; background: none;"); $(".language-seq").parent("pre").attr("style", "text-align: center; background: none;"); $(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence"); $(".language-seq").addClass("sequence-diagram").removeClass("language-seq"); $(".sequence-diagram").sequenceDiagram({ theme: "simple" }); } }); })(jQuery); </script> <script id="module-toc"> (function($) { $(function() { }); })(jQuery); </script> <script>document.getElementById('j-user-wrap').style.display="none";</script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "@id": "https://pythonjishu.com/htcmnjwcpgpnrua/", "url": "https://pythonjishu.com/htcmnjwcpgpnrua/", "headline": "XHTML 2.0新功能抢先预览", "description": "XHTML 2.0是一种为Web开发而设计的标记语言，它在原有XHTML 1.0的基础上进行了改进和完善。本篇攻略将为大家介绍XHTML 2.0的新功能以及如何使用这些新功能来制作更加高效的网站。 1. 概述 XHTML 2.0相比之前的版本在许多方面都进行了改进，在结构、标记语义、表单控件和模块化等方面都有所升级。下…", "datePublished": "2023-06-09T13:18:13+08:00", "dateModified": "2023-06-09T13:18:13+08:00", "author": {"@type":"Person","name":"metahuber","url":"/5","image":"//pythonjishu.com/wp-content/uploads/member/avatars/b7fbbce2345d7772.1690897281.jpg"} } </script> </body> </html>