超链接
超链接的主要作用是从一个元素跳转到另一个页面。在你想要加入超链接的地方,点击 会看到下图a
图a
图b
图c
1. 超链接信息
图a中的超链接信息中包括超链接类型和协议,超链接类型分为:地址、页内锚点链接、电子邮件。地址比较常用,接下来依次介绍三种类型的适用场合。
l 地址:超链接类型选择“地址”,在URL中输入链接跳转地址www.baidu.com(如图b) 示例:飞鹿科技。(点击跳转到百度)
协议会根据使用者填入的URL自动选择,协议方面知识请参考 http://www.w3school.com.cn/。
注意:使用超链接,可以在手机app开发中实现拨打电话、发短信。打电话链接格式为:“tel:电话号码”,例如:“tel:10086”(给10086打电话)。发短信链接格式为:“sms:电话号码?body=短信内容”,例如:“sms:10086?body=cxye”(给 10086 发送内容为"cxye"的短信)。协议选择其他;目标中的目标窗口选择“整页(_top)”。
l 页面内锚点:页内锚点链接就是在本页面加入锚点,页面内容多时方便跳转。用法:先在需要位置点击 ,加入锚点,进行命名(如图d);然后在需要位置引入锚点(如图e、图f)。
例如,我们浏览到现在这个位置又想看一下开头,就可以给上文中“1.文字基础设置”加入锚点,在这里点击“1.文字基础设置”(被点击文字需如图e所示加入页内锚点连接)后即可回到顶部;如果不在同一布局的话,加入链接时设置如图f;如果不在同一页面的话,加入链接时设置如图g,即设置为“页面名称#锚点名称”。
图d
图e
图f
图g
l 电子邮件:选中需要添加链接文字后,超链接类型选择电子邮件,按下图h编辑内容,点击会给我们指定的邮箱发送一条信息,如图i。
图h
图i
2. 目标
图c中的目标窗口是被链接页面的打开方式,默认的是没有设置,例如:飞鹿科技。其他打开方式含义如下:
l 框架:具体效果不明显,可不选择。效果:飞鹿科技
l 弹出窗口:弹出一个新窗口;下面还有设置新窗口的属性。暂不支持。效果:飞鹿科技
l 新窗口:在新窗口打开链接。效果:飞鹿科技
l 整页:在当前窗口打开链接,并替换当前的整个窗体。效果:飞鹿科技
l 本窗口:在当前窗体打开链接,此为默认值。效果:飞鹿科技
l 父窗口:在父窗体中打开链接。效果:飞鹿科技
3. 高级
高级内选项是对链接进行更为详细设置,此部分对使用者不做要求。
l ID和名称:二者是用于标识链接的,方便操作链接。
l 标题:设置标题后鼠标放在元素上会显示标题内容。
l 样式类名称:添加样式类的名字。
l 关联:设置当前文档与被链接文档的关系,用于支持RDFa。
l 语言方向:可选择文字排列方向。
l 语言代码:规定元素内容语言,根据需求填入不同语言代码。
l 访问键:设置访问的快捷键。
l Tab键次序:设置使用键盘上Tab键浏览内容的顺序。
l 内容类型:设置目标文件的MIME类型(包含文本、图像、音频、视频以及其他应用程序专用的数据),浏览器下载时可以更好识别文件类型。
l 字符编码:设置链接目标的文档中所使用的字符编码。
l 行内样式:此处是添加元素的行内样式(style),自定义添加样式的地方。
4. 下载
下载文件名中填写下载文件的名字(下图左),“超链接信息”中“URL”填写文件的路径(下图右)。例如:把需要下载的文件放在项目/static/img/文件夹中,并发布静态资源,文件路径就是/img/文件名.文件后缀。
这种下载方式不是主流的,通常下载需要后端开发人员提供相应的下载链接即可。