SuperAPI AI 工具集

html-markup

前端与建站

查看项目

更新于 10-16 08:38

技能介绍

用途:指导编写符合结构与 SEO、可访问性最佳实践的语义化 HTML5 标记,适用于创建 HTML 模板或修复现有标记问题。

主要能力:规范文档结构(DOCTYPE、lang、字符集、viewport、meta description、title、preconnect 等);使用 header、nav、main、article、section、aside、footer 等语义元素;维护正确的标题层级(每页一个 h1,不跳级);编写带 fieldset、legend、label、autocomplete、aria 描述的表单;处理图片(alt、width/height、loading、decoding、picture、figure/figcaption、装饰图空 alt);各类链接(内链、外链加 rel、下载、跳转链接、锚点);列表与表格(caption、thead、tbody、tfoot、scope);交互元素(button、details/summary、dialog)。

使用方式:按资料中的标记写法编写 HTML,逐项对照可访问性清单检查。该资料以代码示例为主,未提供安装命令或工具调用步骤。

适用场景:前端页面模板、组件标记、SEO 与无障碍优化。

限制:资料只给出规范与示例,未提供配套工具、自动化校验、收费或平台信息。