<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="http://www.baidu.com" title="提示文本" target="_blank">点击百度</a>
<!-- 网络协议 -->
<a href="#">跳转</a>
</body>
</html>
<!--
超链接标签的使用
标签名称:a
默认样式
- a标签默认的字体颜色不一样
- 有默认的下划线 u a
- 超链接标签:指针移入的时候会变成小手,引导用户去点击跳转
属性:
- href 地址(http-可加https(s是在传输过程中进行加密)
- title 提示文本 鼠标移入时候会提示用户的信息文本
- target a标签跳转方式的设置 _self 默认值 覆盖原窗口 _blank 打开新窗口,不会覆盖原窗口
- 拓展一个属性 rel 通常用在link rel 文档关联 通常情况下可以表示引入外部的链接或者其他类型文件,在a标签中常用的属性值为nofollow
nofollow有三个作用:
- 防止不可信的内容 防止指向一些垃圾链接
- 付费链接影响网站在浏览器中的排名 seo(网站里面的关键字 设置相关的字眼-就是一个爬虫) 搜索引擎优化
- 引导爬虫去搜索一些有效的页面,谷歌浏览器推荐使用这个属性
nofollow有两中常用的使用方法
- 在a标签中直接添加<a rel="nofollow"></a>告诉当前网页的a标签无序进行跟踪搜索
- 在头部的meta的标签内书写:<meta content="nofollow"/>告诉网站所有的标签都不进行跟踪搜索
如果a标签需要跳转到相应的本地文件,但是这个文件还没有设置完成,a标签该如何操作?
- 为空 (当然是可以的)但是页面刷新,影响开发
- # 推荐使用(不会进行刷新)
- javascript(void)或者javascript:; 不推荐使用这个属性值,写多会造成浏览器网页阻塞
-->
2021.01.12超链接标签的使用
最新推荐文章于 2021-01-27 11:27:10 发布