HTML中的a标签（超链接标签）与锚点

最新推荐文章于 2023-02-13 21:02:14 发布

幼儿园中的小小白

最新推荐文章于 2023-02-13 21:02:14 发布

阅读量1.6k

点赞数 1

分类专栏： HTML与CSS

本文链接：https://blog.csdn.net/weixin_43846130/article/details/95447196

版权

HTML与CSS 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

target属性：

**

target:目标
<a href=“http://www.baidu.com”
target="_blank" （在新窗口打开网页）
title=“我是提示字”>百度

1)进入超链接后不等按退回按钮;
2)光标放到超链接上会显示提示字。

发邮件:电脑要支持发邮件

    <a href="mailto:1602931932@qq.com">联系站长</a>
    1.加抄送的邮件：
        <a href="mailto:1602931932@qq.com?cc123456789@qq.com">带抄送</a>
    2.给邮件添加主题：
        <a href="mailto:1602931932@qq.com?cc123456789.@qq.com&subject=她爱我">带主题</a>                          
    3.给邮件加内容：
        <a href="mailto:1602931932@qq.com?cc123456789.@qq.com&subject=她爱我&body=那天她见我后对我念念念不忘">加邮件内容</a>

利用a标签打电话：

    <a href="tel=13720993184">打电话</a>

发短信：

    <a href="sms:13720996184?body=你好">发短信</a>

a标签的禁止跳转方式：

1."#": 默认浏览器的锚点(浏览器的顶部)
      注: 不推荐使用(不利于SEO: 搜索引擎化)
          "#"相当于一个空连接老婆婆，对搜索引擎不友好
<a href="#">返回顶部</a>
2. 利用JS指定href属性的值为: javascript:;( javascript:void(0) )
        void(0): 表达式。
 <a href="javascript:void(0)">返回顶部</a>
 弹框
<a href="#" onclick="alert('我爱你')">返回顶部</a>
3. 利用JS事件:
    return:返回; false:错误; true:正确。
<a href="#" onclick="return false"></a>

锚点

 <body>
    <a href="#text">跳转</a>
    如果某个元素含有id/name属性，那么这个元素就是网页的一个锚点
    利用a标签的href属性就能跳转到该锚点
    <a href="#" name="text">北京网络职业学院</a>
</body>

幼儿园中的小小白

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML中的a标签（超链接标签）与锚点

**target属性：**target:目标<a href=“http://www.baidu.com”target="_blank" （在新窗口打开网页）title=“我是提示字”>百度1)进入超链接后不等按退回按钮;2)光标放到超链接上会显示提示字。发邮件:电脑要支持发邮件 <a href="mailto:1602931932@qq.com"&...
复制链接

扫一扫