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

相关推荐

  • 如何把图片转换成word文档免费

    我们时常需要将图片上的文字资料归纳整理下来,转成Word文档的形式会方便很多,下面给大家介绍一下如何把图片转换成word文档,有多种方式,咱们自由选择。 方式一、直接添加图片转换成…

    2023年 6月 15日
  • 热搜!好多人消失在朋友圈!涉及隐私、分享欲望?真实原因是……

    今天(9月4日), #为什么好多人都消失在朋友圈了# 上热搜! 热搜上, “不发朋友圈, 或许是一个人成熟的体现吧。” “随着年月的增长,在不知不觉中,那些…

    2023年 9月 12日
  • 口碑商家收款码怎么开通

    [闽南网] 口碑作为一款综合类生活服务应用,支持多种付款方式,目前支付宝花呗红包的盛行也影响了不少用户的支付方式,这时候商家用户就必须开通花呗收款方式,才能与时俱进,扩大用户量。 …

    2023年 9月 1日
  • 2023届高三学习资料,2023高三卷子电子版

    高中资料及试题服务群 【你需要项目几?有以下几个项目可选择】 项目一: 2024届【高三】试题资料及学科学习资料 1.群中内容: (1)全国各地联考、名校月考(高清无水印无角标文字…

    互联网 2023年 7月 16日
  • 连接不同网段的网络打印机

    不在一个网段内的Win10,连接不同网段的打印机(操作系统win7)?遇到的三个问题及解决方法。 第一个问题:电脑无法连接共享打印机,在添加打印机时提示错误代码0x00000569…

    2023年 6月 22日
  • 要怎么彻底删除微信聊天记录(如何彻底清除已删除微信聊天记录)

    如果您的手机内存少或者已经用了很多年了都没有清理过内存的话,那么您的微信肯定占用了您的手机很大的储存量,查看微信中的占用内存后,你将会大吃一惊,怎么聊天可以用了这么多的内存呢?因为…

    2023年 3月 16日
  • 无线路由器怎么连接另一个路由器

    随着4G网络的普及,WLAN网络走进千家万户,同时随着智能手机越来越普及,人们对WiFi网络的需求也越来越大,但很多人却不会安装和设置路由器。本期文章就说说该如何安装路由器。 一、…

    2023年 2月 21日
  • 怎么更新android应用程序商店

    本创作是本人在今日头条的原创内容,且只在今日头条首发,未经授权及禁止肆意转载。读此文之前,麻烦您点击一下“关注“,既方便您进行讨论和分享,又能给您带来不一样的参与感。 近日,谷歌推…

    2023年 9月 12日
  • 平台防网暴,如何正确处理网暴

    24岁的杭州市女孩郑灵华, 在去年7月因染了粉色头发 而遭遇大规模网暴。 2月19日晚, 和抑郁症抗争了半年多的她走了 …… 网络犹如一把双刃剑。 某些人在网络上,以道德之“名”,…

    2023年 4月 19日
  • 无线wifi查看密码器

    一看就会用,高手的忽略。粉丝关注我的我必定也关注你!手机连接上wifi的方法很多,也很实用。有这几种情况,你 输入过但又忘了的,万能钥匙连上的,QQ浏览器Wifi助手连上的。 现实…

    2023年 6月 15日