用途:该技能用于编写有效的 XHTML-strict HTML5 标记,适用于创建 HTML 文件、编辑标记、构建网页或任何 HTML 内容的写作场景,并强制语义化结构。
语法规则:空元素必须自闭合,如 <br/>、<hr/>、<img/>、<meta/>、<link/>、<input/>;标签与属性一律小写;所有属性用双引号,如 attr="value";所有标签必须显式闭合;每页只能有一个 <h1>;doctype 写为 <!doctype html>。
语义结构:必须使用语义化 HTML5 元素替代 <div>,包括 <header>、<nav>、<main>、<article>、<section>、<aside>、<footer>、<figure>、<figcaption>、<hgroup>。该技能将 <div> 列为黑名单,要求 header/nav/footer/sidebar/content/section/card 等场景分别改用对应语义元素,布局约束(居中、最大宽度)通过 CSS 直接作用于语义元素实现。真正需要通用容器时,使用语义命名的自定义元素,如 <x-layout-grid>、<x-card-group>。
空元素清单:area、base、br、col、embed、hr、img、input、link、meta、source、track、wbr 必须使用自闭合语法。
交互与图标:禁止内联 SVG,图标使用 <icon-wc name="menu" label="Menu"></icon-wc>;对话框与弹出层使用声明式 command/commandfor 属性,不写 onclick,支持 show-modal、close、toggle-popover、show-popover、hide-popover 等命令。
协同技能:编写 HTML 时可依据内容调用 icons、forms、responsive-images、metadata、progressive-enhancement、accessibility-checker、css-author、javascript-author 等技能。
限制:资料未提供安装命令、收费信息与平台支持细节。