iframe标签和a标签

iframe标签(嵌套页面)


  • frameborder=0用来消除很丑的边框
  • name属性基本上要和a标签一起,不然没什么用
  • src = source,一般接网址,也可以是一个相对路径,没什么特殊的
<iframe name="xxx" src="./index.html" frameborder="0"></iframe>
<a href="" target="xxx"></a>

a标签(跳转页面HTTP GET请求)


target 四个值:

<a href="" target="_blank"></a>
<a href="" target="_self"></a>
<a href="" target="_parent"></a>
<a href="" target="_top"></a>
<a href="" target="iframe的名字xxx"></a>

download属性:
一个网页可以用浏览器查看,也可以下载,怎么确定:

  • 根据html响应的Content-Type for download
  • a标签可以download指定强制下载
        <a href="" download></a>

href支持:

  • 无协议绝对地址,自动继承协议,根据当前文件协议决定 <a href="//xxx.com"></a>
  • 相对路径,xxx.html == /xxx.html,当前目录下的文件 <a href="xxx.html"></a>
  • 锚点,#hihihi,当前页面跳转,只有锚点是不发起请求的 <a href="#hihihi"></a>
  • 查询字符串:?name=xxx ,浏览器会自动判断你的意思,且发起请求<a href="?name=xxx"></a>
  • 伪协议:javascript: alert(1)会直接执行<a href="javascript: alert(hi);"></a>
    javascript:; 则是点击标签不会跳转,无反应 <a href="javascript:;"></a>
  • a标签不写href,<a>xxx</a>,不可接受,相当于一个span
  • href=” “空的,浏览器会默认刷新页面,跳转到自身 <a href=""></a>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值