1、常用标签
| 序号 | 标签 | 名称 | 描述 |
|---|---|---|---|
| 1 | <h1>-<h6> |
标题 | 通常用来划分或标注内容中的文本段落 |
| 2 | <header> |
页眉 | 一般是由导航，logo 等元素组成 |
| 3 | <footer> |
页脚 | 一般是由友情链接，联系方式，备案号，版权等信息组成 |
| 4 | <nav> |
导航 | 导航通常由一个或多个链接标签<a>标签组成 |
| 5 | <main> |
主体 | 展示页面主体内容，建议一个页面，只出现一次 |
| 6 | <article> |
文档 | 本义是文档，实际上可以充当其他内容的容器 |
| 7 | <aside> |
边栏 | 与主体无关的信息（广告位、相关推荐、阅读排行等） |
| 8 | <section> |
区块 | 文档或主体中的通用小组件 |
| 9 | <div> |
容器 | 本身无任何语义，通过它的属性来描述用途 |
| 10 | <p> |
段落 | 文档中的段落 |
2、链接与锚点
<a href=""></a> 标签
| 序号 | 属性值 | 名称 | 描述 |
|---|---|---|---|
| 1 | href | URL 地址 | 指定<a>标签要跳转的 URL 地址 |
| 2 | target | 跳转的窗口 | 如何打开新页面 |
<a>标签，是互联网的灵魂，实现了全球资源之间的共享
标签与属性：在当前页面的不同区块之间进行跳转
target 属性值：
| 序号 | 属性值 | 名称 | 描述 |
|---|---|---|---|
| 1 | _self | 当前窗口 | 在当前窗口打开链接(默认值） |
| 2 | _blank | 新窗口 | 在新的窗口打开链接 |
| 3 | windowName | 指定窗口 | 在指定窗口打开链接（窗口 Name），可以是 iframe 嵌入的画中画页面，也可以是其他网站的新页面 |
| 4 | #idName | 锚点 | #：跳转到顶部）<br># + 网页元素的ID：跳转到该网页元素 ID 的位置 |
<iframe>：内联框架
| 序号 | 属性名称 | 名称 | 描述 |
|---|---|---|---|
| 1 | src | 内联地址 | URL |
| 2 | srcdoc | 内联提示 | 内联窗口的提示文本（支持 HTML 代码，如： <em>点击上面的小度</em>） |
3、图片
<img src="" alt=""> 标签
| 序号 | 属性名称 | 名称 | 描述 |
|---|---|---|---|
| 1 | src | 图片 URL | URL 地址 |
| 2 | alt | 图片文本 | 图片的文本说明，无法显示时直接显示在页面上 |