关于<a>标签的知识点

作者: Frontend晚枫 | 来源:发表于2019-07-11 17:57 被阅读0次

a标签跳转页面为GET请求,无法使用post请求

href属性

1.伪协议

写法一:在href中使用js代码。

<a href="javascript:alert(1);">

写法二:可以称之为伪超链接,必须写上;表示js代码,不会向服务器提交请求,不做任何操作。

<a href="javascript:;">

2.路径

写法一:绝对路径

  <a href="http://qq.com">

写法二:相对路径

<a href="../admin/index.html">

3.参数

写法一:#通常用于锚点定位,其中3表示id

  <a href="#3">

写法二:?传参,将本页再次向服务器提交请求,同时加入查询参数

<a href="?name=wanfeng">

target属性

1._blank

在新标签页中打开被链接地址:<a href="http://qq.com" target="_blank">

2._self

在当前页面中打开被链接地址:<a href="http://qq.com" target="_self">

3._parent,需要和iframe标签同时使用才能看见效果

在父级页面中打开被链接地址:<a href="http://qq.com" target="_parent">

4._top,需要和iframe标签同时使用才能看见效果

在整个浏览器的一级页面中打开被链接地址:<a href="http://qq.com" target="_top">

5.framename,需要和iframe标签同时使用才能看见效果,framename是框架的name属性值

在指定的框架中打开被链接地址:<a href="http://qq.com" target="framename">

download属性

当a标签写上download属性的时候,表示这个超链接是执行下载,而不是跳转一个页面展示出来

<a href="http://qq.com" download>

相关文章

  • 关于<a>标签的知识点

    a标签跳转页面为GET请求,无法使用post请求 href属性 1.伪协议 写法一:在href中使用js代码。 写...

  • <a>标签

    使用 标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 链接显示的文本...

  • HTML中的<a></a>标签

    是html中非常常用且重要的标签,本文将会介绍 的各种属性以及一些使用经验。 属性 hrefhref是 中最重...

  • <a>超链接标签

    使用 标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 链接显示的文本...

  • <a><image/></a>

    a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认vertical-align是baseline的,...

  • <a><image/></a>

    大地Dudy,前端工程师 / 全栈开发工程师 a元素下有一个匿名文本,这个文本外有一个匿名行级盒子,它有的默认ve...

  • iOS 正则表达(一) <a>标签的处理

    首先你需要第三方RegexKitLite以及YYKit 1. 我们先来说说RegexKitLite的导入 你可以在...

  • html <a>标签 同级上下级跳转

    1. 同目录下文件跳转 同目录下跳转只需连接文件名称比如说: /html/content 目录下有2个文件 a....

  • <a>标签的target属性可以自定义

    关键: 的target属性(规范): 1._blank my document 浏览器会另开一个新窗口显示do...

  • HTML 4.01版

    复习 排版标签:p hr br pre 字体标签: 转义字符:<> 清单标签:有序列表...

网友评论

    本文标题:关于<a>标签的知识点

    本文链接:https://www.haomeiwen.com/subject/fcodkctx.html