href 属性

定义和用法

href 属性规定链接的目标地址。

如果未使用 href 属性,则 标签不是链接,而是链接的占位符。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 4.01 中, 标签既可以是超链接,也可以是锚。这取决于 href 属性。在 HTML 5 中, 是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。

语法

属性值

值描述

URL

超链接的 URL。可能的值:

绝对 URL - 指向另一个站点(比如 href="http://www.example.com.html")

相对 URL - 指向站点内的某个文件(href="index.html")

锚 URL - 指向页面中的锚(href="#top")

超链接标签的工作原理

1) 浏览器解析a标签的时候,如果a标签的href属性是以http开头,

那么浏览器就会启用http协议的解析器去解析该网址。

首先浏览器会从本地的Hosts文件(c:/windows/system32/drivers/etc)查找是否存在该网址对应的IP。

如果没有就从网络服务提供商的DNS服务器中查找是否存在该网址所对应的IP。

如果DNS服务器也没有,那么浏览器就显示“404 无法访问此网站”,

否则,浏览器就直接请求该IP对应的服务器。

2) 如果a标签的href属性不是以http开头,也不是以其他协议开头,

那么浏览器就会启用file协议的解析器去解析该网址;

3) 如果a标签的href属性不是以http开头,而是以其他协议开头,

浏览器就会去计算机本地的注册表去查找是否存在处理该协议的应用程序。

如果存在的话,浏览器就会启用该协议的默认的应用程序;

target 属性

定义和用法

target 属性规定在何处打开被链接文档。

只能在 href 属性存在时使用。

HTML 4.01 与 HTML 5 之间的差异

不再允许把框架名称设定为目标,因为不再支持 frame 和 frameset。

self, parent 以及 top 这三个值大多数时候与 iframe 一起使用。

语法

属性值

值描述

_blank

在新窗口中打开被链接文档。

_self

在被点击时的同一框架中打开被链接文档(默认)。

_parent

在父框架中打开被链接文档。

_top

在窗口主体中打开被链接文档。

来源:http://www.icode9.com/content-4-118901.html

html5a链接_HTML 5 a 标签相关推荐

  1. html5a链接_html 超链接(a)详细讲解

    友情链接: 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...

  2. html5a链接_关于html a、html超链接基础教程

    一.html a语法 被链接内容 html a超链接机关图 同时锚文本_锚链接又被各人喻为超链接. Href值: 网址,网址一定加上http://+域名 相对路径,如htef="/abc/& ...

  3. java swing 链接_JAVA中Jtable标签设置超级链接:基于Java Swing的超链接标签和超链接按钮的实现...

    希望在一个标签上设置超级链接,找到了如下的一种方法: 1.要解决的问题 基于Java Swing的超链接实现 2.自定义一个超链接标签控件[LinkLabel] 2.1.完整代码如下: public ...

  4. a标签去掉下划线_html中a标签的一些用法

    来看一些a标签的常见用法,觉得有用的话,点个赞哦. 跳转到指定位置(锚点) 在href中填入#再加上某一标签的id则可以跳转至该标签,如果#后面任何id,那就会回到顶部,这个在很多网站都很常见,如果h ...

  5. java web热区链接_HTML图片热区map area的用法

    标记主要用于图像地图,通过该标记可以在图像地图中设定作用区域(又称为热点),这样当用户的鼠标移到指定的作用区域点击时,会自动链接到预先设定好的页面.其基本语法结构如下: href=url alt=te ...

  6. audio标签控制音量_html中audio标签的使用

    在HTML5标准网页里面,我们可以运用audio标签来完成我们对声音的调用及播放.以下是最经常见到的运用HTML5三种基本格式: 1.最少的代码 2.带有不兼容提醒的代码 Your browser d ...

  7. delphi tabsheet多标签自适应宽度_HTML 图像 img 标签

    HTML 图像 标签 在 HTML 中,通过 标签来定义显示一副图像.是一个非成对标签. 基本语法: <img src="url" /> 标签 通过 src 属性来确定 ...

  8. 显示多文档标签_HTML常用基础标签,前端从入门到精通

    首先,我们来理解一下一个网页的基本组成 代码如下 一个网页是有许许多多的标签对组成的,即开始标签-结束标签,都是成对出现(当然我们后面会说的还存在单标签,表示自闭合标签,例如: ) 对上述的标签先来解 ...

  9. html 链接section,HTML section 标签

    HTML `` 标签 ``是HTML5新增的语义化标签之一. 关于语义化标签的概念与作用可以参阅HTML 语义化布局概述一章节. **一.标签作用:** 此标签的功能与``标签比较类似,两者联系与区别 ...

最新文章

  1. 关于学习Python的一点学习总结(12->字典相关操作)
  2. 我们梳理了一下VR教育,感觉它将会是下一个蓝海
  3. java 数据库 空值_java – 是否可以将枚举属性的空值存储到数据库?
  4. hdu4282 x^z+y^z+x*y*z=k 解的个数
  5. VTK:相互作用之EllipticalButton
  6. LeetCode 100. 相同的树 思考分析
  7. oracle fs1 2多少u,甲骨文FS1系列闪存的“大道至简”
  8. android:configChanges属性
  9. PLSQL自动输入select * from|附件在cnblogs文件|
  10. javascript设计模式实践之策略模式--输入验证
  11. coreldraw x5 选择工具快捷键_coreldraw x5快捷键大全 coreldraw快捷键分享
  12. 二维码与图像结合生成器之QArt(关于Russ Cox )
  13. 【渗透技巧】pop3协议渗透
  14. ASP.NET Core 中文文档目录
  15. QQ聊天机器人 Delphi代码
  16. play商店 小米_小米应用商店和Google Play商店的简单对比
  17. 复合函数的极限与连续
  18. mipi的dsi全称_MIPI DSI 协议介绍
  19. Selenium Web自动化测试——基于unittest框架的PO设计模式
  20. 计算机网络- Internet是如何工作的

热门文章

  1. 黄峥为何放手拼多多?数据揭秘电商平台布局背后逻辑
  2. 软饮赛道竞争正酣,农夫山泉跨界遭遇“拦路虎”?
  3. bigdecimal判断大于零_Python零基础入门(七):运算符
  4. 查询当前oracle字符集,查询修改oracle当前字符集-转
  5. 关于fflush(stderr);
  6. python中wraps的详解
  7. python如何判断两个数组完全相等?
  8. python中取整数的几种方法
  9. Python 正则表达式-问号的四种用法
  10. C语言头文件为什么要加#ifndef #define #endif(防止头文件重复包含)