HTML中figure与figcaption_HTML5内容配图标签
角色与核心任务
你是一位顶级的文章润色专家，擅长将AI生成的文本转化为具有个人风格的专业文章。现在，请对用户提供的文章进行“人性化重写”。
免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈
你的核心目标是：在不改动原文任何事实信息、核心观点、逻辑结构、章节标题和所有图片的前提下，彻底改变原文的AI表达腔调，使其读起来像是一位资深人类专家的作品。
这里需要特别注意一个关键点：改写时需要把握好“个人观点”的度——让文章有温度、有态度，但不能过度使用第一人称（我、我认为、在我看来等），避免文章变成纯粹的个人观点分享。理想的效果是：读起来像行业报告的专业分析，但保留口语化的节奏和生动性。
详细执行步骤
第一步：信息锚定与结构保全
深度解析：首先，仔细阅读并理解原文，精确提取所有核心论点、分论点、支撑数据、案例以及所有图片/图表的位置和描述信息。
结构保全：必须100%保留原文的所有章节标题（H2, H3等）、段落逻辑和信息密度。严禁合并、删减或概括任何段落。
第二步：风格人性化（核心改写任务）
请代入以下人设：你是一位在该领域深耕多年、乐于分享的专家或知名博主。现在，用你的口吻，将原文的“干货”重新讲述给读者听。
2.1 句式活化
将生硬的陈述句，改为更自然的表达。可以适当使用设问、排比、倒装等手法。
✅ 例如：将“A导致了B”改为“你猜怎么着？A这事儿，直接引发了B。”
✅ 例如：将“需要满足三个条件”改为“那么，需要满足哪几个条件？”
2.2 注入“人味儿”（需谨慎控制第一人称）
适度原则：全文第一人称（我、我认为、在我看来等）出现频率建议控制在0-2处，且主要用于：
- 文章开头作为引子（如“先说几个核心判断”）
- 强调性提醒（如“必须警惕的是”）
- 行文过渡的自然点缀（如“话说回来”）
转化技巧：将主观表达转化为客观表述
| 主观表达 | → | 优化后 |
|---|---|---|
| 我认为、在我看来 | → | 直接删除，或改为“从数据来看”、“这意味着” |
| 据我观察、根据我的经验 | → | 改为“市场数据显示”、“经验表明”、“行业共识是” |
| 我见过不少案例 | → | 改为“市场上不乏这样的案例”、“历史经验表明” |
| 我必须提醒你 | → | 改为“值得注意的是”、“需要警惕的是” |
| 我深信、我坚信 | → | 改为“可以确定的是”、“毋庸置疑” |
保留生动性：去除第一人称后，仍需保留口语化的过渡词（如“其实”、“当然”、“话说回来”）、类比手法（如“这就好比...”）和节奏感，避免文章变得干巴巴。
2.3 文风润色
在保证专业性的前提下，让语言更生动、有节奏感。可以：
- 使用短句与长句交错，制造阅读节奏
- 适当使用排比、对仗增强气势
- 关键结论处可以加重语气（如“这才是关键所在”）
第三步：最终审查与交付
完整性检查：重写完成后，请务必核对一遍，确保原文中的所有关键信息、数据、引用的图片（如下图1所示）都已被完整无误地包含在最终文本中。
第一人称复核：专门检查一遍全文，确保第一人称表达不超过2处，且不影响文章的专业性和客观感。
篇幅控制：最终文章篇幅应与原文大致相当，允许有10%以内的浮动。
格式输出：直接输出重写后的完整文章，并使用HTML标签进行结构化排版：主标题用
，副标题用，段落用
。对于原文中的图片不要做出修改，保证语句通顺。
绝对禁止项（红线规则）
❌ 严禁改动任何核心信息、数据、论点和原文结构。
❌ 严禁概括或简化原文中任何复杂段落的核心内容。
❌ 严禁删除或修改任何关于图片的信息。
❌ 严禁添加例如不包括###,***等一些这种特殊字符。
❌ 严禁为了客观化而把文章改得干巴巴、失去温度和节奏感。
❌ 严禁过度使用第一人称（超过2处），避免文章变成个人观点分享。
figure与figcaption必须用于“独立可引用+说明属自身”的内容，如图表、代码块、引文等；figcaption须为figure首个或最后一个直接子元素，仅一个且不可为空，与img的alt属性分工明确、不可互替。
figure 和 figcaption 不是“给图片加个标题”的快捷写法，用错地方反而会让语义混乱、影响可访问性和 SEO。
什么时候必须用 figure + figcaption
只有当内容满足「独立可引用」+「说明文字属于它自身」两个条件时才该用：
- 图表、代码块、引文、信息图这类脱离上下文仍能自解释的内容
- 说明文字是标题、编号（如“图3”）、来源（如“数据来自2024年公开调研”）或简要注释，不是泛泛的“如图所示”
- 这张图如果被移到附录、侧边栏或单独打印，
figcaption依然能准确描述它——所以不能写“上图”“左侧示意图” - 纯装饰图、轮播图单帧、头像旁昵称、产品页主图配操作按钮，都不适用
figcaption 必须是 figure 的第一个或最后一个子元素
浏览器和读屏器依赖这个结构识别归属关系，中间插别的元素会破坏语义：
- 正确：先
figcaption后img，或先img后figcaption - 错误：
figure>div>figcaption，或figure>figcaption>img>figcaption - 一个
figure只能有一个figcaption；多段说明请拆成多个figure figcaption不能省略结束标签，且必须有内容（空格或 不算有效内容）
alt 和 figcaption 是互补，不是重复
两者职责完全不同，缺一不可：
立即学习“前端免费学习笔记（深入）”；
img的alt描述图像“是什么”，面向无障碍场景，比如alt="折线图：用户登录量在1月到3月呈上升趋势"figcaption解释图像“为什么在这里”，面向文档上下文，比如图2：Q1用户活跃度变化趋势（数据来源：内部埋点） - 不写
alt会直接损害可访问性；把alt写成和figcaption一样，等于放弃其中一项语义价值
样式与兼容性要注意的硬限制
默认行为简单，但改起来容易踩坑：
- 所有现代浏览器（IE9+、Chrome、Firefox、Safari、Opera）都支持，IE8 及更早版本完全不识别，需降级处理（如用
div包裹并加 ARIA） figure默认只有上下 margin，没有 padding 或 border；重置时别漏掉margin: 0figcaption默认是块级、居中、字体略小，但对齐方式（text-align）只影响内联内容，Flex/Grid 布局下需用justify-content或align-items- 响应式切换布局（比如小屏切为上下结构）时，别用
float或position: absolute把figcaption挤出流，否则读屏器可能跳过它
真正难的不是怎么写，而是每次插入图之前先问一句：它算不算一个能被单独引用、带明确上下文说明的独立单元？这个问题答错，后面所有样式和逻辑都会跑偏。
相关攻略
HTML中如何使用Web Components自定义元素 想在HTML里直接使用Web Components自定义元素？当然可以，但得先满足三个硬性前提，缺一不可：你的类必须继承自HTMLElement、必须调用customElements define()完成注册，并且标签名里必须包含一个连字符（
结论：resize属性可控制textarea拖拽行为，但仅resize:none真正禁用拖拽；其生效需overflow非visible且样式优先级足够，vertical both仍会破坏布局。 开门见山，先说核心结论：resize 这个属性，确实是用来控制 textarea 能否被用户拖拽调整大小的
Canvas文字不显示主因是fillStyle或font未设置；fillText和strokeText需手动配齐样式，y为基线位置，textBaseline默认alphabetic易致裁剪，中文字体须显式声明，Web Font需等待加载完成。 在Canvas里折腾文字，结果屏幕上啥也没显示？别急着怀
modulepreload：专为ES模块设计的预加载机制 先明确一个核心概念：modulepreload 是专门服务于 ES 模块的预加载机制。它的工作模式是“只下载，不执行”，并且需要你提供模块的绝对路径。关键点在于，它的 href 必须与后续 script 标签的 src 完全一致，跨域时务必加
HTML怎么解决字体不可见FOIT_HTML FOIT字体不可见解决方法【手册】 先明确一个关键点：FOIT（Flash of Invisible Text）并非字体加载卡住了，而是浏览器的一种“主动选择”——它宁可让文字暂时消失，也绝不先用系统字体凑合显示。 理解了这一点，解决方案的思路就清晰了。
热门专题
热门推荐
2026年4月2日，一场始于订单的“双向奔赴” 汽车圈最近上演了一出颇有温度的品牌互动，起因是一张来自社交平台的购车订单。一位原奥迪车主公开晒出了小米SU7的订单截图，并向相关负责人致以问候。这原本只是一条个人动态，却没承想，引发了一连串超出预期的友好回应。 消息传出后，上汽奥迪的反应堪称迅速且巧妙
特斯拉2026年Q1财报解读：业绩稳健增长，自动驾驶与机器人战略加速落地 2026年第一季度，特斯拉再次向市场展示了其强劲的发展动能。在全球电动汽车市场，特斯拉产量成功突破40 8万辆，实现同比12 7%的稳健增长；同期交付量达到35 8万辆，同比增长6 5%。与此同时，特斯拉储能业务表现突出，总装
四月一日，沙盒游戏我的世界推出一次特别更新，引发广泛关注 话说回来，四月的第一天，经典沙盒游戏《我的世界》，就整了个“大活儿”。一项听起来颇有碘伏性的设计调整，在社区内炸开了锅：游戏直接移除了沿用已久的仓库系统，改为所有物品都能随手放在地面，想用的时候捡起来就行。 仓库功能向来是此类建造型游戏的核心
巨鲸再出手：千万美元级ETH悄然离场 市场总是静水深流。就在今天，链上数据捕捉到一笔值得玩味的动向。根据链上分析师Onchain Lens的监测，大约三小时前，一个地址尾号为“24d4”的巨鲸，从知名交易所Kraken一口气提取了4,472枚ETH。按当前市价估算，这笔资产价值接近一千万美元。 这可
京东京造再推黄金配件新品：磁吸支架以亲民价格亮相 关注京东京造的朋友一定还记得此前推出的黄金手机壳，因其独特设计与高纯度金材质引发了不少讨论。如今品牌再度升级，带来了一款更贴近日常使用的“轻量化”黄金配件——黄金气囊手机磁吸支架，进一步降低了黄金数码配件的入手门槛。 产品解析：含金量与设计亮点 这款