html中src/href区别

在HTML中,srchref 是两个常见的属性,它们用于指定资源的位置,但用途和上下文有所不同。以下是它们的主要区别:

src 属性

了解这些区别可以帮助你更准确地使用HTML元素,从而创建更加有效和丰富的网页内容。

  1. 用途src 属性主要用于指定嵌入到文档中的资源的路径。这些资源通常是直接嵌入到页面中,并作为页面的一部分展示或运行。

  2. 常见元素

    • <img>:用于嵌入图像。
    • <script>:用于嵌入JavaScript代码。
    • <iframe>:用于嵌入另一个HTML页面。
    • <video><audio>:用于嵌入视频和音频文件。
    • <source>:用于指定多个媒体资源,供 <video><audio> 元素选择。
  3. 示例

    复制代码
    <img src="image.jpg" alt="Example Image">  
    <script src="script.js"></script>  
    <iframe src="another-page.html"></iframe>  
    <video controls>  
        <source src="movie.mp4" type="video/mp4">  
        Your browser does not support the video tag.  
    </video>

    href 属性

  4. 用途href 属性主要用于指定链接资源的路径。这些资源通常是通过点击或导航动作访问的,而不是直接嵌入到页面中。

  5. 常见元素

    • <a>:用于创建超链接,指向其他网页或资源。
    • <link>:用于链接外部资源,如CSS样式表。
    • <base>:用于指定文档中所有相对URL的基本URL。
  6. 示例

    复制代码
    <a href="https://www.example.com">Visit Example</a>  
    <link rel="stylesheet" href="styles.css">  
    <base href="https://www.example.com/">
  7. src 属性用于直接嵌入资源,使其成为页面的一部分。

  8. href 属性用于创建指向资源的链接,通常通过点击来访问。

相关推荐
wáng bēn4 分钟前
【java17】使用 Word 模板导出带替换符、动态表格和二维码的文档
java·word·itextpdf
脑袋大大的17 分钟前
判断当前是否为钉钉环境
开发语言·前端·javascript·钉钉·企业应用开发
军军君0127 分钟前
基于Springboot+UniApp+Ai实现模拟面试小工具二:后端项目搭建
前端·javascript·spring boot·spring·微信小程序·前端框架·集成学习
quweiie1 小时前
tp8.0\jwt接口安全验证
前端·安全·jwt·thinkphp
全栈凯哥1 小时前
16.Spring Boot 国际化完全指南
java·spring boot·后端
M1A11 小时前
Java集合框架深度解析:LinkedList vs ArrayList 的对决
java·后端
xiaoyan20151 小时前
最新Flutter3.32+Dart3仿微信App聊天实例
前端·flutter·dart
Top`1 小时前
Java 泛型 (Generics)
java·开发语言·windows
汪敏wangmin2 小时前
Fiddler-抓包后直接生成Loadrunner脚本或者Jmeter脚本
前端·jmeter·fiddler
爱吃土豆的马铃薯ㅤㅤㅤㅤㅤㅤㅤㅤㅤ2 小时前
如何使用Java WebSocket API实现客户端和服务器端的通信?
java·开发语言·websocket