HTML中href、src区别

HTML的起源

HTML，即超文本标记语言（Hypertext Markup Language），是一种用于创建网页的标准语言。它的起源可以追溯到20世纪80年代早期，当时科学家Tim Berners-Lee在欧洲核子研究组织（CERN）工作，他想要开发一种能够方便地共享信息的方式，于是就有了HTML。

HTML中的链接

HTML中的链接是一种重要的元素，它可以将一个网页链接到另一个网页，或者将一个网页的某个部分链接到同一网页的另一个部分。链接通常包含两个属性：href和target。

href属性

href（Hypertext Reference）属性用于指定链接目标的URL地址。URL是Uniform Resource Locator的缩写，是一种用于定位web资源的地址标识符。在HTML中，链接的目标可以是另一个网页、一个图像、一个音频文件等等。

[_a0_]

在上面的代码中，链接的目标是https://www.example.com，当用户单击链接时，浏览器将打开该网站。

target属性

target属性用于指定链接在何处打开。它有两个可选值：_blank和_self。如果值为_blank，链接将在新窗口或标签页中打开；如果值为_self，链接将在当前窗口或标签页中打开。

[_a1_]

在上面的代码中，链接将在新窗口或标签页中打开。

HTML中的图像

图像是网页中的另一种重要元素，它可以使网页更加生动有趣。在HTML中，图像使用img标签来定义。

src属性

src（Source）属性用于指定图像的源文件路径。它可以是一个相对路径或一个绝对路径。

在上面的代码中，图像的源文件路径是example.jpg，当浏览器解析该代码时，它将尝试从与当前网页相同的目录中加载该文件。

alt属性

alt（Alternative）属性用于指定在无法显示图像时显示的替代文本。它对于网页的无障碍性非常重要，因为一些用户可能无法看到图像，例如盲人或使用屏幕阅读器的用户。

在上面的代码中，如果浏览器无法加载example.jpg文件，将显示"Example Image"。

href与src的区别

虽然href和src都是用于定义链接的属性，但它们之间有一些重要的区别。

作用对象不同

href用于定义超链接，用于链接一个网页到另一个网页或网站。而src用于定义图像、音频、视频等外部资源的路径。

加载方式不同

链接和外部资源的加载方式不同。当浏览器遇到href时，它会在当前页面中创建一个新的文档流，然后加载链接的目标网页或文件。当浏览器遇到src时，它会从指定的路径加载外部资源并将其嵌入到当前文档中。

作用范围不同

href可以应用于大多数HTML元素，例如a、link和area等。而src只能应用于img、audio、video、script和iframe等元素。

结论

在HTML中，href和src是两个非常重要的属性，它们都用于定义链接，但作用对象、加载方式和作用范围都有所不同。了解这些差异可以帮助你更好地理解HTML，并正确使用它们的属性。