📅 最后修改于: 2023-12-03 15:09:48.133000 🧑 作者: Mango
这是一个为开发人员提供的 HTML 模板，它包含常见的 HTML 标记和布局结构，能够快速帮助开发人员搭建网站的基础框架。
模板的整体结构如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Header</h1>
<nav>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Section 1</h2>
<p>Content goes here...</p>
</section>
<section>
<h2>Section 2</h2>
<p>Content goes here...</p>
</section>
<section>
<h2>Section 3</h2>
<p>Content goes here...</p>
</section>
</main>
<footer>
<p>© 2021 Company Name</p>
</footer>
</body>
</html>
其中，<head> 中包含了 charset、title、viewport 和 stylesheet 信息，这些能够提供网站的基础功能。<body> 中则包含了网站的头部、主体和底部，这些可以通过 CSS 进行美化。
模板中的标题分为两个级别：<h1> 和 <h2>，它们分别用于定义网站的主标题和次级标题。可以根据需要增加更多级别的标题。
模板中的导航包含在 <header> 中，可以根据需要修改导航的布局和样式。在每个导航项中，都可以添加链接。
模板中的主体被包含在 <main> 中，其中每个主体部分都是一个 <section>。可以根据需要添加更多的主体部分。
模板中的底部包含在 <footer> 中，可以根据需要修改底部的内容和样式。
这个 HTML 模板提供了一个基础的网站结构，可以帮助开发人员快速搭建网站框架。虽然它只是一个简单的模板，但它可以根据需要进行扩展和修改，从而支持更多的功能。