HTML通过语义化标签构建网页结构，如header、nav、main、article、section、aside和footer，结合CSS实现响应式布局，提升可维护性与SEO。
HTML 中并没有“函数”这一概念，你提到的“html函数”实际上是指使用 HTML 标签和结构化元素来定义网页的布局与框架。HTML（超文本标记语言）通过语义化标签构建页面结构，为网页内容提供清晰的组织方式。下面是一份实用指南，帮助你用 HTML 正确搭建网页的基本框架。
使用语义化标签构建页面结构
现代 HTML5 提供了一系列语义化标签，让页面结构更清晰、更易维护，也利于搜索引擎优化（SEO）和无障碍访问。
-
：定义页面或区块的头部，通常包含网站标题、导航菜单等。 - ：专门用于包裹主导航链接，提升可访问性。
-
ain> ：表示页面主要内容区域，每个页面应只有一个 main 区域。 - ：用于独立的内容块，如博客文章、新闻条目。
- ：定义文档中的章节或分组内容，通常带有标题。
- ：表示侧边栏或与主内容相关但可独立存在的信息。
- ：定义页面或区域的底部，常用于版权信息、联系方式等。
创建基本网页框架的代码示例
以下是一个标准的 HTML 页面结构，展示了如何组合这些标签来构建完整布局：
网站标题
欢迎来到我的网站
这是主页内容。
立即学习“前端免费学习笔记（深入）”；
结合 CSS 实现灵活布局
HTML 负责结构，CSS 负责样式与布局控制。常用布局方式包括 Flexbox 和 Grid，能轻松实现响应式设计。
- 使用 display: flex; 让导航横向排列并居中对齐。
- 使用 display: grid; 将主内容区与侧边栏按比例划分（如 70%/30%）。
- 添加媒体查询（@media）使页面在手机上自动调整布局。
例如，在 CSS 中设置：
main {display: grid;
grid-template-columns: 70% 30%;
gap: 20px;
}
@media (max-width: 768px) {
main {
grid-template-columns: 1fr;
}
} 基本上就这些。用好语义化标签，再配合 CSS，就能构建出结构清晰、易于维护且响应式的网页框架。
