2021.01.12超链接标签的使用

<!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:; 不推荐使用这个属性值,写多会造成浏览器网页阻塞
 -->
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值