HTML规范核心在于语义化与可访问性：用替代无意义，alt属性需准确描述图像内容，必须显式声明type，标记标准时间格式，所有标签应确保无样式、无JS、纯语音环境下仍能准确传达目的与关系。

HTML 本身没有“规范源码”的内置机制，所谓“更规范”实际取决于你是否遵循可访问性、语义化和浏览器解析逻辑——而不是加几个花哨标签就能解决。

用

和

替代一堆

纯视觉布局用

没问题，但一旦内容有逻辑结构（比如博客正文、侧边栏、页脚导航），

就丢失语义。屏幕阅读器、搜索引擎、甚至 CSS 的 :focus-visible 行为都依赖语义标签。

• 一个独立可复用的内容块（如一篇博客、一条新闻）用
• 页面中具有主题的分组区域（如“关于我们”“服务列表”）用
• 必须有标题（
  –
  ），否则它和
  几乎等价
• 别嵌套过深：
  里再套
  是合理的，但连续三层
  很可能说明结构设计有问题

别把 的 alt 属性留空或写“图片”

alt 不是可选装饰项，它是图像的文本替代，在图片加载失败、纯文本浏览器、屏幕阅读器中起决定性作用。留空（alt=""）只适用于纯装饰图；写“图片”“图标”等于没写。

• 传达信息的图：写清内容和意图，比如 alt="折线图：2023年Q1-Q4用户留存率从62%升至79%"
• 链接中的图标按钮：补充行为，比如 alt="搜索" 而不是 alt="放大镜图标"
• 纯装饰图：明确置空 alt=""，不要省略属性本身（否则某些读屏器会读出文件名）
• 避免 alt 里塞关键词堆砌，搜索引擎已不买账，反而干扰辅助技术

必须配 type 属性

不写 type 的 在表单内默认是 type="submit"，点一下就可能意外提交整个表单——这是线上常见 bug 来源之一。


htmlppt.skill
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
下载
• 触发 JS 行为的按钮，一律显式写 type="button"
• 表单提交按钮用 type="submit"，重置用 type="reset"（后者极少需要）
• 别依赖 onclick 或 preventDefault() 来补救，那只是掩盖问题
• 注意： 和 功能等价，但后者更易包裹复杂内容（比如带 icon 的文字）

用 标记日期时间，别只靠 class 名

写 2024-05-20 对人友好，但对机器毫无意义。 提供机器可解析的时间语义，支持微数据、SEO 提取，也方便后续用 JS 做时区转换。

• 完整时间戳：2024年5月20日 14:30
• 仅日期：5月20日
• 相对时间（如“3小时前”）不能用 ，它只接受标准格式的 datetime 值
• 别为了“看起来规范”硬套 ，比如把版本号 v2.3.1 包进去——它不是时间

真正让 HTML “规范”的，不是记住多少标签，而是每次写标签前问一句：这个元素在无样式、无 JS、纯语音环境下，是否仍能准确表达它的目的和关系。这点最容易被跳过，也最难补救。