🗒️src 和 href

1. src，source，资源，表示可嵌入内容的 URL

   • 当浏览器解析到 src 会去加载资源，并将其应用到文档中，比如脚本/多媒体资源/嵌入式内容

   • 此过程可能会 block 页面的解析和执行，比如脚本加载/图像渲染

2. href，hypertext reference，超文本引用，表示 linked 资源的 URL

   • 当浏览器解析到 href 属性仅是建立联系，常用作链接跳转

src 的关联元素

1. 脚本 <script>，元数据

   • 可以用 src 属性指定外部脚本的 URI，即外联脚本

   • 也可以直接在文档中嵌入脚本，即内联脚本

2. 部分替换元素

   • 典型的替换元素，都有 src 属性

     • <img>, <video>

     • <iframe>, <embed>

   • 仅在特定情况下才被视为替换元素的，有 2 个有 src 属性

     • <audio>

     • <input type="image">

3. 给替换元素指定资源的元素

   • <source> 元素

     • 为 <video>, <audio>, <picture> 指定多个媒体资源

     • 通常是同一份媒体内容的不同文件格式，以便更好地兼容各个浏览器

   • <track> 元素

     • 作为媒体元素 <video>, <audio> 的子元素指定要嵌入的文本轨道，比如字幕

     • WebVTT 格式 .vtt，Web Video Text Tracks, 网络视频文本轨道

href 的关联元素

1. 元数据

   • <base> 的 href 属性指定文档中相对 URL 的 base URL，其值可以是绝对的也可以是相对的

   • <link> 的 href 属性指定外部资源的 URL

2. <a> 的 href 属性指定超链接（hyperlink）的 URL，值可能是网页+锚点, 文件, 电话+邮件地址，或其它任何浏览器支持的 URL 方案

3. <area> 作为 <map> 的子元素，其 href 属性指定区域的超链接 URL，值也可以为空