需要建立一个新网站时，有一个良好的前端开发基础很重要。

本文将解释什么是HTML5，以及如何创建一个项目中使用的HTML5基本模板。

下面我们来看一下最基本的HTML5代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
 
<body>
		文档内容......
</body>
 
</html>

注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。

HTML 中的 doctype 是什么

HTML 代码中的第一行应该是 doctype 声明。doctype 告诉浏览器页面是用什么版本的 HTML 编写的。

<!DOCTYPE html>

什么是 HTML 根元素

<html> 标签是 HTML 文件最顶层的元素。你需要把 <head> 和 <body> 标签嵌套在它里面。

head 元素是所有头部元素的容器。位于 <head> 内部的元素可以包含脚本、指引浏览器找到样式表、提供元信息，等等。

下面是可用在 head 部分的标签：

<base>
<link>
<meta>
<script>
<style>
<title>

UTF-8 是网页中使用的标准字符编码。这通常是元素中显示的第一个标记。 <head><meta charset="utf-8">

根据万维网联盟的说法：

基于 Unicode 的编码（如 UTF-8）可以支持多种语言，并且可以容纳这些语言的任何混合的页面和表单。它的使用还消除了服务器端逻辑的需要，即单独确定所服务的每个页面或每个传入表单提交的字符编码。

标记是网页的标题。此文本显示在浏览器的标题栏中。<title>

<title>文档标题</title>

<body> 标签定义文档的主体。

HTML 文档的元数据和文档信息包装在 head 元素中，文档的内容则包装在 body 元素中。

body 元素总是紧跟在 head 元素之后，它是 html 元素的第二个子元素。

<body> 元素包含 HTML 文档的所有内容，例如标题、段落、图像、超链接、表格、列表等。

注意： 一个 HTML 文档中只能有一个 <body> 元素。

因此：HTML 5 样板添加到每个 HTML 页面。此起始代码包含重要信息，如文档类型、元数据、外部样式表和脚本标签。