`
a137268431
  • 浏览: 145577 次
文章分类
社区版块
存档分类
最新评论

HTML中A标签target属性

 
阅读更多
A标签的一个重要属性—target。

target可能的值有:
_blank 打开一个新窗口
_parent 显示在上一层窗口中
_top 显示在最上层窗口
name 显示在名字叫name的窗口中
_self 显示在当前窗口,缺省的属性


_parent,_top,name,必须结合frame的使用。

frame
使用frame(框、框架),可以将浏览器分成几个部分,每个部分再显示一个独立的页面。

说明
上面是一个完整的文件,注意包含frame的html文件不能在有BODY部分了。出现在
HEAD中的标签还可以使用,下面为了方便,只写出frame部分。
frameset定义一个frame集合,cols(列)将窗口分成左右两部分,一个占25%的宽度,
另一个占剩余部分(*)。然后两部分页面的URL分别用frame定义为a.htm和b.htm。

例子

显示上中下三部分,上面部分是高度100点,中间高200,剩下的为下面的部分。
三部分的url是a.htm,b.htm和c.htm。

frameset也可以嵌套使用

例子A

显示为左右两部分,左面是宽度为100点的,右面又分成上下相等两部分。

target和frame的结合使用

_top

一个在frame中的页面,点他里面的连接,始终显示在他自己的窗口里。
如果指定_top,则可以“跳”出frame,将这个连接显示在最上层的窗口。

例子

<a href=”/cgi-bin/mybbs” target=”_top”></a>myBBS

显示

myBBS

说明
点上面的连接,大家就会明白_top的含义了(可以用浏览器的“返回”键返回)。

_parent

_top直接显示在最上层窗口了,而_parent则只显示在上层,
当frame只有一层时,两者效果是一样。当frame有嵌套时,
比如“例子A”中c.htm中的_parent连接将使右边上下两部分变成一个窗口。
这个用的并不多,有时间大家自己试一下好了。

name

更一般的,在frame里可以定义名字。

例子

这样右面的窗口叫“right”,a.htm中类似

Java代码收藏代码
  1. <ahref=”…”target=”right”></a>
  2. <ahref=”…”target=”right”>的连接,将显示在右面。大家应该知道类似导航栏的页面是如何做出来了吧。</a>
  3. <ahref=”…”target=”right”>base标签</a>
  4. <ahref=”…”target=”right”>可以通过head中的base标签来设置当前页面缺省的target</a>
  5. <ahref=”…”target=”right”>例子</a>
  6. <ahref=”…”target=”right”>
  7. </a><ahref=”…”>a</a>
  8. <ahref=”…”target=”_self”>b</a>


说明
指定了该页面的缺省target为right,a连接(没有指定target使用默认)
将显示在名为right的frame里,b连接将显示在当前frame。
分享到:
评论

相关推荐

    HTML a 标签的 target 属性.doc

    HTML a 标签的 target 属性.doc

    html标签a的target属性的用法

    1:如果使用标签&lt;a&gt;来链接到一个页面的话,target属性的作用,相信大家都知道。就是指对链接的页面以怎么样的形式展现出来,target常用的值有:_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中...

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载可看全文) &lt;meta http-equiv="content-type" content="text/html" charset="gb2312"&gt; 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整...

    Bootstrap中data-target 到底是什么

    HTML5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。 我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用: 【1.】在CSS中作标签选择器用。 如: [data-toggle=...

    html实现a元素href的URL链接自动刷新或新窗口打开功能

    使用a标签的target属性特性: 无论是a链接元素还是form表单元素都有一个名叫target的属性,支持的值包括下面这些: _self:默认值。当前浏览器上下文。 _blank:通常是一个新的标签页,但是用户可以配置浏览器,...

    HTML_CSS学习笔记.docx

    5.3. &lt;a&gt;标签 target属性:在窗口中打开链接 17 5.4. 家族:为网页添加表格 18 5.5. 、、标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20 6.1. 标签:创建表单,与用户交互 20 6.2. 输入框:文本输入框、...

    HTML5 对各个标签的定义与规定:base

    base标签除了全局的属性之外,还有 href、target两个属性。 没有内容值。 interface HTMLBaseElement : HTMLElement { attribute DOMString href; attribute DOMString target; }; base标签用于定义HTML文档中...

    前端css+html+布局笔记

    可以将该属性值设置为超链接的target属性的值 这样当点击超链接时,页面将会在相应的内联框架中打开 内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 超链接 可以使当前页面...

    HTML link标记的rel属性

    &lt;link&gt;标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。...这些属性中,target只允许在Transitional和Frameset两种DTD中使用,其它都可在Strict, Transitional

    web应用程序设计复习题.doc

    &lt;P&gt; 3、&lt;A&gt;标记的target属性值为( B )的时候可以实现链接为弹出窗口的效果。 A. _self B. _blank C. _parent D. _top 4、下面的标签中( C )是加粗标签。 A. &lt;i&gt;&lt;/i&gt; B. &lt;u&gt;&lt;/u&gt; C. &lt;b&gt;&lt;/b&gt; D. &lt;h&gt;&lt;/h&gt; 5、下面...

    HTML开发王

    7.7.3 定义基准链接目标窗口(target属性) 7.8 巩固与自测 第8章 链入图片和混排图文 8.1 了解图片 8.1.1 了解gif格式图片 8.1.2 了解jpeg格式图片 8.1.3 了解png格式图片 8.1.4 创建图片 8.2 链入图片(img元素) ...

    base target=””控制链接的目标打开框架

    等很多标签都支持target="black"的属性,建议在这样的标签里单独做设置,比如: 复制代码代码如下: &lt;a&gt;超链接内容&lt;/a&gt; &lt;form action=”xxx.htm” target=”_blank”&gt;表达内容&lt;input type=”submit” value...

    从入门到精通HTML5——PDF——网盘链接

    标签的属性 164  8.2.3 &lt;span&gt;标签与&lt;div&gt;标签 170  8.3 &lt;iframe&gt;标签 172  8.3.1 &lt;iframe&gt;标签的简介 172  8.3.2 &lt;iframe&gt;标签的属性 172  8.4 &lt;layer&gt;标签和&lt;ilayer&...

    html入门到放弃笔记

    1、编写一对 body 标记,在body标记中,嵌套一对 div标记,在 div 标记中 ,嵌套一对 a 标记,在 a标记中,嵌套一对 b 标记,b标记中,随意编写一些文本 &lt;body&gt; &lt;a&gt; 这是一段测试文本 &lt;/a&gt; &lt;/...

    html的个人学习笔记 html-css.html

    统一指定网页中所有的a标签网页打开方式 _self当前页面转变,_blank在新页面打开 --&gt; &lt;!-- 1.规定文字样式的属性(快捷键fsn + tab) 格式:font-style:ilalic; 取值:normal:正常的 italic:倾斜的 2....

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

Global site tag (gtag.js) - Google Analytics