一个简单的 HTML5 前端开发代码实例，展示了网页的基本布局、响应式设计以及一些常见 HTML5 标签的使用。
实现步骤：
创建基本的 HTML 文件结构
使用 <!DOCTYPE html> 声明 HTML5 文档类型。
在文件中添加页面的基本结构，包括 head 和 body 部分。
实现响应式布局
使用 meta 标签实现移动设备的响应式设计。
使用 flexbox 布局实现导航栏和内容的响应式布局。
添加 HTML5 新标签
使用 header, nav, article, footer 等 HTML5 新标签结构化页面内容。
