HTML 中的 rel 和 href 以及 src 有什么区别
what is the difference between rel and href and src in HTML
全部：
href
源码
rel
属性似乎都具有相同的功能，那么为什么每个 html 元素都使用这些不同的属性。那么这些属性中的每一个的功能是什么以及何时使用它们中的每一个
href
href 属性指定锚标记指向的任何资源的位置 (URL)。
src
src 属性指定需要嵌入当前 HTML 文档的任何资源的位置 (URL)。 src 属性指向的资源链接到当前文档，例如 img、video、audio 或 script。浏览器将根据嵌入对象的物理尺寸分配屏幕空间。 href没有这样的规定。
***rel*** 属性定义链接资源与引用它的文档之间的关系。在大多数情况下，此资源将只是“stylesheet”，这意味着，毫不奇怪，“引用的文档是 style sheet”。与此值相关的是 alternate，它与 stylesheet 值 (rel="alternate stylesheet") 一起使用，表示该页面还有另一种样式。事实上，您可以定义几种替代样式，尽管这种方法的主要问题在于让用户清楚地知道替代样式 sheet 是可用的。在 Firefox 中，您可以选择“查看”>“页面样式”并从提供的可用样式 sheet 中进行选择，但在任何浏览器中都没有明显的迹象表明存在这些替代方案——通常留给开发人员提供某种 JavaScript 基于样式的切换器，在页面上呈现为控件。以下标记显示具有一种主要样式 sheet 和两种替代样式的页面：
全部：
href
源码
rel
属性似乎都具有相同的功能，那么为什么每个 html 元素都使用这些不同的属性。那么这些属性中的每一个的功能是什么以及何时使用它们中的每一个
href
href 属性指定锚标记指向的任何资源的位置 (URL)。
src
src 属性指定需要嵌入当前 HTML 文档的任何资源的位置 (URL)。 src 属性指向的资源链接到当前文档，例如 img、video、audio 或 script。浏览器将根据嵌入对象的物理尺寸分配屏幕空间。 href没有这样的规定。
***rel*** 属性定义链接资源与引用它的文档之间的关系。在大多数情况下，此资源将只是“stylesheet”，这意味着，毫不奇怪，“引用的文档是 style sheet”。与此值相关的是 alternate，它与 stylesheet 值 (rel="alternate stylesheet") 一起使用，表示该页面还有另一种样式。事实上，您可以定义几种替代样式，尽管这种方法的主要问题在于让用户清楚地知道替代样式 sheet 是可用的。在 Firefox 中，您可以选择“查看”>“页面样式”并从提供的可用样式 sheet 中进行选择，但在任何浏览器中都没有明显的迹象表明存在这些替代方案——通常留给开发人员提供某种 JavaScript 基于样式的切换器，在页面上呈现为控件。以下标记显示具有一种主要样式 sheet 和两种替代样式的页面：