图像
介绍：在 HTML 中，图像由
格式:
元素支持的属性：
| 属性名称 | 属性值 | 说明 |
|---|---|---|
| src | URL | 图片的路径 |
| alt | 文本内容 | 给图片做注解 |
| width | 像素/百分比 | 宽 |
| height | 像素/百分比 | 高 |
alt属性中的文本作为备用文字描述了图片的内容，这可以帮助用户在图片加载失败或者不可见的情况下理解图片内容，也有助于搜索引擎理解图片内容，并将其加入到搜索结果中。例如：
那些无法通过视觉获取信息的用户(视力障碍)，只能通过屏幕阅读器将网页内容转换为音频的方式获取信息，而屏幕阅读器通过识别alt属性，并朗读其中的内容，来告知用户图片包含的关键信息。
良好的alt文本可以简明扼要地描述图片信息，所以你应该为图片添加alt属性。另外，HTML5 标准也在考虑强制要求对图片添加alt属性。
超链接
介绍：HTML 提供了 标签（Anchor，锚点）通过href属性指定URL地址可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。
格式:
跳转至网站
发送Email
播出电话
在 HTML 4.01 中， 标签可以是超链接或锚。在 HTML5 中， 标签始终是超链接，但是如果未设置 href 属性，则只是超链接的占位符。
HTML5 提供了一些新属性，同时不再支持一些 HTML 4.01 属性。
支持的属性
download(HTML 5 新增)： 接受一个 filename (文件名) 作为属性值或不设置任何属性，此属性指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。
Download PDF
Download PDF
注意：
- 此属性对允许的值没有限制，但是 / 和 \ 会被转换为下划线。大多数文件系统限制了文件名中的标点符号，故此，浏览器将相应地调整建议的文件名。
- 此属性仅适用于同源 URL(协议、域名、端口号都相同)。同源概念
href：接受一个URL路径地址作为参数，URL 规定链接指向的页面的 URL 或 URL 片段。
百度一下
主页
主页
格式： scheme://host[:post]/path/filename
scheme 指的是一种页面跳转协议,支持的协议有:
- http:// 或 https:// 链接到外部地址
- mailto:// 将用户的电子邮件程序打开，让他们发送新邮件
- tel:// 提供电话链接有助于用户查看连接到手机的网络文档和笔记本电脑。
- file:// 本地文件传输协议,
- ftp:// 文件传输协议
HTML5 支持使用scheme在移动端唤醒app：
- taobao:// 淘 宝
- alipay:// 支付宝
- wechat:// 微 信
- mqq:// Q Q
- baiduboxapp:// 或 BaiduSSO:// 百 度
- openApp.jdMobile:// 或 jd:// 京 东
- bilibili:// 打开哔哩哔喱
host： 指的是 IP 地址或计算机名称
post： 指的是服务器端口
path： 指的是文件路径
filename： 指的是文件名
百度一下
唤醒微信
补充：相对路径与绝对路径
绝对路径：绝对路径就是你的主页上的文件或目录在硬盘上真正的路径，(URL和物理路径)例如：
C:\xyz\test.txt 代表了test.txt文件的绝对路径。http://www.sun.com/index.htm也代表了一个
URL绝对路径。相对路径：相对与某个基准目录的路径。包含Web的相对路径（HTML中的相对目录），例如：在
Servlet中，"/"代表Web应用的根目录。和物理路径的相对表示，例如：./代表当前目录,
../代表上级目录。这种类似的表示，也是属于相对路径。
注意：
- URL 片段是哈希标记（#）前面的名称，哈希标记可以指定当前同一页面内的位置。URL 不限于基于 Web（HTTP）的文档，也可以使用浏览器支持的任何协议。
- 可以使用 href="#top" 或者 href="#" 链接返回到页面顶部。这种行为是 HTML5 的特性。
hreflang: 该属性用于指定链接文档的人类语言。其仅提供建议，并没有内置的功能。
media: media_query 规定被链接文档是为何种媒介/设备优化的。(HTML 5 新增)
rel: 规定当前文档与被链接文档之间的关系，rel可选值 。
target:规定在何处打开链接文档,可选值包含：
- _self (默认)：当前页面加载，即在当前页面打开新的链接。
- _blank： 新窗口打开超链接。
- _parent：加载响应到的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文，此选项的行为方式与 _self 相同。
- _top：加载的页面占据整个原来的窗口，加载到顶层浏览上下文。如果没有上层浏览上下文，此选项的行为方式相同_self。
注意：
- 使用target时，考虑添加 rel="noopener noreferrer" 以防止针对 window.opener API 的恶意行为。
- 使用target=“_blank”链接到另一个页面将在与页面相同的进程中运行新页面。如果新页面执行开销大的的JS，那么页面的性能可能会受到影响。要避免这种情况，请使用rel=noopener。
- rel="noopener"：防止新标签页使用JavaScript的window.opener功能，该功能可能会访问包含链接（您的网站）的页面来执行恶意操作，例如窃取信息或共享受感染的代码。
- rel="noreferrer"：防止其他网站或跟踪服务（例如Google Analytics（分析））将您的页面标识为单击链接的来源。
链接到本页的某个部分
Description of Same-Page Links
点击上面页内的锚点，网易会跳转至与锚点属性同名id的元素上
图片链接
基准参考点
概念：HTML
支持的属性：