美文网首页
[HTML基础]10.链接扩展功能

[HTML基础]10.链接扩展功能

作者: SkylerAI | 来源:发表于2019-12-30 16:37 被阅读0次
1.当链接地址为空时,点击链接内容会刷新页面。
2.锚---点击内容1跳转到内容2
1)超链接的锚功能(同一页面)
<a href="#锚名称">内容1</a>
<a href="" name="锚名称">内容2</a>

2).超链接的锚功能(不同页面)
<a href="网页名称#锚名称">内容1</a>
<a href="" name="锚名称">内容2</a>

3)注意
内容2可为空,仍可定位到正确位置。
名称建议英文。
并不是定位都会在网页的最上方,取决于跳转的位置下方是否有足够的内容。
3.超链接扩展
1)邮件链接
<a href="mailto:完整的邮箱地址"></a>

注意:
本地电脑必须装有邮箱软件

2)文件下载
<a href="下载文件的地址">内容</a>

注意:
浏览器会根据地址进行下载或跳转
可以右击内容选择下载位置
4.邮件链接扩展(mailto语法)

语法:
mailto:URL?参数1=内容&参数2=内容&参数3=内容
参数:
URL为邮箱地址,可多个,用;隔开
subject为邮件主题
body为邮件内容
cc为抄送人地址,可多个,用;隔开
bcc为密件抄送人地址,可多个,用;隔开

相关文章

  • [HTML基础]10.链接扩展功能

    1.当链接地址为空时,点击链接内容会刷新页面。 2.锚---点击内容1跳转到内容2 3.超链接扩展 4.邮件链接扩...

  • 重新复习VUE.JS

    常用指令:扩展html标签功能,属性。

  • Web前端HTML/CSS

    runoob菜鸟教程 HTML基础 CSS基础 HTML5扩展 CSS3扩展 主要记住常用各标签元素属性即可前端U...

  • HTML5扩展了 HTMLDocument ,增加了新的功能。

    HTML5扩展了 HTMLDocument ,增加了新的功能。与HTML5中新增的其他DOM扩展类似,这些变化同样...

  • HTML:基础(7)链接

    HTML 链接 HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张...

  • vue.js组件开发

    组件开发的基础 组件可以扩展 HTML 元素,封装可重用的代码。我理解为功能模块的模板吧。对于vue来说,组件是这...

  • 初识HTML

    HTML基础 文本标签 列表 图片和超链接 表格 homework.html

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 装饰器模式

    定义 在不改变原有对象基础上,附加功能在对象上 适用场景 扩展类的功能 动态的为对象扩展功能,并且功能可以动态的撤...

  • angular--老师笔记

    1 1.认识AngularJSMVx概念Angular是什么扩展了HTML的功能颠覆性、可扩展为什么使用angul...

网友评论

      本文标题:[HTML基础]10.链接扩展功能

      本文链接:https://www.haomeiwen.com/subject/rklmoctx.html