【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
相关推荐
2501_944525544 分钟前
Flutter for OpenHarmony 个人理财管理App实战 - 支出分析页面
android·开发语言·前端·javascript·flutter
李白你好1 小时前
Burp Suite插件用于自动检测Web应用程序中的未授权访问漏洞
前端
刘一说2 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
徐同保3 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
刘一说3 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h4 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
weixin_395448914 小时前
main.c_cursor_0202
前端·网络·算法
东东5164 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设
MediaTea5 小时前
<span class=“js_title_inner“>Python:实例对象</span>
开发语言·前端·javascript·python·ecmascript
梦梦代码精5 小时前
开源、免费、可商用:BuildingAI一站式体验报告
开发语言·前端·数据结构·人工智能·后端·开源·知识图谱