加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程 > 正文

XHTML中的超链接标签行使教程

发布时间:2020-03-19 04:44:12 所属栏目:编程 来源:站长网
导读:超链接,也叫链接。超链接在我们赏识的网页上可以说是无处不在,我们点击网页上某个链接地点,即链接到另一个网页,这就是超链接在起浸染。 行使 a/a 标签来界说超链接,语法: a href=http://www.jb51.net/web/url表现的笔墨或图片/a 例子: XML/HTML Cod


超链接,也叫“链接”。超链接在我们赏识的网页上可以说是无处不在,我们点击网页上某个链接地点,即链接到另一个网页,这就是超链接在起浸染。
行使 <a></a> 标签来界说超链接,语法:
<a href=http://www.jb51.net/web/"url">表现的笔墨或图片</a>
例子:

XML/HTML Code复制内容到剪贴板

<a href="">链接至百度</a>  

赏识器表现结果:
链接至百度
当我们点击上面 “链接至百度” 字样时,赏识器便会转向百度首页。


超链接属性
超链接属性:
href 链接地点。可所以绝对网页地点可能相对地点。
target 链接方针。取值为 _blank 会在新窗口中打开链接地点,缺省则行使当前窗口打开链接地点。
name 锚链接,这个我们下面会单独讲到。

相对网页链接地点:

XML/HTML Code复制内容到剪贴板

<a href="/css" target="_blank">DIV+CSS教程</a>  

这个例子行使了相对地点,而在上面链接至百度的例子,则行使了绝对地点。

增进了 target 属性的例子:

XML/HTML Code复制内容到剪贴板

<a href="" target="_blank">链接至百度</a>  

再次点击该链接时,赏识器会启用新页面打开链接地点,而原页面窗口得以保存。
提醒
当一个链接地点与当前主题或流程并不异常细密时,凡是会启用 target="_blank" 属性,不然只管不要启用新窗口,以便给赏识者以友爱的赏识体验。
假如页面是由几个页面框架帧构成,那么 target 属性还可以有其他取值

邮件超链接
邮件链接例子:

XML/HTML Code复制内容到剪贴板

<a href="mailto:admin@xyz.com">接洽xyz站的站长</a>  

点击此链接,将启用默认的邮件客户端撰写邮件。

锚链接
锚链接是指页面内的链接,但此刻许多人也把笔墨超链接叫做锚链接。
我们举个例子表明一下锚的浸染:
譬喻我们有一篇文章写得很好,有许多人都在文章后头作了评述,而颁发评述的窗口一样平常都在评述竣事最底下的位置。网站会在颁发评述的处所配置一个锚链接,而在表现评述的位置计一律个链接到锚链接,如:“颁发评述”。假若有人不想查察别人留下的评述而想立即跳转到评述输入窗口,那么点击“颁发评述”即可在本业内快速跳转到评述输入窗口。这种计划无疑进步了赏识者的用户体验。
行使锚链接的例子
建设锚:

XML/HTML Code复制内容到剪贴板

<p><a name="comment"></a></p>  

建设链接至锚的超链接地点:

XML/HTML Code复制内容到剪贴板

<p><a href="#comment">链接至comment锚</a></p>  

从例子可以看出,会见一个锚,就是在链接地点后头加上“#”号和锚的名字。上面这个例子因为是链接到本页的锚,因此前面的链接地点被忽略(注:现实是相对地点被忽略,在此不做睁开接头)。
提醒
假如你要尝试这个锚标志的用法,那么留意一点,将链接至锚的超链接和锚标志之间保持足够的网页空间,才气看出结果。可以用我们上面学到的换行标签来建设足够多的上下空缺空间来举办测试。
你也可以建设一个链接至其他页面的锚标志,譬喻:

XML/HTML Code复制内容到剪贴板

<p><a href="#test">链接至锚</a></p>  

虽然必要在 这个页面有这个 test 锚标志才行,不然只会链接至 页面而忽略这个锚标志。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读