html5标准写法包括：一、基本结构用声明和嵌套，含lang与charset；二、语义化标签如；三、文本标签-；四、媒体标签；五、表单标签及类型属性。

html5 使用尖括号（）包裹的标签来定义网页结构和内容，这些标签成对出现（如

…

），部分为自闭合标签（如 ）。以下是 HTML5 中常用标记的标准写法：

一、基本文档结构标记

HTML5 文档必须以 a >html> 声明开头，表明使用 HTML5 标准；根元素为 ，内部包含

和 两个主要部分，用于分离元信息与可视内容。

1、在文件首行写入 。

2、紧接着写 ，其中 lang 属性指定页面语言。

立即学习“前端免费学习笔记（深入）”；

3、在 内部依次嵌套

和 元素。

4、在

中添加 确保字符编码正确。

二、语义化区块标记

HTML5 引入了多个语义化标签，用以明确各部分内容的功能角色，替代传统纯 div 布局，提升可读性与无障碍支持。

1、用

2、用

3、用 ain> 标识文档主体内容，且每个页面仅出现一次。

4、用

5、用

6、用

7、用

三、文本内容标记

HTML5 提供丰富的内联与块级文本标签，用于准确表达内容层级与含义，而非仅依赖样式控制显示效果。

1、标题使用

至

，其中

为最高级，应全页唯一。

2、段落用

包裹连续文字段落。

3、强调文本使用 （语义强调），重要文本使用 （强重要性）。

4、插入超链接用 链接文字。

5、引用外部内容用

，简短引用可用 。

6、表示时间用 2024年1月1日。

四、媒体与嵌入标记

HTML5 原生支持音视频及外部资源嵌入，无需插件即可直接解析渲染，所有媒体标签均需提供基础属性以保障可访问性。

1、嵌入图像使用 ，alt 属性不可省略。

2、播放音频用 。

3、播放视频用 。

4、嵌入外部网页内容用 ，title 属性必须提供。

5、定义 SVG 图形内联嵌入时，直接使用 svg> 标签及其子元素，不通过 src 属性。

五、表单与交互标记

HTML5 扩展了表单控件类型与验证能力，通过语义化 input 类型和属性减少 javaScript 依赖，提升原生用户体验。

1、创建文本输入框使用 red>。

2、邮箱输入使用 ，浏览器自动校验格式。

3、日期选择器使用 。

4、数字范围输入使用 。

5、搜索框使用 ，部分浏览器显示清除按钮。

6、定义下拉选项使用 选项A。

7、提交按钮使用 提交 或 。