当你建立一个新网站时，有一个良好的基础很重要。在本文中，我将解释什么是 HTML 5 样板，以及如何创建一个在你的项目中使用的基本模板。
什么是 HTML 5 样板
根据维基百科，
样板代码是在多个地方重复使用的代码段，几乎没有变化。
HTML 中的样板是你将在项目开始时添加的模板。你应该将此样板添加到你的所有 HTML 页面中。
HTML 5 样板代码示例
我们看一下这个基本的示例。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="index.js"></script>
</body>
</html>HTML 中的 doctype 是什么
HTML 代码中的第一行应该是 doctype 声明。doctype 告诉浏览器页面是用什么版本的 HTML 编写的。
<!DOCTYPE html>如果你忘记在文件中写这行代码，那么一些 HTML 5 标签，比如 <article>、< footer > 和 <header>，可能不会被浏览器支持。
什么是 HTML 根元素
<html> 标签是 HTML 文件最顶层的元素。你需要把 <head> 和 <body> 标签嵌套在它里面。
<!DOCTYPE html>
<html lang="en">
<head></head>
<body></body>
</html><html> 标签中的 lang 属性设置页面的语言。考虑可访问性，有这个属性也很好，因为屏幕阅读器会知道如何正确发音文本。
HTML 里的 head 标签
<head> 标签包含由机器处理的信息。在 <head> 标签内，你将嵌套元数据，元数据是向机器描述文档的数据。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML 5 Boilerplate</title>
<link rel="stylesheet" href="style.css">
</head>什么是 UTF-8 字符编码
UTF-8 是你应该在网页中使用的标准字符编码。这通常是 <head> 元素中显示的第一个 <meta> 标签。
<meta charset="UTF-8">根据万维网联盟的说法，
基于 Unicode 的编码（例如 UTF-8）可以支持多种语言，并且可以容纳这些语言的任何混合形式的页面和表单。它的使用还消除了对服务器端逻辑的需要，以单独确定每个页面或每个传入表单提交的字符编码。
HTML 中的视口元标记是什么
此标记将页面宽度呈现为设备屏幕尺寸的宽度。如果你有一个 600 像素宽的移动设备，那么浏览器窗口也将是 600 像素宽。
初始比例控制缩放级别。初始比例的值为 1，可防止浏览器进行默认缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
X-UA-Compatible 是什么意思
此 <meta> 标记指定 Internet Explorer 的文档模式。IE=edge 是最高支持的模式。
<meta http-equiv="X-UA-Compatible" content="ie=edge">
HTML title 标签是什么
<title> 标签是网页的标题，此文本显示在浏览器的标题栏中。
<title>HTML 5 Boilerplate</title>
CSS 样式表
此代码会将你的自定义 CSS 链接到 HTML 页面。rel="stylesheet" 定义了 HTML 文件和外部样式表之间的关系。
<link rel="stylesheet" href="style.css">
HTML script 标签
外部 script 标签将放置在结束 body 标签之前。你可以在此处链接外部 JavaScript 代码。
<script src="index.js"></script>
总结
你应该为每个 HTML 页面添加一个 HTML 5 样板。此入门代码包含重要信息，如文档类型、元数据、外部样式表和 script 标签。
原文：Basic HTML5 Template: Use This HTML Boilerplate as a Starter for Any Web Dev Project，作者：Jessica Wilkins