您现在的位置:首页 >> 前端 >> 内容

HTML的a标签使用讲解

时间:2018/3/15 12:01:00 点击:

  核心提示:HTML的a标签使用讲解a/ahref 属性,全名为hyperText reference 超文本链接。a的英文单词是anchor锚点的意思,标签的作用主要有:1.定点跳转我们指定的id的元素位置:h...

HTML的a标签使用讲解

<a></a>

href 属性,全名为hyperText reference 超文本链接。 

a的英文单词是anchor锚点的意思,标签的作用主要有: 

1.定点跳转我们指定的id的元素位置: 

href的值为将要跳转到的标签其id的值

<a href=”#clickme”>点击我跳转</a>

//这样就会跳转到那个id是clickme的元素的位置

2.超链接: 

href的值为其网址链接,

href = "www.baidu.com "

//点击跳转到百度网址

3.协议限定符: 

href中我们可以写javascript代码,比如href=”javascript:while(1){alert(‘你中毒了’)}”,当我们写上这行代码的时候,我们点击这个a标签之后浏览器就会一直弹出对话框。

阻止a标签的默认事件: href = “javascript:void(0)”

通常在移动端我们都用a标签来调用接口,

href=”tel:12234512345″ 

//调用手机的拨号功能来拨打电话

• a标签默认的是蓝色的字体并且带有下划线,我们在页面初始化的时候通常也习惯与将a标签的颜色和下划线的默认属性都去掉。

text-derection:none; //取消下划线

Tags:HT TM ML L的 
作者:网络 来源:cmchenmei的