HTML5 ＜a＞ 标签
实例
HTML5 <a> 标签的主要作用是用于超链接，可以链接到其他页面也可以链接到本地的其他文件，你可以通过下面的这个示例来认识 <a> 标签。
链接到W3Cschool教程 ：
<a href="http://www.w3cschool.cn">访问W3Cschool教程!</a>
尝试一下 »
（更多实例见页面底部）
浏览器支持
所有主流浏览器都支持 <a> 标签。
标签定义及使用说明
<a> 标签定义超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
在所有浏览器中，链接的默认外观如下：
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
提示和注释
提示：如果没有使用 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 不支持。规定链接的坐标。 |
| download（New） | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| media（New） | 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 属性存在时使用。 |
| type（ New） | MIME_type |
规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
全局属性
<a> 标签支持 HTML 的全局属性。
事件属性
<a> 标签支持 HTML 的事件属性。
尝试一下 - 实例
创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开您的站点了。
创建电子邮件链接
本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）
创建电子邮件链接 2
本例演示更加复杂的邮件链接。
使用锚跳转到同一个页面的不同位置
本例演示如何使用锚的 id 属性跳转到页面的不同位置（ HTML5 不支持 name 属性）。
HTML5 ＜a＞ 标签相关推荐
- html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许 没有 ...
- html5新标签使用
HTML 5 视频标签<video> <video width="320" height="240" controls="contr ...
- php中 datalist,html5 datalist标签的用法是什么？这里有datalist标签的用法实例
本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧 我们先来看 ...
- 20 Java程序员面试宝典视频课程之HTML5新标签、功能
一.HTML5认识?(是什么,为什么) 答: 1.HTML5指的是包括 HTML . CSS 和 JavaScript 在内的一套技术组合. 2.HTML4陈旧不能满足日益发展的互联网需要,特别是移动 ...
- HTML语义化：HTML5新标签——template
一.前言 当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script标签加载进来:要么通过<script t ...
- HTML5 Audio标签方法和函数API介绍
问说网 > 文章教程 > 网页制作 > HTML5 Audio标签方法和函数API介绍 Audio APIHTML5HTML5 Audio预加载 HTML5 Audio标签方法和函 ...
- html5新特性 移除哪些,html5\CSS3有哪些新特性、移除了哪些元素？如何处理HTML5新标签的浏览器兼容问题？如何区分HTML和HTML5？...
(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage ...
- html5 meta标签属性整理
html5 meta标签属性整理 前言:不知道有没有人觉得,html的meta标签描述的头部信息特别多,有针对的SEO的头部信息,也有针对移动设备的头部信息,今日特地在网上搜集资料自己稍微对其整理一下 ...
- c 嵌入html5 win7,Html5新标签解释及用法
2011-01-28 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的 ...
- 【html 及 HTML5所有标签汇总】★★★
/****************************************************************************/ [HTML5所有标签汇总]★★★ /*** ...
最新文章
- JavaScript URL编码 代码片段记忆
- Sympy计算结果带参数的方程组
- 信息系统项目管理师-项目合同管理核心知识点思维脑图
- python socket服务器多线程_Python多线程socket服务器端
- 牛客题霸 [没有重复项数字的所有排列] C++题解/答案
- Socket一次Recv接受的字节有限制么?
- 18 | 理论四：接口隔离原则有哪三种应用？原则中的“接口”该如何理解？
- hdoj-1046-Gridland(规律题)
- python求最值_python求极值点（波峰波谷）
- 转《DB2操作指南及命令大全》
- 宝塔面板 使用supervisor守护队列
- google hacking 记录
- Nat模拟虚拟机无法ping通桥接模式虚拟机
- 【USRPx310系列（NI USRP2940-2955）+ srsRAN】环境搭建与应用
- 在视图列中显示文档所有读者和作者
- vue实现网络监控摄像头直播拍照功能
- Echarts-实现3D柱状图显示，并单个柱子变色
- 使用Fiddler抓包工具后导致无法正常上网
- timestamp变成×tamp问题
- vue3+vite+element-plus