【JavaWeb】HTML——超链接标签

超链接标签

点击后带有链接跳转的标签,也叫做a标签

href属性用于定义链接

  • href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点
  • href中也可以定义完整的URL
  • href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点

target用于定义打开的方式

  • _blank 在新窗口中打开目标资源
  • _self 在当前窗口中打开目标资源

超链接标签路径问题

href属性用于定义链接

  • href中可以使用绝对路径,以/开头,始终以一个固定路径作为基准路径作为出发点

    无论当前资源在哪里,使用固定位置作为出发点去找目标资源
    以 / 开头

  • href中也可以定义完整的URL

  • href中也可以使用相对路径,不以/开头,以当前文件所在路径为出发点

    以当前资源的所在路径为出发点去找目标资源
    ./ 表示的当前资源的所在路径,可以省略不写
    ../ 表示当前资源的上一层路径,需要时必须显式写出

对于如下文件

执行后

复制代码
http://127.0.0.1:5500/demo1-html/04%20%E8%B6%85%E9%93%BE%E6%8E%A5.html

可以看出这里的绝对路径固定位置前缀是
/demo1-html
相关推荐
若凡SEO21 小时前
深圳优势产业(电子 / 机械)出海独立站运营白皮书
大数据·前端·搜索引擎
踢球的打工仔21 小时前
typescript-void和never
前端·javascript·typescript
hugo_im21 小时前
GrapesJS 完全指南:从零构建你的可视化拖拽编辑器
前端·javascript·前端框架
用户9047066835721 小时前
nuxt 路由一篇讲清楚
前端
盘子素21 小时前
前端实现跳转子系统,但限制只能跳转一次
前端·javascript
Anita_Sun21 小时前
Lodash 源码解读与原理分析 - Lodash 前世今生:设计原则与演进脉络
前端
爱吃羊的老虎21 小时前
Streamlit:快速创建应用界面,无需了解 Web 开发
前端·python
满栀58521 小时前
三级联动下拉框
开发语言·前端·jquery
杨超越luckly21 小时前
HTML应用指南:利用GET请求获取网易云热歌榜
前端·python·html·数据可视化·网易云热榜
前端_yu小白21 小时前
React实现Vue的watch和computed
前端·vue.js·react.js·watch·computed·hooks