src和href作用都是用于请求资源,如url网址、图片资源、js脚本文件、css样式文件;
想要加载资源用src,常见的标签有img、script;
想和资源建立链接用href,常见的标签有link、a;
src | href | |
---|---|---|
请求资源类型不同 | 将指向的资源地址下载并应用到当前页面 | 超文本引用,建立文档与资源的联系 |
作用结果不同 | 引入资源会将当前元素内容整体替换 | 标签链接到某资源,文档和资源之间建立联系,不会替换标签内容 |
是否必需 | 必需 若缺失标签本身没内容 | 非必需 |
浏览器处理方式不同 | 浏览器解析到含src的元素时,暂停其他内容下载渲染,直到该资源加载、编译、执行完毕,所以经常将js代码放在底部而不是head部分 | 解析到含href属性时,直接加载,同时不影响浏览器对其他页面内容的解析 |