新窗口中打开网页超链接需要设置的属性是target=?

新窗口中打开网页超链接需要设置的属性是target=?,第1张

target=_blank

<a>标签的 target 属性规定在何处打开链接文档

如果在一个 <a>标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

特殊的目标

有 4 个保留的目标名称用作特殊的文档重定向 *** 作:

_blank

浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self

这个目标的值对所有没有指定目标的 <a>标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base>标签中的 target 属性一起使用。

_parent

这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效。

_top

这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

提示:这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

由于这个笔记是从自己学习到180页左右开始写的,因此笔记的标号就从[100]开始,如果未来我补全了前面的笔记,你读完[29]之后发现没有[30] - [99] 的内容,那也请你不要惊讶。不过到时候我会在标题上做一个提示的。

当我们想要让用户的光标放在某一个内容块上,能显示这一个部分的说明时。我们会用到<title>这个元素。

当用户的光标在“Come on boy, have some fun”这段目标文字上悬浮的时候,就会看到一个浮动的提示,内容就是:“click me, you'll find a secret garden”。

大概就是上图这样一个效果吧。

如果你熟悉markdown语法的话,看到这里你应该会会心一笑。因为这个东西太像markdown里面的锚点了。

他的作用就是为了让你点击某个链接的时候,不是默认地跳到目标页面的第一行,而是你指定的页面中间的某个位置。

<id>的用法由两部分构成,一个是“弓”,一个是“靶”。弓的作用就是为了把箭装进去,然后射出。

因此,它的第一部分是在<a>元素的<href>属性中包含着的。具体用法如下。

它的第二个部分,也就是箭靶的部分,在目标页面Singers.html上面。

由于HTML的超链接不光可以链接到别的页面,也可以链接到当前页面。在当前页面用的最多的就是,在网页的底部制作一个“回到顶部”按钮。

经过测试发现,在“箭靶”的位置,把id="WangFeng"换成#WangFeng效果好像是一样的。不过教材上没有提到。估计有两种可能:

具体是什么原因我也不知道,或许等我学完这本书就知道了。

之前我们做的几个链接基本上都是在原来的浏览器页面上直接跳转到新页面(覆盖了老页面)。如果我们想让浏览器不要覆盖老页面要怎么办呢?

原来在旧的IE浏览器上,一般都是会重新打开一个网页窗口。而最近几年的Chrome、edge等浏览器基本上都会打开一个新的标签页。(如果你想让浏览器打开新的窗口,可以在首选项中进行设置。)

那么是如何实现让浏览器判断什么时候打开一个新的标签页呢?

这就用到了<target>这个属性。

可以看到,只需要在<a>元素里面增加一个<target>属性,并指定target="_blank"即可。

需要注意的是,target的值并不总是等于"_blank"。如果target="solo",那么所有target="solo"的链接,将会在同一个网页窗口的不同标签页里显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11177137.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存