一、 src 和 href 的区别
1. src （source，资源）
会嵌入指向的资源到当前文档中，浏览器解析会立即加载资源并替换成元素内容，会暂停其他资源的下载
2. href（hypertext reference，超文本引用）
仅建立资源与当前文档的关联，按需加载。
指向网络资源（超链接），并行下载资源，不会停止当前文档的处理。
二、 <img> 标签相关属性
src： 图片路径alt： 替代文本，对无障碍访问至关重要title：非<img>标签独有，所有标签都可以用。在鼠标悬停时提示文本（补充说明，非必须）srcset和sizes： 用于响应式图片
三、 <a> 标签
1. target="_blank" 安全问题
需要加上 rel="noopener noreferrer" 防止新窗口安全漏洞，因为原页面可以通过 window.opener 篡改原页面。
如果当前窗口不是由其他窗口打开的，则该属性返回 null。
2. 锚点跳转
href="#id"可以跳转到对应的id元素href="#"会回到顶部（但是会添加历史记录，可改用href="javascript:;"或event.preventDefault()）