HTML5标准结构包括DOCTYPE声明、html、head、body，需包含charset、viewport、title等meta信息，使用语义化标签如header、nav、main、article、footer，代码应小写、双引号、合理缩进，JS放底部，提升可读性与兼容性。
编写HTML5文档时，遵循标准结构和代码规范能让网页更清晰、可维护性更强，也利于搜索引擎优化和跨浏览器兼容。以下是HTML5文档的标准结构与常用编写规范。
1. HTML5标准文档结构
一个完整的HTML5页面应包含基本的文档类型声明、html、head、body等核心标签：
css">
网站标题
文章标题
这是正文内容。
2. 必要的头部元信息（meta标签）
head部分需包含以下关键元素，确保页面正确显示和适配：
- 字符编码声明：使用 避免乱码
- 视口设置：响应式设计必备，
-
页面标题：每个页面应有唯一的
- SEO相关标签：如 description、keywords（可选）
- 引入外部资源：CSS文件、图标（favicon）等
3. 语义化标签的合理使用
HTML5引入了多个语义化标签，替代大量
，提高可读性和可访问性：
-
：页面或区块的头部 - ：主导航链接区域
- ：页面主要内容（每页仅一个）
- ：独立内容，如博客文章
- ：内容区块，通常带标题
- ：侧边栏或附加信息
- ：页脚信息
合理使用这些标签有助于屏幕阅读器识别内容结构。
4. 代码编写规范建议
保持代码整洁、易读，遵循以下习惯：
- 使用小写字母书写标签和属性，如
- 属性值始终用双引号包围
- 嵌套层级不宜过深，一般不超过4层
- 适当缩进（推荐2或4个空格），提升可读性
- 为图片添加alt属性，增强无障碍访问
- JavaScript尽量放在body底部或使用defer/async
- 避免内联样式（inline style），优先使用外部CSS
基本上就这些。坚持标准结构和良好编码习惯，能让你的HTML5页面更专业、更高效。
