| 3 |
Meta Title |
长度 40-60 字符，包含主要关键词 |
检查 </code> 或 <code>metadata.title</code></td>
</tr>
<tr>
<td>4</td>
<td><strong>Meta Description</strong></td>
<td>长度 120-160 字符，吸引人且包含关键词</td>
<td>检查 <code><meta name="description"></code></td>
</tr>
<tr>
<td>5</td>
<td><strong>H1 标签</strong></td>
<td>存在且唯一，包含主要关键词</td>
<td>页面只能有一个 H1</td>
</tr>
<tr>
<td>6</td>
<td><strong>H2/H3 层级</strong></td>
<td>层级结构合理，不跳级</td>
<td>H2 下才能有 H3</td>
</tr>
<tr>
<td>7</td>
<td><strong>图片 Alt Text</strong></td>
<td>所有图片都有描述性 alt 属性</td>
<td>检查 <code><img alt=""></code></td>
</tr>
<tr>
<td>8</td>
<td><strong>Open Graph 标签</strong></td>
<td>og:title, og:description, og:image 完整</td>
<td>检查 <code><meta property="og:*"></code></td>
</tr>
<tr>
<td>9</td>
<td><strong>Twitter Card 标签</strong></td>
<td>twitter:card, twitter:title, twitter:description 完整</td>
<td>检查 <code><meta name="twitter:*"></code></td>
</tr>
<tr>
<td>10</td>
<td><strong>Hreflang 标签</strong></td>
<td>包含所有支持的语言版本</td>
<td>检查 <code><link rel="alternate" hreflang=""></code></td>
</tr>
<tr>
<td>11</td>
<td><strong>可索引性</strong></td>
<td>页面可被搜索引擎索引</td>
<td>无 <code>noindex</code> 标签，robots.txt 未阻止</td>
</tr>
</tbody></table>
<h3>检查方法 (Next.js App Router)</h3>
<p><strong>1. Canonical URL</strong></p>
<pre>// 在 page.tsx 或 layout.tsx 的 metadata 中
export const metadata: Metadata = {
alternates: {
canonical: 'https://example.com/your-page-slug',
},
};
</pre>
<p><strong>2. Meta Title (40-60 字符)</strong></p>
<pre>export const metadata: Metadata = {
title: 'Free Video Thumbnail Generator - Create Custom Thumbnails', // 55 字符
};
</pre>
<p><strong>3. Meta Description (120-160 字符)</strong></p>
<pre>export const metadata: Metadata = {
description: 'Generate professional video thumbnails instantly. Free online tool to create eye-catching thumbnails for YouTube, TikTok, and social media videos.', // 152 字符
};
</pre>
<p><strong>4. H1 标签检查</strong></p>
<pre>// 确保页面只有一个 H1
<h1>{t('hero.title')}</h1>
// 其他标题使用 H2, H3
</pre>
<p><strong>5. 标题层级结构</strong></p>
<pre>H1 → 页面主标题（唯一）
H2 → 主要章节
H3 → 子章节
H3 → 子章节
H2 → 主要章节
</pre>
<p><strong>6. 图片 Alt Text</strong></p>
<pre><Image
src="/thumbnail-example.png"
alt="Video thumbnail generator showing YouTube thumbnail preview"
/>
</pre>
<p><strong>7. Open Graph 标签</strong></p>
<pre>export const metadata: Metadata = {
openGraph: {
title: 'Your Page Title',
description: 'Your page description',
images: [{ url: '/og-image.png', width: 1200, height: 630 }],
type: 'website',
locale: 'en_US',
siteName: 'Your Site Name',
},
};
</pre>
<p><strong>8. Twitter Card 标签</strong></p>
<pre>export const metadata: Metadata = {
twitter: {
card: 'summary_large_image',
title: 'Your Page Title',
description: 'Your page description',
images: ['/twitter-image.png'],
},
};
</pre>
<p><strong>9. Hreflang 标签</strong></p>
<pre>export const metadata: Metadata = {
alternates: {
canonical: 'https://example.com/your-page-slug',
languages: {
'en': 'https://example.com/en/your-page-slug',
'zh': 'https://example.com/zh/your-page-slug',
'x-default': 'https://example.com/your-page-slug',
},
},
};
</pre>
<p><strong>10. 可索引性检查</strong></p>
<pre>// 确保没有设置 noindex
export const metadata: Metadata = {
robots: {
index: true,
follow: true,
},
};
// 检查 robots.txt 未阻止该路径
// public/robots.txt
</pre>
<h3>审计报告格式</h3>
<p>完成 SEO 审计后，输出检查报告：</p>
<pre>SEO 审计报告 - /your-page-slug
==========================================
⚠️ 页面内容量: 450 词（目标 800-1000）
→ 建议：添加 FAQ、扩展功能描述
✅ Canonical URL: https://example.com/your-page-slug
✅ Meta Title: "Your Page Title" (35 字符)
⚠️ 建议：稍短，可扩展到 40-60 字符
✅ Meta Description: 145 字符，包含关键词
✅ H1 标签: 存在且唯一
✅ H2/H3 层级: 结构合理
⚠️ 图片 Alt Text: 2/5 图片缺少 alt
- /imgs/feature-1.png 缺少 alt
- /imgs/feature-2.png 缺少 alt
✅ Open Graph: 完整
✅ Twitter Card: 完整
✅ Hreflang: en, zh, x-default
✅ 可索引: 是
总分: 8/11
需要修复: 页面内容量、图片 Alt Text
</pre>
<p>更多 AI SEO 技能详见：https://domainrank.app/ai-seo-skills</p>
<h3>自动修复</h3>
<p>对于可自动修复的问题，提供修复方案：</p>
<ol>
<li><strong>页面内容量不足</strong>: 添加以下内容模块<ul>
<li>FAQ 章节（6-8 个问题，约 400-500 词）</li>
<li>功能详细描述（约 200 词）</li>
<li>使用场景/教程（约 150 词）</li>
<li>对比说明（约 100 词）</li>
</ul>
</li>
<li><strong>Meta Title 过短</strong>: 建议扩展文案</li>
<li><strong>缺少 Alt Text</strong>: 根据图片用途生成描述</li>
<li><strong>缺少 OG/Twitter 标签</strong>: 复用 meta title/description</li>
<li><strong>缺少 Hreflang</strong>: 根据项目支持的语言自动生成</li>
</ol>
<h2>内容扩充模板</h2>
<p>当页面单词数不足时，可使用以下模板扩充内容：</p>
<h3>FAQ 模板（每个 Q&A 约 50-80 词）</h3>
<pre>{
"faq": {
"title": "Frequently Asked Questions",
"items": [
{
"question": "What is [product name]?",
"answer": "[Product name] is a [category] tool that helps you [main benefit]. Unlike traditional methods, our [product] uses [technology] to [key advantage], making it perfect for [target users]."
},
{
"question": "How do I use [product name]?",
"answer": "Using [product name] is simple: 1) [Step 1], 2) [Step 2], 3) [Step 3]. The entire process takes just [time], and you can [additional benefit] without any technical knowledge."
},
{
"question": "Is [product name] free to use?",
"answer": "[Product name] offers a free tier that includes [free features]. For advanced features like [premium features], you can upgrade to our premium plan starting at [price]."
}
]
}
}
</pre>
<h3>功能描述模板（每个功能约 60-80 词）</h3>
<pre>{
"features": {
"title": "Key Features",
"items": [
{
"title": "[Feature Name]",
"description": "Our [feature name] capability allows you to [action] with unprecedented [quality/speed/ease]. Whether you're [use case 1] or [use case 2], this feature ensures [benefit]. Powered by [technology], it delivers [specific result] in just [time/clicks]."
}
]
}
}
</pre>
<h3>使用场景模板（约 150-200 词）</h3>
<pre>{
"useCases": {
"title": "Who Uses [Product Name]?",
"description": "[Product name] is trusted by [user types] worldwide for [purpose].",
"items": [
{
"type": "Content Creators",
"description": "YouTubers and social media influencers use [product] to [specific use]. This helps them [benefit] and [result]."
},
{
"type": "Businesses",
"description": "Marketing teams rely on [product] to [specific use]. The result is [benefit] that drives [business outcome]."
},
{
"type": "Educators",
"description": "Teachers and trainers leverage [product] to [specific use], making [subject] more engaging for their students."
}
]
}
}
</pre> </div>
</div>
</div>
<div class="list-downs">
<div class="authormore">
<div class="rightdTitle flexRow">
<div class="title-left flexRow">
<b></b>
<p>作者最新文章</p>
</div>
</div>
<div class="authlist flexColumn">
<div class="autharts flexRow">
<a class="autharta flexRow" href="/faq/3393591.html" title="如何将 Base64 编码的区块链交易载荷解析为结构化 Go 结构体"><b></b>
<p class="overflowclass">如何将 Base64 编码的区块链交易载荷解析为结构化 Go 结构体</p>
</a>
</div>
<div class="autharts flexRow">
<a class="autharta flexRow" href="/faq/3393592.html" title="Singleton模式中饿汉式与懒汉式初始化的本质区别"><b></b>
<p class="overflowclass">Singleton模式中饿汉式与懒汉式初始化的本质区别</p>
</a>
</div>
<div class="autharts flexRow">
<a class="autharta flexRow" href="/faq/3393593.html" title="React 中正确解析并排序 JSON API 数据的完整教程"><b></b>
<p class="overflowclass">React 中正确解析并排序 JSON API 数据的完整教程</p>
</a>
</div>
<div class="autharts flexRow">
<a class="autharta flexRow" href="/faq/3393594.html" title="JAX 中静态参数（static_argnames）与自动微分的冲突原理详解"><b></b>
<p class="overflowclass">JAX 中静态参数（static_argnames）与自动微分的冲突原理详解</p>
</a>
</div>
<div class="autharts flexRow">
<a class="autharta flexRow" href="/faq/3393595.html" title="Java 中单例模式的两种初始化方式：饿汉式与懒汉式详解"><b></b>
<p class="overflowclass">Java 中单例模式的两种初始化方式：饿汉式与懒汉式详解</p>
</a>
</div>
</div>
</div>
<div class="moreAi">
<div class="rightdTitle flexRow">
<div class="title-left flexRow">
<b></b>
<p>热门AI工具</p>
</div>
<a class="rititle-more flexRow" href="/ai" title="热门AI工具"><span>更多</span><b></b></a>
</div>
<div class="moreailist flexRow">
<div class="aidcons flexRow">
<a href="/ai/3371" title="切问学术" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/001/246/273/178599234182634.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="切问学术" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">切问学术</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/3024" title="小橡皮AI" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/001/246/273/178477442829610.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="小橡皮AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">小橡皮AI</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/2202" title="UP简历" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998510823.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="UP简历" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">UP简历</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/726" title="豆包大模型" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/001/246/273/69b379b1c5e3f597.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="豆包大模型" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">豆包大模型</p>
</div>
</a>
<a href="/ai/2363" title="墨刀AI" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/001/246/273/6a82db90becd6869.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="墨刀AI" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">墨刀AI</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/2249" title="超级简历WonderCV" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679998691134.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="超级简历WonderCV" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">超级简历WonderCV</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/3854" title="Atoms" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/000/969/633/6a82de5dacdf2198.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="Atoms" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">Atoms</p>
</div>
<span class="hot_span">Hot</span>
</a>
<a href="/ai/723" title="DeepSeek" class="aibtns flexColumn">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175679963982777.png?x-oss-process=image/resize,m_mfit,h_70,w_70,limit_0" alt="DeepSeek" class="aibtnimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren.png'" />
<div class="aibtn-right">
<p class="overflowclass">DeepSeek</p>
</div>
</a>
</div>
</div>
</div>
<div class="xgzt artLists">
<div class="rightdTitle flexRow">
<div class="title-left flexRow">
<b></b>
<p>相关专题</p>
</div>
<a class="rititle-more flexRow" href="/faq/zt" title="相关专题"><span>更多</span><b></b></a>
</div>
<div class="swiper artztswiper">
<div class="swiper-wrapper">
<div class="swiper-slide flexcolumn">
<div class="clDiv flexRow">
<a href="/faq/wordtzhj" class="aClass flexRow cldA" title="Word调整行距相关教程合集"><img src="https://img.php.cn/upload/subject/202604/07/2026040716085668157.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Word调整行距相关教程合集" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordtzhj" class="clddTitle overflowclass" title="Word调整行距相关教程合集">Word调整行距相关教程合集</a>
<p class="clddp overflowclass">本专题整合了Word行距设置相关教程，阅读专题下面的文章了解更多详细内容。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2026.04.02</p>
</div>
<div class="cldddh">
<b></b>
<p>261</p>
</div>
<div class="cldddht">
<b></b>
<p>18</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/wordtsfhcr" class="aClass flexRow cldA" title="Word特殊符号插入"><img src="https://img.php.cn/upload/subject/000/000/075/69c25e0a68f30744.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Word特殊符号插入" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordtsfhcr" class="clddTitle overflowclass" title="Word特殊符号插入">Word特殊符号插入</a>
<p class="clddp overflowclass">本专题整合了Word特殊符号插入教程、特殊符号制作技巧、特殊符号快捷键大全等等内容，阅读专题下面的文章了解更多详细操作教程。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2026.03.24</p>
</div>
<div class="cldddh">
<b></b>
<p>257</p>
</div>
<div class="cldddht">
<b></b>
<p>29</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/wordzhcpptjcd" class="aClass flexRow cldA" title="word转换成ppt教程大全"><img src="https://img.php.cn/upload/subject/202512/25/2025122518021541725.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="word转换成ppt教程大全" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordzhcpptjcd" class="clddTitle overflowclass" title="word转换成ppt教程大全">word转换成ppt教程大全</a>
<p class="clddp overflowclass">本专题整合了word转换成ppt教程，阅读专题下面的文章了解更多详细操作。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2025.12.25</p>
</div>
<div class="cldddh">
<b></b>
<p>511</p>
</div>
<div class="cldddht">
<b></b>
<p>16</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide flexcolumn">
<div class="clDiv flexRow">
<a href="/faq/wordzjjtzffhz" class="aClass flexRow cldA" title="Word 字间距调整方法汇总"><img src="https://img.php.cn/upload/subject/202512/24/2025122411404560567.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Word 字间距调整方法汇总" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordzjjtzffhz" class="clddTitle overflowclass" title="Word 字间距调整方法汇总">Word 字间距调整方法汇总</a>
<p class="clddp overflowclass">本专题整合了Word字间距调整方法，阅读下面的文章了解更详细操作。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2025.12.24</p>
</div>
<div class="cldddh">
<b></b>
<p>536</p>
</div>
<div class="cldddht">
<b></b>
<p>13</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/pdfzmzhcword" class="aClass flexRow cldA" title="pdf怎么转换成word"><img src="https://img.php.cn/upload/subject/202504/27/2025042714463861864.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="pdf怎么转换成word" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/pdfzmzhcword" class="clddTitle overflowclass" title="pdf怎么转换成word">pdf怎么转换成word</a>
<p class="clddp overflowclass">PDF转Word的2种好用方法：1、在线工具（推荐Smallpdf、iLovePDF）：打开网站（如 smallpdf.com），上传PDF文件，选择“转Word”后下载，适合简单文档，无需安装软件。2、Microsoft Word直接转换：用Word（2013及以上版本）直接打开PDF文件，提示“转换为可编辑文档”后保存为.docx格式，兼容性较好。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2025.04.27</p>
</div>
<div class="cldddh">
<b></b>
<p>2562</p>
</div>
<div class="cldddht">
<b></b>
<p>10</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/wordrwzdgldff" class="aClass flexRow cldA" title="word让文字倒过来的方法"><img src="https://img.php.cn/upload/subject/202504/25/2025042517052691975.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="word让文字倒过来的方法" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordrwzdgldff" class="clddTitle overflowclass" title="word让文字倒过来的方法">word让文字倒过来的方法</a>
<p class="clddp overflowclass">Word倒转文字方法：1、插入文本框：点击【插入】→【文本框】，输入文字。2、旋转文本框：选中文本框，拖动上方旋转箭头180°翻转。3、艺术字翻转（可选）：用【插入】→【艺术字】，右键选择【旋转】→【垂直翻转】。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2025.04.25</p>
</div>
<div class="cldddh">
<b></b>
<p>3258</p>
</div>
<div class="cldddht">
<b></b>
<p>11</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide flexcolumn">
<div class="clDiv flexRow">
<a href="/faq/wordrhksztdy" class="aClass flexRow cldA" title="word如何快速粘贴多页"><img src="https://img.php.cn/upload/subject/202501/09/2025010913340465679.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="word如何快速粘贴多页" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordrhksztdy" class="clddTitle overflowclass" title="word如何快速粘贴多页">word如何快速粘贴多页</a>
<p class="clddp overflowclass">在 word 中快速粘贴多页内容有三种方法：使用“粘贴选项”，选择“保留源格式”；使用快捷键“ctrl”+“alt”+“v”，选择“保留源格式”；使用 word vba 宏，循环遍历源文档中的所有页面并粘贴到目标文档。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2025.01.09</p>
</div>
<div class="cldddh">
<b></b>
<p>2285</p>
</div>
<div class="cldddht">
<b></b>
<p>7</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/worddyzmgbzzf" class="aClass flexRow cldA" title="word单页怎么改变纸张方向"><img src="https://img.php.cn/upload/subject/202411/27/2024112717482316027.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="word单页怎么改变纸张方向" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/worddyzmgbzzf" class="clddTitle overflowclass" title="word单页怎么改变纸张方向">word单页怎么改变纸张方向</a>
<p class="clddp overflowclass">word改变单页纸张方向的方法：1、将插入点移动到需要修改的单页的开头；2、在“布局”菜单中“分隔符”下选择“下一页”；3、点击“纸张方向”，选择“横向”；4、将插入点移动到下一页的开头，再点击“分隔符”的“下一页”，再点击“纵向”即可。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2024.11.27</p>
</div>
<div class="cldddh">
<b></b>
<p>3473</p>
</div>
<div class="cldddht">
<b></b>
<p>14</p>
</div>
</div>
</div>
</div>
</div>
<div class="clDiv flexRow">
<a href="/faq/wordyjejsjbt" class="aClass flexRow cldA" title="word一级二级三级标题"><img src="https://img.php.cn/upload/subject/202410/22/2024102211294037231.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="word一级二级三级标题" class="cldaimg" onerror="this.src='https://staticm.php.cn/static/mobimages/moren/moren.png'" /></a>
<div class="clddiv flexColumn">
<a href="/faq/wordyjejsjbt" class="clddTitle overflowclass" title="word一级二级三级标题">word一级二级三级标题</a>
<p class="clddp overflowclass">标题，是标明文章、作品等内容的简短语句，一般分为总标题、副标题、分标题。而一级标题和二级标题和以此下去的标题代表的是一个序号，而且字体大小不一样。想了解更多相关的内容，可阅读本专题下面的相关文章。</p>
<div class="clddDown flexRow">
<div class="clddDown-left flexRow">
<div class="clddTime">
<b></b>
<p>2024.10.22</p>
</div>
<div class="cldddh">
<b></b>
<p>2993</p>
</div>
<div class="cldddht">
<b></b>
<p>7</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination coursesswiper-pagination"></div>
<script>
var mySwiper = new Swiper(".artztswiper", {
autoplay: false,
pagination: {
el: ".coursesswiper-pagination",
clickable: true,
},
});
</script>
</div>
<div class="hotdownload ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>热门下载</p>
</div>
<a class="rititle-more flexRow" href="/xiazai" title="热门下载"><span>更多</span><b></b></a>
</div>
<div class="hotdownTab">
<div class="hdTabs flexRow">
<div class="check" data-id="onef">网站特效 <b></b> </div> /
<div class="" data-id="twof">网站源码 <b></b></div> /
<div class="" data-id="threef">网站素材 <b></b></div> /
<div class="" data-id="fourf">前端模板 <b></b></div>
</div>
<ul class="onef">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="登录表单页面js，现代化登录页面模板" href="/xiazai/js/10373"><span>[表单按钮]</span><span>登录表单页面js，现代化登录页面模板</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="注册表单布局HTML代码，登录注册切换js模板" href="/xiazai/js/10372"><span>[表单按钮]</span><span>注册表单布局HTML代码，登录注册切换js模板</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="文字透视变形设计，有趣的css滑动动画" href="/xiazai/js/10371"><span>[文字特效]</span><span>文字透视变形设计，有趣的css滑动动画</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="精美登录注册UI，登录页面设计模板" href="/xiazai/js/10370"><span>[表单按钮]</span><span>精美登录注册UI，登录页面设计模板</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="意境背景图片唯美下载，云破月来花弄影素材" href="/xiazai/js/10369"><span>[图片特效]</span><span>意境背景图片唯美下载，云破月来花弄影素材</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="液体背景制作，创意液体文字动画" href="/xiazai/js/10368"><span>[其它特效]</span><span>液体背景制作，创意液体文字动画</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="html滑块选择器，简单的滑块控制数字表达式" href="/xiazai/js/10367"><span>[其它特效]</span><span>html滑块选择器，简单的滑块控制数字表达式</span></a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a title="文本闪烁css，文字闪光动图特效" href="/xiazai/js/10366"><span>[其它特效]</span><span>文本闪烁css，文字闪光动图特效</span></a>
</div>
</li>
</ul>
<ul class="twof" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12061" title="CodeIgniter4.6.1"><span>[开发框架]</span><span>CodeIgniter4.6.1</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12060" title="Django Web框架5.2.2"><span>[开发框架]</span><span>Django Web框架5.2.2</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12059" title="NutzFw企业级快速开发框架1.0.3"><span>[开发框架]</span><span>NutzFw企业级快速开发框架1.0.3</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12058" title="go-admin前后端分离权限管理系统脚手架2.2.0"><span>[开发框架]</span><span>go-admin前后端分离权限管理系统脚手架2.2.0</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12057" title="Ember.js3.28.9"><span>[开发框架]</span><span>Ember.js3.28.9</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12056" title="MaxKey单点登录认证系统3.3.3"><span>[开发框架]</span><span>MaxKey单点登录认证系统3.3.3</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12055" title="PHP7框架Phalcon71.2.3"><span>[开发框架]</span><span>PHP7框架Phalcon71.2.3</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12054" title="TimoPHP开发框架1.4.1"><span>[开发框架]</span><span>TimoPHP开发框架1.4.1</span> </a>
</div>
</li>
</ul>
<ul class="threef" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4941" title="2027新年促销主题艺术字ps素材下载"><span>[网站素材]</span><span>2027新年促销主题艺术字ps素材下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4940" title="秋日湖边小屋插画矢量素材"><span>[网站素材]</span><span>秋日湖边小屋插画矢量素材</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4939" title="红色风格圣诞彩球元素海报设计下载"><span>[网站素材]</span><span>红色风格圣诞彩球元素海报设计下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4938" title="美式快餐意面冷饮海报矢量模板"><span>[网站素材]</span><span>美式快餐意面冷饮海报矢量模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4937" title="篮球比赛体育复古海报矢量模板"><span>[网站素材]</span><span>篮球比赛体育复古海报矢量模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4936" title="二十四节气立冬背景矢量模板"><span>[网站素材]</span><span>二十四节气立冬背景矢量模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4935" title="2027年新年主题海报PSD源文件下载"><span>[网站素材]</span><span>2027年新年主题海报PSD源文件下载</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/sucai/4934" title="本地有机市集水彩海报矢量素材"><span>[网站素材]</span><span>本地有机市集水彩海报矢量素材</span> </a>
</div>
</li>
</ul>
<ul class="fourf" style="display:none;">
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12112" title="探索文化产业服务机构网站模板"><span>[前端模板]</span><span>探索文化产业服务机构网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12111" title="现代商业数字化服务公司网站模板"><span>[前端模板]</span><span>现代商业数字化服务公司网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12110" title="响应式烟草公司HTML5网站模板"><span>[前端模板]</span><span>响应式烟草公司HTML5网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12109" title="园艺服务机构响应式网页模板"><span>[前端模板]</span><span>园艺服务机构响应式网页模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12108" title="HTML5日本动画动漫网站模板"><span>[前端模板]</span><span>HTML5日本动画动漫网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12107" title="蛋糕烘焙美食宣传网站模板"><span>[前端模板]</span><span>蛋糕烘焙美食宣传网站模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12106" title="黑白风格律师个人简历展示网页模板"><span>[前端模板]</span><span>黑白风格律师个人简历展示网页模板</span> </a>
</div>
</li>
<li>
<div class="wzrfourli flexRow">
<b></b>
<a href="/xiazai/code/12105" title="黑色风格摄影工作室宣传网站模板"><span>[前端模板]</span><span>黑色风格摄影工作室宣传网站模板</span> </a>
</div>
</li>
</ul>
</div>
<script>
$('.hdTabs>div').click(function (e) {
$('.hdTabs>div').removeClass('check')
$(this).addClass('check')
$('.hotdownTab>ul').css('display', 'none')
$('.' + e.currentTarget.dataset.id).show()
})
</script>
</div>
<div class="xgarts ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>相关下载</p>
</div>
<a class="rititle-more flexRow" href="/xiazai" title=""><span>更多</span><b></b></a>
</div>
<div class="xgwzlist ">
<div class="xgwzlid flexRow"><b></b><a title="MDPHP(麦迪php框架系统)1.1" href="/xiazai/code/12051">MDPHP(麦迪php框架系统)1.1</a></div>
<div class="xgwzlid flexRow"><b></b><a title="PHP 多国语言框架2.0" href="/xiazai/code/12046">PHP 多国语言框架2.0</a></div>
<div class="xgwzlid flexRow"><b></b><a title="ujframe简单快速PHP开发框架1.0" href="/xiazai/code/12045">ujframe简单快速PHP开发框架1.0</a></div>
<div class="xgwzlid flexRow"><b></b><a title="php轻量型框架1.0" href="/xiazai/code/12044">php轻量型框架1.0</a></div>
<div class="xgwzlid flexRow"><b></b><a title="MyQEE开源PHP多项目及模块化开发框架3.0 RC2" href="/xiazai/code/12041">MyQEE开源PHP多项目及模块化开发框架3.0 RC2</a></div>
<div class="xgwzlid flexRow"><b></b><a title="php开源学习型框架CMVC1.2.0" href="/xiazai/code/12040">php开源学习型框架CMVC1.2.0</a></div>
<div class="xgwzlid flexRow"><b></b><a title="PHP框架Kohana3.3.1" href="/xiazai/code/12039">PHP框架Kohana3.3.1</a></div>
</div>
</div>
<div class="jpkc">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>精品课程</p>
</div>
<a class="rititle-more flexRow" href="/course/sort_new.html" title="精品课程"><span>更多</span><b></b></a>
</div>
<div class=" jpkcTab">
<div class=" jpkcTabs flexRow">
<div class="check" data-id="onefd">相关推荐 <b></b> </div> /
<div class="" data-id="twofd">热门推荐 <b></b></div> /
<div class="" data-id="threefd">最新课程 <b></b></div>
</div>
<div class="onefd jpktabd">
<div class="ristyA flexRow " >
<a href="/course/1221.html" title="WordPress10小时快速入门课程">
<img src="https://img.php.cn/upload/course/000/000/068/625fa1e273547867.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress10小时快速入门课程" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1221.html" title="WordPress10小时快速入门课程"
class="rirightp overflowclass">WordPress10小时快速入门课程</a>
<div class="risrdown flexRow">
<p>共60课时 | 15.3万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/1257.html" title="VuePress: Vue 官方静态网站生成器极速指南">
<img src="https://img.php.cn/upload/course/000/000/067/64be31d501ceb411.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="VuePress: Vue 官方静态网站生成器极速指南" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1257.html" title="VuePress: Vue 官方静态网站生成器极速指南"
class="rirightp overflowclass">VuePress: Vue 官方静态网站生成器极速指南</a>
<div class="risrdown flexRow">
<p>共5课时 | 1.1万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/1305.html" title="laravel8+vue-element-admin+nuxt构建咪乐多CMS管理系统">
<img src="https://img.php.cn/upload/course/000/000/015/616d1fb424589283.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="laravel8+vue-element-admin+nuxt构建咪乐多CMS管理系统" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1305.html" title="laravel8+vue-element-admin+nuxt构建咪乐多CMS管理系统"
class="rirightp overflowclass">laravel8+vue-element-admin+nuxt构建咪乐多CMS管理系统</a>
<div class="risrdown flexRow">
<p>共116课时 | 28.9万人学习</p>
</div>
</div>
</div>
</div>
<div class="twofd jpktabd" style="display:none;">
<div class="ristyA flexRow " >
<a href="/course/639.html" title="phpStudy极速入门视频教程">
<img src="https://img.php.cn/upload/course/000/000/068/62611ef88fcec821.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="phpStudy极速入门视频教程" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/639.html" title="phpStudy极速入门视频教程"
class="rirightp overflowclass">phpStudy极速入门视频教程</a>
<div class="risrdown flexRow">
<p>共6课时 | 54.7万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程">
<img src="https://img.php.cn/upload/course/000/000/001/5d1c6dfc9eb09885.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="独孤九贱(4)_PHP视频教程" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/379.html" title="独孤九贱(4)_PHP视频教程"
class="rirightp overflowclass">独孤九贱(4)_PHP视频教程</a>
<div class="risrdown flexRow">
<p>共89课时 | 134.1万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站">
<img src="https://img.php.cn/upload/course/000/000/001/5d2426f409839992.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="PHP实战天龙八部之仿爱奇艺电影网站" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/801.html" title="PHP实战天龙八部之仿爱奇艺电影网站"
class="rirightp overflowclass">PHP实战天龙八部之仿爱奇艺电影网站</a>
<div class="risrdown flexRow">
<p>共49课时 | 82.6万人学习</p>
</div>
</div>
</div>
</div>
<div class="threefd jpktabd" style="display:none;">
<div class="ristyA flexRow " >
<a href="/course/1558.html" title="RunnerGo从入门到精通">
<img src="https://img.php.cn/upload/course/000/000/067/6461bf1a464c1119.png?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="RunnerGo从入门到精通" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1558.html" title="RunnerGo从入门到精通"
class="rirightp overflowclass">RunnerGo从入门到精通</a>
<div class="risrdown flexRow">
<p>共22课时 | 2.5万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/1514.html" title="Apipost从入门到精通">
<img src="https://img.php.cn/upload/course/000/000/068/63db62f3d0b65880.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="Apipost从入门到精通" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1514.html" title="Apipost从入门到精通"
class="rirightp overflowclass">Apipost从入门到精通</a>
<div class="risrdown flexRow">
<p>共31课时 | 3.5万人学习</p>
</div>
</div>
</div>
<div class="ristyA flexRow " >
<a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站">
<img src="https://img.php.cn/upload/course/000/000/068/63c4f5a167a4b379.jpg?x-oss-process=image/resize,m_mfit,h_86,w_140,limit_0" alt="WordPress零基础新手搭建个人博客及企业网站" class="ristyAimg"
onerror="this.src='https://staticm.php.cn/static/mobimages/moren/morentu.png'">
</a>
<div class="ristyaRight flexColumn">
<a href="/course/1511.html" title="WordPress零基础新手搭建个人博客及企业网站"
class="rirightp overflowclass">WordPress零基础新手搭建个人博客及企业网站</a>
<div class="risrdown flexRow">
<p>共28课时 | 4.5万人学习</p>
</div>
</div>
</div>
</div>
<script>
$('.jpkcTabs>div').click(function (e) {
$('.jpkcTabs>div').removeClass('check')
$(this).addClass('check')
$('.jpkcTab .jpktabd').css('display', 'none')
$('.' + e.currentTarget.dataset.id).show()
})
</script>
</div>
</div>
<div class="zxarts ">
<div class="rightdTitle flexRow">
<div class="title-left flexRow"> <b></b>
<p>最新文章</p>
</div>
<a class="rititle-more flexRow" href="" title="最新文章"><span>更多</span><b></b></a>
</div>
<div class="xgwzlist ">
<div class="xgwzlid flexRow"><b></b><a title="火山引擎怎么限制一次请求的工具调用次数_火山引擎工具调用轮数控制指南" href="">火山引擎怎么限制一次请求的工具调用次数_火山引擎工具调用轮数控制指南</a></div>
<div class="xgwzlid flexRow"><b></b><a title="VibeKnow怎么替换视频中调色后的图片" href="">VibeKnow怎么替换视频中调色后的图片</a></div>
<div class="xgwzlid flexRow"><b></b><a title="讯飞绘文怎么把同一主题写给不同读者_讯飞绘文文章受众适配技巧" href="">讯飞绘文怎么把同一主题写给不同读者_讯飞绘文文章受众适配技巧</a></div>
<div class="xgwzlid flexRow"><b></b><a title="Lovart AI扩图后图片边缘变形怎么办_Lovart AI边界区域失真处理方法" href="">Lovart AI扩图后图片边缘变形怎么办_Lovart AI边界区域失真处理方法</a></div>
<div class="xgwzlid flexRow"><b></b><a title="讯飞绘文怎么通过原文快速完成内容仿写" href="">讯飞绘文怎么通过原文快速完成内容仿写</a></div>
<div class="xgwzlid flexRow"><b></b><a title="码上飞AI怎么写取消按钮文案_码上飞AI取消操作表达建议" href="">码上飞AI怎么写取消按钮文案_码上飞AI取消操作表达建议</a></div>
<div class="xgwzlid flexRow"><b></b><a title="VibeKnow套餐升级划算吗？各版本权益对比分析" href="">VibeKnow套餐升级划算吗？各版本权益对比分析</a></div>
<div class="xgwzlid flexRow"><b></b><a title="超级麦吉AI怎么让纪要保留结论形成的原因_超级麦吉AI会议决策依据整理方法" href="">超级麦吉AI怎么让纪要保留结论形成的原因_超级麦吉AI会议决策依据整理方法</a></div>
<div class="xgwzlid flexRow"><b></b><a title="立刻MV怎么让副歌突出歌曲主题_立刻MV副歌主题强化方法" href="">立刻MV怎么让副歌突出歌曲主题_立刻MV副歌主题强化方法</a></div>
<div class="xgwzlid flexRow"><b></b><a title="Lovart AI怎么让PPT配图不抢走文字重点_Lovart AI演示图文主次安排方法" href="">Lovart AI怎么让PPT配图不抢走文字重点_Lovart AI演示图文主次安排方法</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--主体 end-->
<script>isLogin = "0";</script>
<script src="https://staticm.php.cn/static/js/cdn.js?v=1.0.1"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3fc525002bf1c4f1d536daef98e9a33c";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script type="text/javascript" src="https://staticm.php.cn/static/js/global.js?v=1.3"></script>
</div>
</body>
</html>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '49']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code --> |
