应使用 <article> 标签包裹会议记录,因其语义匹配独立文档片段;辅以 class="meeting-minutes" 和 data-scene="internal-meeting" 等属性增强机器可读性;避免误用 <time>,日期信息宜用 <meta> 标记。

HTML 里没有专门标注“适用于会议记录”这类语义的原生标签。别费劲找 <meeting> 或 <minutes> —— 它们根本不存在,浏览器也不认。
用 <article> 包裹会议记录内容最合理
会议记录本质是一篇独立、可分发、有明确边界的文档片段,<article> 的语义正好匹配。比用 <div> 强,比硬造标签靠谱。
- 它告诉屏幕阅读器、爬虫和开发者:“这段内容自成一体”
- 配合
<header>里的<h1>(如“2024-06-12 产品需求评审会”)能自然建立结构 - 避免嵌套在
<section>或<main>里再加一层无意义 wrapper
给会议记录加机器可读的场景说明:用 class + data-* 属性
想让 JS 或后端知道这是会议记录?别改 HTML 标准,用约定俗成的扩展方式:
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图,自动匹配视觉风格。触发场景:文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
<article class="meeting-minutes" data-scene="internal-meeting" data-date="2024-06-12"> <header><h1>技术方案对齐会</h1></header> <p>参会人:张三、李四…</p> </article>
-
class="meeting-minutes"是 CSS 和 JS 最容易钩住的标识 -
data-scene比data-type更准确 —— “会议”是场景,不是类型;“纪要”才是类型 - 避免用
data-purpose="meeting"这种模糊词,目的(purpose)是人写的,场景(scene)是上下文决定的
别碰 <time> 标签的常见误用
看到“会议时间”,很多人立马套 <time datetime="2024-06-12">6月12日</time> —— 这不对。
立即学习“前端免费学习笔记(深入)”;
-
<time>只适合表示**具体可解析的时间点或周期**,比如“14:00–15:30”或“2024-W24” - “6月12日”没时区、没年份上下文,
datetime属性填不全,反而误导解析器 - 真要标日期,用
<meta name="date" content="2024-06-12">放在<head>或<article>开头更稳妥
真正难的不是加标签,而是统一团队对“会议记录”结构的理解。比如有人把行动项(action items)塞进 <ul>,有人用 <dl>,有人甚至写成表格 —— 这些细节没共识,再标准的 <article> 也救不了语义混乱。


















