|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。网页制造WEB文章简介：超等链接是网站中利用对照频仍的HTML元素，由于网站的各类页面都是由超等链接串接而成，超等链接完成了页面之间的跳转。超等链接是扫瞄者和服务器的交互的次要手腕，在前面的手艺中会慢慢深化进修。
超等链接超等链接是网站中利用对照频仍的HTML元素，由于网站的各类页面都是由超等链接串接而成，超等链接完成了页面之间的跳转。超等链接是扫瞄者和服务器的交互的次要手腕，在前面的手艺中会慢慢深化进修。
—注重：图片也能够做链接，将鄙人一章“网页中的图片”具体进修。
4.5.1给笔墨增加链接
超等链接的标签是<a></a>，给笔墨增加超等链接相似于其他润色标签。增加了链接后的笔墨有其特别的款式，以和其他笔墨辨别，默许链接款式为蓝色笔墨，有下划线。超等链接是跳转到另外一个页面的，<a></a>标签有一个href属性卖力指定新页面的地点。href指定的地点一样平常利用绝对地点。
—申明：网站开辟中，文档绝对地点利用更加广泛。
在D:web目次下创立网页文件，定名为a.htm，编写代码如代码4.18所示。
代码4.18超等链接的设置：a.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<ahref="ul_ol.htm">进出列表的设置页面</a>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/a.htm，扫瞄效果如.19所示。
.19超等链接的设置
读者可从.19中看到超等链接的默许款式，当单击页面中的链接，页面将跳转到统一目次下的ul_ol.htm页面，即上节的列表设置页面。当单击扫瞄器的“前进”按钮，回到a.htm页面时，笔墨链接的色彩酿成了紫色，用于告知扫瞄者，此链接已被会见过。
4.5.2修正链接的窗口翻开体例
默许情形下，超等链接翻开新页面的体例是自我掩盖。依据扫瞄者的分歧必要，读者能够指定超等链接的其他翻开新窗口的体例。超等链接标签供应了target属性举行设置，取值分离为_self（自我掩盖，默许）、_blank（创立新窗口翻开新页面）、_top（在扫瞄器的全部窗口翻开，将会疏忽一切的框架布局）、_parent（在上一级窗口翻开）。
—注重：_top和_parent体例用于框架页面，前面章节有详解。
4.5.3给链接增加提醒笔墨
良多情形下，超等链接的笔墨不敷以形貌所要链接的内容，超等链接标签供应了title属功能很便利地给扫瞄者做出提醒。title属性的值即为提醒内容，当扫瞄者的光标停止在超等链接上时，提醒内容才会呈现，如许不会影响页面排版的整齐。修正a.htm网页文件，编写代码如代码4.19所示。
代码4.19超等链接的设置：a.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<ahref="ul_ol.htm"target="_blank"title="读者你好，如今你看到的是提醒笔墨，单击本链接能够新开窗口跳转到ul_ol.htm页面。">进出列表的设置页面</a>
</font>
</body>
</html>
在扫瞄器地点栏输出http://localhost/a.htm，扫瞄效果如.20所示。
.20超等链接的提醒笔墨
4.5.4甚么是锚（anchor）
良多网页文章的内容对照多，招致页面很长，扫瞄者必要不休地拖动扫瞄器的转动条才干找到必要的内容。超等链接的锚功效能够办理这个成绩，锚（anchor）是引自于船只上的锚，锚被抛下后，船只就不简单飘走、迷路。实践上锚就是用于在单个页面内分歧地位的跳转，有的中央叫做书签。
超等链接标签的name属性用于界说锚的称号，一个页面能够界说多个锚，经由过程超等链接的href属性能够依据name跳转到对应的锚。在D:web目次下创立网页文件，定名为a_anchor.htm，编写代码如代码4.20所示。
代码4.20超等链接的锚：a_anchor.htm
<html>
<head>
<title>超等链接的设置</title>
</head>
<body>
<fontsize="5">
<aname="top">这里是顶部的锚</a><br/>
<ahref="#1">第1任</a><br/>
<ahref="#2">第2任</a><br/>
<ahref="#3">第3任</a><br/>
<ahref="#4">第4任</a><br/>
<ahref="#5">第5任</a><br/>
<ahref="#6">第6任</a><br/>
<h2>美国历任总统</h2>
●第1任(1789-1797)<aname="1">这里是第1任的锚</a><br/>
姓名：乔治·华盛顿<br/>
GeorgeWashington<br/>
生卒：1732-1799<br/>
政党：：联邦<br/>
●第2任(1797-1801)<aname="2">这里是第2任的锚</a><br/>
姓名：约翰·亚当斯<br/>
JohnAdams<br/>
生卒：1735-1826<br/>
政党：：联邦<br/>
●第3任(1801-1809)<aname="3">这里是第3任的锚</a><br/>
姓名：托马斯·杰斐逊<br/>
ThomasJefferson<br/>
生卒：1743-1826<br/>
政党：：平易近共<br/>
●第4任(1809-1817)<aname="4">这里是第4任的锚</a><br/>
姓名：詹姆斯·麦迪逊<br/>
JamesMadison<br/>
生卒：1751-1836<br/>
政党：平易近共<br/>
●第5任(1817-1825)<aname="5">这里是第5任的锚</a><br/>
姓名：詹姆斯·门罗<br/>
JamesMonroe<br/>
生卒：1758-1831<br/>
政党：平易近共<br/>
</font>
</body>
</html>l>
在测试之前，读者从代码4.20能够看到，界说锚也是用的<a></a>标签，锚的称号用name属性界说（称号没无限制，可自界说）。而寻觅锚的链接用href属性指定对应的称号，在称号后面要加个#标记。在扫瞄器地点栏输出http://localhost/a_anchor.htm，扫瞄效果如.21所示。
.21超等链接的锚
当扫瞄者单击超等链接时，页面将主动转动到href属性值称号的锚地位。
—注重：界说锚的标签<aname=""></a>内纷歧定必要详细内容，只是做一个定位。
4.5.5电子邮件、FTP和Telnet的链接
超等链接还能够进一步扩大网页的功效，对照经常使用的有发电子邮件、FTP和Telnet毗连。完成以上的功效只必要修正超等链接的href值。发电子邮件的编写格局为：
<ahref="mailto:邮件地点">给我发email</a>
邮件地点必需完全，如intel@qq.com。
后面提到过，扫瞄网页接纳http协定，而FTP服务器接纳FTP协定毗连，链接格局以下：
<ahref="ftp://服务器IP地点或域名">链接的笔墨</a>
FTP服务器链接和网页链接区分在于所用协定分歧。FTP必要从服务器办理员处取得登录的权限。不外部分FTP服务器能够匿名会见，从而能取得一些公然的文件。一样，毗连Telnet协定的服务器也是接纳相似办法，格局以下：
<ahref="telnet://服务器IP地点或域名">链接的笔墨</a>
telnet协定使用十分少，利用http协定占多数。在D:web目次下创立网页文件，定名为mail.htm，编写代码如代码4.21所示。
代码4.21超等链接的其他设置：mail.htm
<html>
<head>
<title>超等链接的其他设置</title>
</head>
<body>
<fontsize="5">
<ahref="mailto:intel@qq.com"title="读者你好，单击这里能够发电子邮件。">给我发E-mail</a><br/>
<ahref="ftp://101.22.25.11"title="读者你好，接待进进FTP服务器。">毗连FTP服务器</a><br/>
<ahref="telnet://101.22.25.11"title="读者你好，接待进进Telnet服务器。">毗连Telnet服务器</a>
</font>
</body>
</html>s
在扫瞄器地点栏输出http://localhost/mail.htm，扫瞄效果如.22所示。
.22超等链接的其他设置
</p>
Resig在2008年在其博客中介绍过HTML5的data-属性，现如今HTML5在如火如荼地推广，似乎国内的技术有些延迟，这篇博文可以在这里找到。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
发表于 2015-1-15 23:27:31
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
窥视卡
雷达卡
发表于 2015-3-11 09:45:49