1. 基本骨架的快速生成
快捷键：!（英文） + Enter/Tab
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
2、基本骨架标签的解释
主根元素
| 元素 | 描述 |
|---|
<html> | 表示一个 HTML 文档的根（顶级元素），所以它也被称为根元素。所有其它元素必须是此元素的后代。 |
文档元数据
| 元素 | 描述 |
|---|
<base> | 指定用于一个文档中包含的所有相对 URL 的根 URL。一份中只能有一个该元素。 |
<head> | 包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。 |
<link> | 指定当前文档与外部资源的关系。该元素最常用于链接 CSS，此外也可以被用来创建站点图标（比如“favicon”样式图标和移动设备上用以显示在主屏幕的图标）。 |
<meta> | 表示那些不能由其它 HTML 元相关（meta-related）元素表示的元数据信息。如：<base>、<link>、<script>、<style> 或 <title>。 |
<style> | 包含文档或者文档部分内容的样式信息，它们会被应用于包含此元素的文档。 |
<title> | 定义文档的标题，显示在浏览器的标题栏或标签页上。它只应该包含文本，若是包含有标签，则它包含的任何标签都将被忽略。 |
分区根元素
| 元素 | 描述 |
|---|
<body> | 表示文档的内容。文档中只能有一个该元素。 |
3、内容分区标签
| 元素 | 描述 |
|---|
<address> | 表示其中的 HTML 提供了某个人、某些人或某个组织（等等）的联系信息。 |
<article> | 表示文档、页面、应用或网站中的独立结构，旨在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其它独立的内容项目。 |
<aside> | 表示文档的一部分，其内容仅与文档的主要内容间接相关。其通常以侧边栏或标注框（call-out box）的形式出现。 |
<footer> | 表示最近的一个父分段内容或分段的根元素的页脚。<footer> 通常包含该章节作者、版权数据或者与文档相关的链接等信息。 |
<header> | 表示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其它元素，比如 Logo、搜索框、作者名称和其它元素。 |
<h1>、<h2>、<h3>、<h4>、<h5>、<h6> | 表示六个不同的级别的章节标题，<h1> 级别最高，而 <h6> 级别最低。 |
<main> | 呈现了文档正文的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。 |
<nav> | 表示页面的一部分，其目的是在当前文档或其它文档中提供导航链接。导航部分的常见示例是菜单、目录和索引。 |
<section> | 表示 HTML 文档中一个通用独立章节，它没有更具体的语义元素来表示。一般来说会包含一个标题。 |
