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

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

...

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

一、基本文档结构标记

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

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

1、在文件首行写入 。

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

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

3、在 内部依次嵌套

和 元素。

4、在

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

二、语义化区块标记

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

1、用

包裹页眉或章节头部内容。

2、用

定义导航链接区域。

3、用

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

4、用

包裹独立、可分发的内容单元（如博客文章）。

5、用

划分具有主题关联的内容组。

6、用

标注与主内容相关但可独立存在的侧边信息。

7、用

包裹页脚或章节尾部内容。

三、文本内容标记

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

1、标题使用

至

，其中

为最高级，应全页唯一。

2、段落用

CDP浏览器大师

CDP浏览器大师：通过Chrome DevTools Protocol驱动已登录浏览器实现自动化任务，解决反爬封号、选择器失效、SPA路由难导航、固定sleep不准四大痛点。核心能力包括UA伪装、WebGL/Canvas指纹混淆、智能等待、动态选择器以及可视化调试。

下载

包裹连续文字段落。

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

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

5、引用外部内容用

，简短引用可用 。

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

四、媒体与嵌入标记

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

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

2、播放音频用 。

3、播放视频用 。

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

5、定义 SVG 图形内联嵌入时，直接使用

五、表单与交互标记

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

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

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

3、日期选择器使用 。

4、数字范围输入使用 。

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

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

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