<iframe>和<a>标签——html学习笔记2

<iframe>

用于在网页中嵌套页面。

<iframe src="http://qq.com" frameborder="0" width="100%" height="400px"></iframe>

常用属性:

  • frameborder:规定是否显示 iframe 周围的边框,设置属性值为 "0" 就可以移除边框。
  • width:设置iframe宽度。
  • height:设置iframe高度。
name属性

iframe 可用作链接的目标,链接的 target 属性必须引用 iframe 的 name 属性

<!--a链接的目标会在iframe中打开-->
<iframe name="xxx" src="#" frameborder="0" width="100%" height="400px"></iframe>
<a href="http://qq.com" target="xxx">b</a>

<a>

target属性
// 在新窗口打开
<a href="http://qq.com" target="_blank">b</a>
// 在当前页面打开
<a href="http://qq.com" target="_self">b</a>
// 在父窗口打开
<a href="http://qq.com" target="_parent">b</a>
// 在顶层窗口打开
<a href="http://qq.com" target="_top">b</a>
download属性
  • 当http响应类型为Content-Type: application/octet-stream时候,那么浏览器会以下载的形式接收这个相应
  • 当有download属性时页面会触发下载
href属性

值:

  • 相对/绝对地址
  • 锚点
  • 伪协议
<a href="javascript: alert(1);">b</a>

当href中写地址的时候页面会发送http请求,但是#锚点属于页面跳转,不会发送http请求。
但是点击锚点时页面可能会跳转位置。
那怎么让页面点击a标签之后页面什么也不做呢?
这时候就可以用到伪协议了:

`<a href="javascript: ;">b</a>`
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 元素会创建包含另外一个文档的内联框架(即行内框架); 一、align 属性(不赞成) align属性规定ifram...
    puxiaotaoc阅读 20,005评论 0 14
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,587评论 1 41
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,134评论 1 45
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 17,006评论 32 459
  • HTML常用标签简介 MDN中所列出的html标签列表 1. 一些简单的常见标签 - 标题元素 段落元素 无序...
    EnochQin阅读 446评论 0 0

友情链接更多精彩内容