HTML 标签(html 空格代码)

浏览器支持

HTML 标签(html 空格代码)图1

HTML 标签(html 空格代码)图2

HTML 标签(html 空格代码)图3

HTML 标签(html 空格代码)图4

HTML 标签(html 空格代码)图5

所有主流浏览器都支持 <a> 标签。

HTML 标签(html 空格代码)图6

标签定义及使用说明

<a> 标签定义超链接,用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性,它指定链接的目标。

在所有浏览器中,链接的默认外观如下:

  • 未被访问的链接带有下划线而且是蓝色的

  • 已被访问的链接带有下划线而且是紫色的

  • 活动链接带有下划线而且是红色的

HTML 标签(html 空格代码)图7

提示和注释

提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。

提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。

提示:请使用 CSS 来改变链接的样式。

HTML 标签(html 空格代码)图8

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。

属性

New :HTML5 中的新属性。

属性 描述
charset char_encoding HTML5 不支持。规定目标 URL 的字符编码。
coords coordinates HTML5 不支持。规定链接的坐标。
downloadNew filename 指定下载链接
href URL 规定链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediaNew media_query 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。
name section_name HTML5 不支持。规定锚的名称。
rel alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape defaultrectcirclepoly HTML5 不支持。规定链接的形状。
target _blank_parent_self_topframename 规定在何处打开目标 URL。仅在 href 属性存在时使用。
typeNew MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注:MIME = Multipurpose Internet Mail Extensions。

全局属性

<a> 标签支持 HTML 的全局属性。

事件属性

<a> 标签支持 HTML 的事件属性。

创建超级链接

本例演示如何在 HTML 文档中创建链接。

将图像作为链接

本例演示如何使用图像作为链接。

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开您的站点了。

创建电子邮件链接

本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)

创建电子邮件链接 2

本例演示更加复杂的邮件链接。

使用锚跳转到同一个页面的不同位置

本例演示如何使用锚的 id 属性跳转到页面的不同位置( HTML5 不支持 name 属性)

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(0)
上一篇 2023年 6月 26日 下午4:38
下一篇 2023年 6月 26日 下午4:45

相关推荐

  • windows如何让电脑变得流畅

    大家在日常使用电脑的过程中肯定会遇到电脑卡顿、不流畅的情况。其实这是一个非常好解决的问题。这不是一篇多么专业的科普文章,只是鄙人多年使用电脑的心得体会,拿出来与大家分享! 电脑的运…

    2023年 4月 9日
  • 为什么微信发图原图模糊,p50 pro用微信拍照或模糊

    日常生活或工作中,我们常常会通过微信给朋友、客户发送照片,比如: 跟朋友出去看花展,想分享下美美的照片[鼓掌],我原以为朋友看到的是这样子的, 我发的图 然而,亲爱的看到的是这样子…

    2023年 4月 22日
  • 地铁充值深圳通能现金充吗,深圳通自助充值终端站点

    发现生活,方便你我! 相信现在很多人坐地铁都是直接刷微信二维码了(因为太方便了),也有一部分人还在使用深圳通刷卡进站,当然也有一部分人用银行卡或者其他电子产品刷卡进站的,今天分享两…

    2023年 4月 16日
  • 电脑宽带连接错误769怎么解决

    电脑使用宽带连接上网时,提示错误代码769怎么办?电脑宽带连接不能连上网络提示错误769,该如何解决?本文就给大家介绍电脑宽带连接失败提示错误代码769的原因及其解决办法。 问题原…

    2023年 7月 16日
  • 怎么用ps把图片背景变成透明

    #暑期创作大赛# 在工作中,我们经常会遇到这样的问题:想在PPT或者Word文档中插入一张图片,可是图片却是带背景的图片,看起来和制作的文档很不搭。 想要让插入的图片和文档融为一体…

    2023年 7月 19日
  • 2020央视鼠年春晚在哪看

    北京卫视春晚日前进行彩排,不少大牌明星参加,今年的北京卫视春晚阵容强大,那么在哪里可以看北京卫视春晚的直播呢?在那些频道平台可以看北京卫视春晚呢? 2020北京卫视春晚直播地址官网…

    2022年 12月 28日
  • 支付宝提现有什么办法不收手续费

    A 君:借我 200 元现金,我用支付宝转账给你。 B 君:好,记得连提现手续费一并转给我。 A 君:…… 像 A 君与 B 君对话这样的场景,在我们的生活中随处可见。 支付宝作为…

    2023年 10月 8日
  • 王者荣耀小乔出装铭文打法,王者荣耀最强小乔出装及铭文

    花会枯萎爱不用凋零 小乔身为一个软萌高爆发法师简单操作容易上手,尤其是上赛季二技能加强了范围,越来越受妹子们喜欢,几乎每场都能看到她出现。 下面我作为一个qq微信总共打了600场小…

    2023年 6月 7日
  • 电脑用的播放器,电脑上好用的4k播放器

    今天意外发现,自己已经用了很长时间的一款软件,居然是一款非常厉害的神器,说实话这款软件是我随手在网上下载的,每次写文章录动图都会使用的视频播放器,今天小佳才无意间发现它隐藏的黑科技…

    2023年 11月 3日
  • 家庭宽带怎么接电视,接电脑,接无线路由器

    现在每个家里基本都安装了宽带,并连接了路由器,供电脑,手机,电视等电子产品使用,但是很多家庭都不是很清楚家里这些线路怎么连接的,一出了问题,要么不知道找谁处理,知道报障了,要等好久…

    2023年 1月 4日