HTML5标签须用尖括号书写,成对标签含起始与结束形式,空元素可自闭合;语义化标签如header、nav等须小写且规范使用;属性值须双引号包裹,布尔属性可简写;标签严格嵌套,不可交叉;文档须以<!DOCTYPE html>开头,含html、head、body结构。

HTML5 中的标签通过尖括号语法定义元素,其基本结构遵循严格的语法规则。以下是正确书写 HTML5 标签的具体方法:
一、基础标签书写格式
HTML5 标签必须使用成对的尖括号包裹,起始标签以 <标签名> 表示,结束标签以 </标签名> 表示,中间包含内容。部分元素为自闭合标签,无需结束标签,但需在开始标签末尾添加斜杠(如 <img />)。
1、输入左尖括号 <,后接元素名称(如 div、p、header),再输入右尖括号 >,构成起始标签。
2、在起始标签后输入文本内容或嵌套其他标签。
立即学习“前端免费学习笔记(深入)”;
3、输入左尖括号 <,后接反斜杠 /,再接相同元素名称,最后输入右尖括号 >,构成结束标签。
4、对于 img、br、hr、input、meta、link 等空元素,在起始标签末尾直接加 /,写作 <img src="a.jpg" />(注意:HTML5 中斜杠非强制,但保留可提升兼容性与可读性)。
二、语义化内容定义元素写法
HTML5 引入了多个语义化标签,用于明确标记文档结构和内容类型。这些标签不可省略尖括号,且必须按规范拼写,区分大小写(全部小写)。
1、用 <header></header> 包裹页面或区块的头部内容,如网站标题、导航栏。
2、用 <nav></nav> 仅包裹主导航链接集合,不应用于页脚链接或侧边工具链接。
3、用 <main></main> 包含文档中与当前页面主题直接相关、唯一的核心内容,每个页面有且仅有一个。
4、用 <article></article> 封装独立、可分发的内容单元,例如博客文章、新闻条目或论坛帖子。
5、用 <section></section> 划分具有共同主题的一组内容,须带有标题(如 h2–h6),不可仅作样式布局容器使用。
三、属性书写规则
HTML5 标签的属性必须写在起始标签内部,位于标签名之后、右尖括号之前,以空格分隔。属性值必须用双引号包裹,即使值为数字或布尔关键字。
1、书写属性名(如 class、id、src、alt),后跟等号 =。
2、在等号后立即输入英文双引号 ",并在其中填入属性值。
3、确保双引号成对出现,且不混用单引号替代(虽浏览器可能容错,但不符合 HTML5 规范)。
4、布尔属性(如 disabled、required、checked)若存在即为真,应写作 disabled="disabled" 或简写为 disabled(推荐简写形式,但不得写作 disabled="true" 或 disabled="")。
四、嵌套与缩进规范
HTML5 要求标签严格嵌套,内层标签必须完整位于外层标签的起始与结束标签之间,不可交叉。缩进用于增强可读性,但不影响解析结果。
1、子元素的起始标签必须出现在父元素起始标签之后、父元素结束标签之前。
2、避免 <p><div></p></div> 类型的交叉嵌套,此类写法将被浏览器自动纠正并可能导致意外渲染。
3、使用两个空格或一个 Tab 进行逐层缩进,使嵌套层级清晰可见。
4、块级元素(如 div、section、p)内部可嵌套行内元素(如 span、a、em),但行内元素内部禁止嵌套块级元素(p 标签内不能放 div)。
五、文档根结构与必需标签
一个符合 HTML5 规范的最小文档必须包含 <!DOCTYPE html> 声明及特定根结构,所有内容定义元素均需置于 <body> 内部,且 <html> 为最外层容器。
1、首行必须为 <!DOCTYPE html>,无任何前置空格或字符。
2、第二行为 <html lang="zh-CN">,lang 属性为可访问性必需项,值须为有效 BCP 47 语言标签。
3、在 <html> 内依次书写 <head></head> 和 <body></body>,所有内容定义元素(如 header、article)必须位于 <body> 内部。
4、<head> 中至少包含 <meta charset="UTF-8">,确保字符编码声明准确,charset 值必须为 UTF-8(全大写)。










