配置：在vs code中声明页面为html，然后添加open in browser，view in browser插件通过快捷键alt+b实现在浏览器中查看编写好的html界面
基本成分：
<!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>Document</title> </head> <body> </body> </html>
1.编写HTML5页面开头的步骤
2.创建分级标题
HTML提供了六级标题用于创建页面信息的层次关系：
h1,h2,h3,h4,h5,h6 级别由高到低
注意：
使用header创建页眉——包括网站标志，主导航和其他全站链接，甚至搜索框
<body> <header role="banner"> <nav> <ul> <li><a href="#gaudi">Barcelona‘s Architect</a></li> <li lang="es"><a href="#sagrada familia">La Sagrada Familia</a></li> <li><a href="#park-guell">Park Guell</a></li> </ul> </nav> </header> </body>
注意：
3.标记导航
对页面中的重要链接群使用nav：
4.标记页面的主要区域
一个页面只有一个部分代表其主要内容，可以将这样的内容包在main元素中，该元素在一个页面仅使用一次，最后在main开始标签加上role=“main”
注意：
5.创建文章
article元素表示文档，页面，应用或网站中一个独立的容器，原则上是可独立分配或可再用的
步骤：
注意：
6.定义区块
section元素：“通用的”区块，标记页面中的特定区域
定义区块的步骤：
注意：
如果只是出于添加样式的原因要对内容添加一个容器，应使用div而不是section
7.指定附注栏
aside元素
注意：
8.创建页脚
footer元素
注意：不能在footer里嵌套header或另一个footer。同时，也不能将footer嵌套在header或address元素里。
只能对页面级的footer使用role="contentinfo",且一个页面只能使用一次
9.创建通用容器div
10.使用ARIA改善可访问性
一些可用的地标角色：
11.为元素指定类别或ID名称
可以给HTML元素分配唯一的标识符（ID），或指定其属于某个（或某几个）类别，也可以同时指定标识符和类别
（1）为元素添加唯一的ID
id=“name”
（2）为元素指定类别的方法
class=“name”或class=“name anothername”（可以指定两个以上的类别名称）
12.为元素添加title属性
使用title属性为网站上任何部分加上提示标签，用的最多的是链接
13.添加注释
步骤：
原文：https://www.cnblogs.com/wtblogwt/p/10699799.html
