HTML5简写代码需按四类规则补全：一、空元素须显式闭合并补全必需属性（如alt、name）；二、省略的结构性标签（如html、head、tbody）必须完整写出并添加lang、charset等；三、布尔属性统一用“属性名=属性名”格式；四、语义元素补全id、role、data-*等全局属性以保障可访问性与兼容性。
如果您在编写HTML5代码时使用了简写形式，例如省略某些标签或属性，浏览器可能无法正确解析文档结构。以下是将HTML5简写代码补全为标准、完整、可验证格式的规则：
一、自动闭合标签的显式补全
HTML5允许部分空元素（如<img>、<input>、<br>）省略结束标记，但补全时需统一采用自闭合语法或显式闭合（依上下文语义及兼容性要求）。补全目标是确保所有标签语法明确、无歧义。
1、将<img src="a.jpg">补全为<img src="a.jpg" alt="">，必须添加alt属性，值可为空字符串但不可省略。
2、将<input type="text">补全为<input type="text" name="">，name属性为表单提交必需，不可缺失。
立即学习“前端免费学习笔记（深入）”；
3、将<br>补全为<br />，在XML兼容模式或XHTML混合环境中须使用斜杠闭合。
二、可选标签的强制显式声明
HTML5规范允许省略某些结构性标签（如<html>、<head>、<body>、<tbody>），但补全时应完整写出以提升可读性、工具兼容性及无障碍支持能力。
1、在文档开头插入<html lang="zh-CN">，lang属性为WCAG可访问性强制要求，不可省略。
2、在<html>内显式添加<head><meta charset="UTF-8"></head>，charset声明必须位于head内且为首个子节点之一。
3、将表格中隐式的<tbody>包裹所有<tr>，即把<table><tr><td>x</td></tr></table>补全为<table><tbody><tr><td>x</td></tr></tbody></table>。
三、布尔属性的值标准化补全
HTML5中布尔属性（如disabled、checked、required）可仅写属性名，但补全时应统一赋予标准值，以符合HTML序列化规范与解析一致性要求。
1、将<button disabled>补全为<button disabled="disabled">，值必须与属性名完全相同，不可用true/false或空字符串替代。
2、将<input required>补全为<input required="required">，该写法被HTML5标准明确定义为合法且推荐的显式形式。
3、将<audio autoplay>补全为<audio autoplay="autoplay">，避免使用autoplay="true"，此写法在HTML5中无效。
四、全局属性的完整性检查与补全
部分全局属性（如id、class、data-*、aria-*）虽非强制，但在实际开发中常被依赖；补全时需识别缺失的关键标识符并按语义补充。
1、为每个<section>、<article>、<nav>等语义块添加id属性，如<section id="main-content">，id值须唯一且不含空格或特殊符号。
2、为含交互功能的元素补充role属性，如<div onclick="toggle()">补全为<div role="button" tabindex="0" onclick="toggle()">，role="button"必须配合tabindex="0"才具备键盘可聚焦性。
3、为所有带自定义数据的元素补全data-*命名规范，如<span data-userid="123">补全为<span data-user-id="123">，连字符分隔符为HTML5 data-*属性命名强制规则。
