• 欢迎访问故纵博客网,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站兼容其他浏览器.
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

WEB – HTML 链接标签

HTML wyoq 9个月前 (02-20) 51次浏览 已收录 0个评论

<a> 标签定义超链接,用于从一个页面链接到另一个页面。<a> 元素最重要的属性是 href 属性,它指定链接的目标。如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。通常在当前浏览器窗口中显示被链接页面,除非规定了其他 Target 属性。可以使用 CSS 来改变链接的样式。  HTML 使用超级链接与网络上的另一个文档相连,几乎可以在所有的网页中找到链接,点击链接可以从一张页面跳转到另一张页面,超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当你把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。在 <a> 标签中使用 href 属性来描述链接的地址,默认情况下,链接将以以下形式出现在浏览器中:一个未访问过的链接显示为蓝色字体并带有下划线;访问过的链接显示为紫色并带上下划线;点击链接时,链接显示为红色并带上下划线。<a href=”url”>跳转</a> “链接文本” 不必一定是文本,图片或其他 HTML 元素都可以成为链接,使用 Target 属性,可以定义被链接的文档在何处显示。  <a> 标签的 target 属性,target=”_blank” 定义在新窗口显示目标网页。target=”_self” 定义在当前窗体打开目标网页,此为默认值,这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。target=”_top” 定义在当前窗体打开链接,并替换当前的整个窗体(框架页)。假如你的页面被固定在框架之内,可用 _top 值跳出框架,用 top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口,框架网页中在上部窗口中显示目标网页。target=”_parent” 这个目标使得文档载入父窗口或者包含超链接引用的框架的框架集,如果这个引用是在窗口或者在顶级框架中,那么它与目标 self 等效,框架网页中当前整个窗口位置显示目标网页。  <a> 标签的 id 属性。id 属性可用于创建在一个 HTML 文档书签标记。用 id 命名那么这个书签就是唯一的。在 HTML 文档中插入 ID:<a id=”tips”>超链接</a>。在 HTML 文档中创建一个链接到 “超链接(id=”tips”)”:<a href=”#tips”>跳转</a>。或者,从另一个页面创建一个链接到 “超链接(id=”tips”)部分”:<a href=”index.html#tips”>点我跳转</a>。  <a> 标签 title 属性的作用,当鼠标滑过链接文字时会显示该属性指定的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)。  去掉超链接的下划线,并定义颜色(默认定义为黑色):a{color:#000;text-decoration:none}  定义鼠标移动到超链接上的颜色,a:hover{color:red}  图像超链接:<a href=”http://www.aaa.com”><img src=”images/demo.jpg”></a>  本文本链接:<p><a href=”/index.html“>本文本</a> 指向本网站中的一个页面的链接。</p>。相对路径,如 htef=”/abc/”,代表本站内超文本。  电子邮件链接:<a href=”mailto:123456@qq.com”>电子邮件</a> 当前系统需要安装 EMAIL 客户端程序才能使用,可用 火狐/IE 测试,会跳转链接到一个邮件。  电子邮件链接在网页中十分实用,当鼠标点击链接时,就能自动打开当前计算机系统中默认的电子邮件客户端软件,并在收件人框中自动填上收件人的地址。但由于操作系统的差异以及邮件客户端对该事件连接的处理不一致,所以在使用时需要注意。电子邮件也可以使用表单完成:<from action=”mailto:123456@qq.com”> </from>   使用电子邮件链接,可以带有多个属性:用分号隔开多个收件人的地址,可以实现发送给多个收件人的功能, cc 抄送地址,bcc 密件抄送地址,subject 添加邮件主题,body 添加邮件内容。下面是具体的应用:<a href=”mailto:12345@qq.com;56789@163.com?cc=txt@sina.com&subject=读 HTML 基础有感&body=邮件内容”>发送邮件</a>  注意:如果 mailto 后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。   <base> 标签定义页面中所有链接的默认地址或默认目标。该标签作为 HTML 文档中所有的链接标签的默认链接。在 HTML 中,<base> 标签没有结束标签,且为为元信息标签。在一个文档中,最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部,而且 <base> 标签需要排在 <head> 元素中第一个元素的位置,这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。如果使用了 <base> 标签,则必须具备 href 属性或者 target 属性或者两个属性都具备。<base target=”_blank”> 可定义页面中所有的超链接都从新窗口打开,如其中有不需要在新窗口打开的,可在 <a> 标签内自行定义:<a href=”url” target=”_self”>链接</a>。

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=”UTF-8″> 5 <title>示例</title> 6 <base href=”http://www.demo.com/images/&#8221; target=”_blank”> 7 </head> 8 <body> 9 <img src=”images.gif”><br/> 10 <a href=”http://www.demo.com”>跳转</a&gt; 11 </body> 12 </html>

  上面代码中,图像是默认链接的 demo.com 中一张名为 images 的图片,点击超链接跳转到该网站,并且在新窗口打开目标页面。


故纵博客 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:WEB – HTML 链接标签
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址