单击带有超链接的文件时,超链接的内容有多种,打开方式,如替换当前页打开,在新窗口打开等。而用来指定打开方式的是<a>标签的target属性。
如果在一个<a>标签内容含一个target属性,浏览器将会载入和显示用这个标签的href属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或id的框架或者窗口不存在,浏览器将打开一个新窗口,并给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。
target属性的代码格式如下:
<a target="value">
其中value有四个参数可用,这4个保留的目标名称用作特殊的文档重定向操作。
(1)-blank。浏览器总在一个新打开、未命名的窗口中载入目标文档。
(2)-self。这个目标的值对所有未指定目标的<a>标签是默认目标,使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base>标签中的target属性一起使用。
(3)-parent。这个目标使得文档载入父窗口或者包含超链接引用的框架的框架集。如果这个引用是在窗口或者顶级框架中,那么它与目标-self等效。
(4)-top。这个目标使的文档载入包含这个超链接的窗口,用-tap目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
小提示:这些target的所有4个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略,因此,不要将下划线作为文档中定义的任何框架name或id的第一个字符。
下面举例说明target属性的使用方法。
(1)编写代码如下图所示:
(2)在浏览器中打开文件,预览效果如下所示:
(3)单击超链接,在新窗口打开连接页面,下图所示
(4)修改代码并单击链接。
将“-blank”换成“-self”,即代码修改为“<a href="http://www.sina.com.cn" target="_self">新浪</a>”,单击链接后,直接在当前窗口打开新链接,如图所示:
这里是云端源想IT,帮你轻松学IT”
嗨~ 今天的你过得还好吗?
无论种子散落在何处
都会长出一棵树
向着天空,挣扎生长
- 2024.03.15 -
HTML图片标签和超链接标签是网页开发中常用的两种标签,它们分别用于在网页中插入图片和创建超链接。
我们每天都在互联网世界中与各种形式的信息打交道。你是否好奇过,当你点击一篇文章中的图片或链接时,是什么神奇的力量让你瞬间跳转到另一个页面?
今天,就让我们一起揭开HTML图片标签和超链接标签的神秘面纱。
HTML图片标签是一种特殊的标记,它可以让网页显示图像。通过使用图片标签,我们可以在网页上展示各种图片,从而让网页更加生动有趣。
1、语法结构
HTML图片标签的语法结构非常简单,只需要使用<img>标签,并在其中添加src属性,指定图片的路径即可。
例如:
<img src="image.jpg" alt="描述图片的文字">
2、图片格式
HTML支持多种图片格式,包括JPEG、PNG、GIF等。不同的图片格式具有不同的特点,可以根据需要选择合适的格式。
3、图片属性
除了src属性外,HTML图片标签还有其他一些常用的属性,如:
4、网络图片的插入
当需要插入网络上的图片时,可以将图片的URL地址作为src属性的值。例如:
<img src="https://www.example.com/images/pic.jpg" alt="示例图片">
5、本地图片的插入
当需要插入本地图片时,可以将图片的相对路径或绝对路径作为src属性的值。
6、相对路径与绝对路径
在这里再给大家介绍两个概念,相对路径与绝对路径,搞懂它们,我们在插入本地图片时也能得心应手。
相对路径:
相对于当前HTML文件所在目录的路径,包含Web的相对路径(HTML中的相对目录)。例如,如果图片文件位于与HTML文件相同的目录中,可以直接使用文件名作为路径:
<img src="pic.jpg" alt="本地图片">
绝对路径:
图片文件在计算机上的完整路径(URL和物理路径)。例如:
<img src="C:/Users/username/Pictures/pic.jpg" alt="本地图片">
超链接标签是HTML中另一个重要的元素,它可以实现网页之间的跳转。通过使用超链接标签,我们可以将文本、图片等内容设置为可点击的链接,方便用户在不同页面之间自由切换。
1、语法结构
超链接标签使用<a>标签表示,需要在href属性中指定链接的目标地址。
<a href="目标地址" title="标题">文本内容</a>
例如:
<a href="https://www.ydcode.cn/">点击访问示例网站</a>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例网站</title>
</head>
<body>
<h1>欢迎来到云端源想!</h1>
<p>这是一个简单的HTML页面,用于展示一个网站的结构和内容。</p>
<a href="https://www.ydcode.cn/">点击访问示例网站</a>
</body>
</html>
2、链接目标
超链接可以链接到不同的目标,包括其他网页、电子邮件地址、文件下载等。通过设置href属性的值,可以实现不同的链接目标。
3、链接属性
超链接标签还有一些其他常用的属性,如:
想要快速入门前端开发吗?推荐一个前端开发基础课程,这个老师讲的特别好,零基础学习无压力,知识点结合代码,边学边练,可以免费试看试学,还有各种辅助工具和资料,非常适合新手!点这里前往学习哦!云端源想
4、锚点链接标签
锚点标签用于在网页中创建一个可以点击的锚点,以便用户可以通过点击锚点跳转到页面中的其他部分。
锚点标签的语法为:
<a name="锚点名称"></a>
例如,可以在页面中的一个段落前添加一个锚点:
<a name="section1"></a>
<p>这是一个段落。</p>
然后,可以在页面的其他位置创建一个指向该锚点的超链接:
<a href="#section1">跳转到第一节</a>
当用户点击“跳转到第一节”链接时,页面将滚动到名为“section1”的锚点所在的位置。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例网站</title>
</head>
<body>
<h1>欢迎来到云端源想!</h1>
<p><a href="#section1">跳转到第一节</a></p>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<p>这是第三个段落。</p>
<a name="section1"></a>
<p>这是第一节的内容。</p>
</body>
</html>
HTML图片标签和超链接标签是构建网页的两个重要元素,它们不仅丰富了网页的内容,还为网页添加了动态和互动性。
通过学习和掌握这两个标签的使用方法,我们可以创建更加丰富和互动的网页,为用户提供更好的浏览体验。无论是展示精美的图片,还是实现页面之间的跳转,HTML图片标签和超链接标签都能帮助我们实现更多的创意和功能。
让我们一起探索HTML的奇妙世界,创造出更加精彩的网页吧!
我们下期再见!
END
文案编辑|云端学长
文案配图|云端学长
内容由:云端源想分享
究人员在QQ手机浏览器受到攻击后发现了一种新型滥用基于HTML5 Ping的超链接审计特性的DDoS攻击。
Imperva研究人员Vitaly Simonovich和Dima Bekerman监测到一次攻击,该攻击最高点达7,500个请求/秒,并在4个小时内从约4,000个用户IP发出了超过7千万个请求。什么概念呢?2016年类似的一次基于Android的手机DDoS攻击是从27,000个独特IP中实现了每秒400个请求的峰值。
新攻击使用的是HTML5 ping属性,其可以合法跟踪网站链接上的点击次数,一些隐私人士甚至将其视为一种用户跟踪形式。'Ping ='包含在普通的在线超链接代码中。单击链接时,会发送一个不可见的'ping ='url内容变量,该变量也用户看不到,网站管理员可以监控、审核从特定网站发送特定链接的访问者数量。
虽说这种新攻击主要来自QQ浏览器用户,但该技术几乎可以应用到任何浏览器上。Firefox是少数几个默认禁用ping属性的浏览器之一;Chrome 74 Beta版本正在取消禁用超链接审核功能,这意味着可能在2019年5月发布后,Chromium浏览器(如Edge,Chrome,Opera和Safari)将永久启用超链接审核。
用户访问经两个外部JavaScript文件而设计的网页,其中一个含URL的数组,这也是主要针对游戏网站DDoS攻击的目标;另外一个JS文件有一个函数,它从数组中随机选择一个URL,创建带有'ping'属性的<a>标签,并以编程方式每秒点击该链接。访问者只要在浏览器中打开该网站,超链接审核ping就会向其发送,4,000多名用户深陷其中、每小时最多可能超1400万个请求。这种攻击需要让用户访问精心设计的网页,并尽可能长时间地在浏览器中打开。
研究人员提出一种可能的结合社会工程和恶意广告场景,也许已经在这次攻击中使用:攻击者将恶意广告注入合法网站。网站越受欢迎,受DDoS的可能性就越大。之后,具有恶意添加的网站链接会被发布到大型微信群里。然后,访问者和来自微信聊天组的访问者将自动、不知不觉地开始ping目标URL,且将继续以每秒一次的速率执行此操作,以便在浏览器中打开中毒选项卡。
虽然这种攻击方法有可能在任何地方用于对抗任何目标,但一个简单的防御方法是阻止任何包含边缘设备上的”Ping-To“和/或”Ping-From“HTTP header的Web请求”(防火墙,WAF等),这会阻止ping请求不会命中你的服务器。
本文作者:Gump,转载自:http://www.mottoin.com/detail/3892.html
*请认真填写需求信息,我们会在24小时内与您取得联系。