超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 <a> 标签在 HTML 中创建链接。
有两种使用 <a> 标签的方式:
链接的 HTML 代码很简单。它类似这样:
<a href="url">Link text</a>
href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例
<a href="http://www.baidu.com/">百度</a>
上面这行代码显示为:百度
点击这个超链接会把用户带到 百度 的首页。
提示:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
使用 Target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
<a href="http://www.baidu.com/" target="_blank">百度</a>
name 属性规定锚(anchor)的名称。
您可以使用 name 属性创建 HTML 页面中的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
实例
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
您也可以在其他页面中创建指向该锚的链接:
<a href="url#tips">有用的提示</a>
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开你的站点了。
<html> <body> <a href="http://www.baidu.com/" target="_blank">百度</a> <p>如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。</p> </body> </html>
HTML基础教程:超链接的使用
寄语:希望疫情早日过去,虽然我们不能去一线奋战,但是可以老老实实的在家里待着,不给国家添麻烦。既然不能出门,那么就利用时间多多学习,提升自己吧!
今天我们从技术的角度来说一下,当你在浏览器输入一个网址,如http://www.toutiao.com,按回车之后到底发生了什么?
当我们输入一个URL地址时,浏览器需要知道应该去哪台服务器上获取资源。而计算机在互联网中的唯一标识是IP地址,因此需要把我们输入的网址解析成IP地址,进而找到相应的服务器。
那么用一句话概括就是--DNS解析的过程就是寻找哪台机器上有你需要资源的过程。那么我们来看一下解析过程:
1.浏览器缓存:浏览器会保存一段时间内访问过的一些网址的DNS信息(不同浏览器保存时长不等),所以会先检查浏览器缓存中是否有记录,如果有,则直接返回对于的IP地址。
2.系统缓存:如果在浏览器缓存中没有找到相应的记录,浏览器就会查看系统缓存,查看本地的host文件中是否有相应信息。
3.路由器缓存:如果还是没有,则请求会发给路由器(路由器一般也存有DNS信息),在路由器缓存中继续查找。
4.DNS缓存:接下来请求本地的DNS服务器,是由互联网服务提供商(Internet Service Provider 即 ISP)提供。
5.递归搜索:如果以上方式皆找不到,那么ISP的DNS服务器会将请求发向根域名服务器进行递归搜索。
根域名服务器就是面向全球的顶级DNS服务器,共有13台逻辑上的服务器,从A到M命名,真正的实体服务器则有几百台,分布于全球各大洲。
通过DNS域名解析之后,浏览器便开始发送请求。那么这时候就需要先构建请求信息,包括以下三部分:
请求的URI协议/版本
请求头(Request Header)
请求正文
HTTP请求在应用层准备好后,浏览器会在传输层发起一条到达服务器的 tcp 连接,这个时候就开始了三次握手的过程。如下图所示:
三次握手
这个过程先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。完成三次握手后,客户端与服务器开始传送数据。
浏览器和服务器建立链接之后,浏览器会发送HTTP请求。HTTP请求包含三部分:请求行、请求头、请求体。
请求行包含“方法URI协议/版本”例如:GET / HTTP/1.1
以上代码中“GET”代表请求方法,“/”表示URI,“HTTP/1.1代表协议和协议的版本。
请求头包含许多有关的客户端环境和请求正文的有用信息。例如,请求头可以声明浏览器所用的语言,请求正文的长度等。请求正文中可以包含客户提交的查询字符串信息,如下图所示:
接下来,服务器开始接收HTTP请求,并根据请求头信息进行解析。然后生成一个响应头和具体响应内容。
接着服务器会以HTTP的Response对象返回,主要包括状态码,响应头,响应报文三个部分。而响应头告诉了浏览器一些必要的信息,例如重要的Status Code,具体请看下图:
浏览器接收到服务器到响应信息后,将下载解析HTML文档,渲染页面。浏览器不用等到完全接收完信息的时候才开始加载,而是一部分一部分的显示,直到显示完全。
具体过程包括:构建DOM树、构建渲染树、定位页面元素、绘制页面元素等。DOM树节点如下图所示:
当数据完成请求到返回的过程之后,根据Connection的Keep-Alive属性可以选择是否断开TCP连接.断开连接时,客户端与服务器四次挥手,断开tcp连接。
第一次挥手:客户端想分手,发送消息给服务器;
第二次挥手:服务器通知客户端已经接受到分手请求,但还没做好分手准备;
第三次挥手:服务器已经做好分手准备,通知客户端;
第四次挥手:客户端发送消息给服务器,确定分手,服务器关闭连接。
四次挥手
好啦,以上就是全部的步骤了。每一步还可以细细的研究。我这里只是进行了整体介绍,希望对你帮助。
、CSS方法
.disabled { pointer-events: none; }
二、jQuery方法
方法一
$(this).click(function (event) {
event.preventDefault();
}
方法二
$('a').live('click', function(event) {
alert("抱歉,已停用!");
event.preventDefault();
});
注:此方法中的live亦可以为on, bind等方法
方法三
$('.disableCss').removeAttr('onclick'); //去掉标签中的onclick事件
通过removeAttr方法来控制html标签的属性已达到启用或禁用事件。另, 使用这种方式也可以控制其他事件或其他效果。
方法四
$('#button').attr('disabled',"true");//添加disabled属性
$('#button').removeAttr("disabled"); //移除disabled属性
注:和方法三是一样的, 不过disabled属性一般用在类型为button或submit的input上
*请认真填写需求信息,我们会在24小时内与您取得联系。