超链接

超链接的主要作用是从一个元素跳转到另一个页面。在你想要加入超链接的地方,点击  会看到下图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/文件名.文件后缀

这种下载方式不是主流的,通常下载需要后端开发人员提供相应的下载链接即可。