1. HTML中href与src的概念
HTML是一种用于创建Web页面的标记语言。它使用标签和属性来定义不同部分的页面,其中包括用于超链接的<a>
标签和用于引入外部资源的<script>
、<link>
和<img>
标签。其中,<a>
标签中的href属性和<img>
、<link>
标签中的src属性是HTML中两种最常见的属性,它们的作用分别是:
href属性:用于在HTML文档中创建超链接,把一个页面链接到另一个页面或同一页面内的不同部分。
src属性:用于引入外部资源,如图片、样式表、脚本文件等。
2. href与src的区别
虽然href和src都是HTML中的重要属性,但它们具有不同的用途和行为。
2.1 Href的作用
Href用于创建超链接,它可以把一个页面链接到另一个页面或同一页面内的不同部分。当用户单击带有href属性的链接时,浏览器会跳转到指定的页面或位置。
<a href="http://www.example.com">跳转到一个页面</a>
<a href="#section1">跳转到同一页的指定位置</a>
第一个例子是跳转到另一个页面,而第二个例子是跳转到同一页的指定位置。
注意:使用href创建超链接时,需要加上链接地址,它可以是一个绝对路径,也可以是相对路径。如果以“#”开头,表示跳转到同一页的指定位置。此外,href还可以用于JavaScript代码执行,它可以把JavaScript代码嵌入到链接中执行。
2.2 Src的作用
Src用于引入外部资源,如图片、样式表、脚本文件等。当浏览器解析HTML文档时,它会发现带有src属性的标签,并从指定的URL加载资源。
<img src="img/logo.png" alt="logo">
<link rel="stylesheet" href="css/style.css">
<script src="js/main.js"></script>
上面的代码中,<img>
标签使用src属性加载图片,<link>
标签使用href属性引入样式表,<script>
标签使用src属性引入脚本文件。
注意:使用src引入资源时,需要指定资源的路径,它可以是一个绝对路径,也可以是相对路径。如果路径以“/”开头,表示以Web站点的根目录为基础,否则表示相对文件所在的目录为基础。
3. 总结
HTML中的href和src属性都是非常重要的属性,它们分别用于创建超链接和引入外部资源。href属性可以链接到不同页面或同一页面中的指定位置,而src属性则用于加载图片、样式表、脚本文件等外部资源。使用href和src时,需要根据需要来选择合适的属性和正确的路径。