HTML5 Boilerplate - 让页面有个好的开始
HTML5 Boilerplate 是一个用于制作快速、健壮、合理的网页的模板，它包含了一系列实用的最佳实践，可以帮助开发者开始一个新项目。
以下是一个简单的HTML5 Boilerplate页面的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>网页标题</title>
<!-- 引入现代化的CSS reset 文件 -->
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/latest/normalize.css">
<!-- 添加自定义样式表 -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- 页面内容 -->
<header>
<h1>我的网站</h1>
</header>
<main>
<p>这是一个示例网页。</p>
</main>
<footer>
<p>版权所有 © 2023</p>
</footer>
<!-- 添加现代化的JavaScript 管理工具 -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- 添加自定义JavaScript 文件 -->
<script src="script.js"></script>
</body>
</html>这个示例代码展示了HTML5的文档类型声明，使用了viewport meta标签来确保页面在移动设备上的可视性，包含了一个标题、CSS reset、自定义样式表和JavaScript库。同时，它还包含了页面的主体内容和自定义的JavaScript文件。这是一个基本的HTML5 Boilerplate结构，可以根据实际需求进行扩展和修改。
评论已关闭