零基础建站培训介绍

当前位置:

HTML<a>标签(超链接)

标签定义

<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素特别重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:

  • 未被访问的链接带有下划线而且是蓝色的
  • 已被访问的链接带有下划线而且是紫色的
  • 活动链接带有下划线而且是红色的

实例

浏览器支持

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

提示和注释

提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。
提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。
提示:请使用 CSS 来改变链接的样式。

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 alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev text HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape default
rect
circle
poly
HTML5 不支持。规定链接的形状。
target _blank
_parent
_self
_top
framename
规定在何处打开目标 URL。仅在 href 属性存在时使用。
typeNew MIME_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
注:MIME = Multipurpose Internet Mail Extensions。

全局属性

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

事件属性

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

更多实例

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


将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开您的站点了。
创建电子邮件链接
本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
使用锚跳转到同一个页面的不同位置
本例演示如何使用锚的 id 属性跳转到页面的不同位置( HTML5 不支持 name 属性)。
上一课: 下一课:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关教程

  • html文件如何打开 (4812 次浏览)
    一、记事本打开HTML打开HTML有很多工具,如果没有安装任何网页编辑开发软件,大家可以使用系统自带的记事本打开HTML文件。选中HTML文件后右键,弹出
  • 我们知道这HTML网页中插入多个空格间隔是需要特殊字符编码的。如果是直接敲入多个空格键,虽然看似代码中有了多个空格效果,但在浏览器中还是只有1个
  • HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的,其中“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字
  • 要使得每行的文字一定的间距距离所以可以通过line-height样式实现。接下来通过DIV CSS实例实现字体文字上下间距。为了观察到行距设置效果,新建两个d
  • html网页乱码怎么解决 (4783 次浏览)
    html网页乱码原因分析1、比如网页源代码是gbk的编码,而内容中的中文字是utf-8编码的,这样浏览器打开即会出现html乱码。反之网页是编码utf-8,内容
  • CSS怎么控制DIV水平居中?如何让DIV盒子水平居中呢?一、div居中实现介绍在布局一张网页时,通常网页主体框架是居中于浏览器中的。实现最外层DIV水
  • 一、什么是CSS border边框属性CSS 边框即CSS border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。二、Html原始边框与DIV+CSS边框对照
  • html怎么控制文字大小 (4670 次浏览)
    html怎么控制文字大小可能通过Font-size属性来控制。1、css字体大小单词:Font-size2、语法结构div{font-size:20px}设置div内文字
  • 设置div边框border样式,使用border即可让div或span或h1、p等对象实现需要边框样式。我们给一个div类css 命名为“divcss5”,盒子加一个1px红色边框,
  • html超链接a标签运用,默许情况下有的阅读器表示下划线花式,有的不有浮现下划线。如何完成兼容各大浏览器默许状况下超链接透露表现下划线格式呢?超