关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站建设中的“锚”的知识详解

作者:佚名   时间:2014-01-02   分享到:

网站建设中的“锚”的知识详解

    锚()标签是HTML和XHTML中用来定义超链接的源和目标的特性(这里的术语似乎有些不对头;“锚”标签应该只标记一个目标,而不应该是超链接的超始点。)
    我们经常使用标签和它的href属性来定义一个源超链接。这个href属性的值就是目标的URL.源标签的内容(即在该标签和其结束标签之间的文字或图像)是文档中特地要在浏览器显示中激活的一部分,从而允许用户通过选择它来实现一个超链接。这些锚内容看上去通常与周围的其他文档内容不大一样(锚内容是具有不同衍射或者下划线的文本,具有特殊边框的图像或者其他效果)而且当鼠标指针图标从其上移过时会发生变化。因此,标签内容的文字或图像(图标更好)应当明确、直观的告诉使用者,这个超链接将把他们带到哪里去。
举个例子,浏览器会特地显示下面的“Kumquat Archive”这些字,而且当鼠标移过它们时会改变指针形状:
Formore information on kumquats,visit our
 
kumquat Archive
    如果用户在这段文本上单击鼠标,浏览器就会自动从www.linksj.com的服务器上检索一个名为html-1542.html的网页,并将这个网页显示给用户。
超链接的名称和导航
    能够指向世界另一边其他某个地方的文档,这种做法不仅非常酷,还支持你在自己的文档休中进行导航。超链接的主要任务是帮助用户在你自己的文档集中导航,从而找到对他们有用的信息。因此,浮现出了主页(home page)和支持文档(supporting document)的概念。
    任何文档都不应该过长。首先,这样会出现很严重的性能问题;如果文档总也下载不完,或者一旦下载完之后,用户为了找到某个特定部分,不得不无休止的上下翻屏,那么不论你的作品多么丰富,工作的价值肯定会受到这些不利方面的影响。
    相反,你应该把作品设计成一个由简单明子的网页组成的集合,就像一本书有不同章节一样,每一章都针对一个特定的主题,这样有利于用户快速地寻找和浏览。然后再用超链接组织该集合。
举个例子,你可以用主页(即整个集合的首要的第一页面)作为一个主索引,其中都是对集合中其化文档的简单描述和分别的链接。
    还可以使用标签name变量或几乎所有标签都具有的id属性,用它们标识文档的不同部分。标签的id和name锚可以用作文档内部的超链接目标,因此可以帮助用户非常容易地在司一个文档内导航,或者跳转到其他文档中的某个特定部分。在超链接中那个被指向的id前面附加上一个“#”符号,以及该部分的名称,就可以将其作为该URL的后缀。
    例如,要引用存档中的某个特定的主题,如我们下面的例子中的
...preceding content...

上海网站建设

然后把这个id的值作为该文档url的后缀,并使用“#”符号分开,这样就准备了一个直接指向那些处方的源超链接:
formore information on kumquats, visit our
上海网站建设,
and perhaps try one or two or our 
上海网站建设
    如果用户选择了第二个链接,浏览器将下载html-1542.html文档,并从我们的“news”部分开始显示。
网站锚之外的内容
    超链接并不一定仅限于指向其他HTML或者XHTML文档。锚允许指向网络上任何种类的文档,包括其他网络服务。
    然而,允许(let)和能够(enable)是两个完全不同的事情。浏览器能够处理像FTP和G opher这样的网络服务,因此用户可以下载非HTMl文档。但是它对视频的支持还不完全,或者说是还不够好。
    现在,对于各种多媒体格式方面似乎很少有什么标准。连接到web上的计算机系统在播放这些格式的声音和显示视频的能力上也大相径庭。除一些图形图像之外,标准的HTML/XHTML无法为多媒体文档提供标准的显示样格式,当然由锚引用的链接例外。当浏览器获得多媒体文档时,它们必须要借助助手应用程序(htlper application)来下载并执行相应的applet,或者利用某个已经安装的插件(plug-in)辅助程序来解码,并在文档中正确地显示给用户。
    尽管HTML和目前的大多数浏览器都尽量避免使用多媒体,以免由此给用户带来因惑,但这并不意味着不能或者说不应该在文档中使用多媒体;只要注意这些限制就可以了。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6671.html

上海联楷网络新闻