May 26

HTML彻底剖析(9)链接标记 晴

碟舞飞扬 , 09:19 , Web开发 , 评论(0) , 引用(0) , 阅读(3103) , Via 本站原创 | |
■ 链接标记

  <A>
  <BASE>

  欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
  也请先明白围堵标记与空标记的分别,请看 【HTML概念】。

 
■ <A> : ▲Top

用法:      用来定义链接和锚(anchors)
开始/结束标识: 必须/必须
属性:      %coreattrs,%i18n,%events
         charset="..."表示资源的编码字符
         name="..."定义一个锚
         href="..."指明链接源的URL
         target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top)
         rel="..."发送链接的类型
         rev="..."保存链接的类型
         accesskey="..."指定该元素的热键
         shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly)
         coord="..."使用像素或者长度百分比来定义形状的尺寸
         tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)
空:       不允许

  <A> 称链接标记,由 <A> 与 </A> 所围的文字、图片等等可以成为一个链接。

  <A> 的一般参数设定:

  例如 <a href="index.html" name="hello" target="_top">

href="index.html"
这参数不能与另一参数 name 同时使用,使用这参数才能制作可按的链接。


当作为一外部链接时: href 所设定的是该链接所要链到的文件名称,若该文件与此 html 档不是同在一目录请加上适当的路径,相对绝对皆可。


当作为一内部链接时: href 所设定的是该链接所要连到的同文件内参考点或指定文件的参考点,且不需要包括任何内容只要加上结束标记 </a>便可以,例如 <a href="#there"></a> 、 <a href="index.html
#there"></a> 及 <a href="http://www.webjx.com/htmldata/2005-05-03/1115116260.html#there"></a> 其中 there 便是参考点,并需于其前加上符号 # 以作识别,参考点由下一个参数 name 事先于文件中埋下。



name="hello"
这参数是为文件埋下参考点,作为被链结,不会被显示。所以说制作一个风部链接需要使用两次 <A> 链接标记。一个使用参数 name 事先于文件中埋下一参考点,另一个使用参数 href 链接到这个参考点。

target="_top"
设定链接被按了之后所要显示的视窗。可选值为: _blank, _parent, _self, _top, 框架名称。

target="框架名称"
这只运用于框架网页中,若设定则链接结果将显示在"框架名称"的框窗中,框窗名称是事先由框架标记命名。
target="_blank" 或 target="new"
将链接的内容打开在新的浏览器窗口中。
target="_parent"
将链接的内容当成文件的上一个画面。
target="_self"
将链接的内容显示在当前窗口中。(默认值)
target="_top"
将框架中链接的画面内容,显示在没有框架的视窗中。(即除去了框架)
  例子一:(外部链接) 原代码 <a href=http://www.webjx.com>网页教学网</a>
<p><a href=http://www.webjx.com>
<img src="link_image.gif" width=99 height=44 border=1 alt="webjx.com"></a>
<p><a href=http://www.webjx.com>
<img src="link_image.gif" width=99 height=44 border=0 alt="webjx.com"></a>  
显示结果 网页教学网






  例子二(内部链接):请到 标签的 A去体验一下何为内部链接。 原代码 <a name="test"></a>
<a href="#test">本页的内部链接</a>
<br><a href="http://www.webjx.com/help.html#14">跳到 PenPal Garden 的 FAQ 部分</a>  
显示结果 本页的内部链接
跳到 本页标签的 A 部分  


 
■ <BASE> : ▲Top

用法:      文档中不能被该站点辨识的其它所有链接源的URL
开始/结束标识: 必须/非法
属性:      %coreattrs,%i18n,%events
         href="..."指明链接源的URL
         target="..."决定链接源在什么地方显示(_blank,_parent,_self,_top)
空:       允许
注释:      这个元素应该位于文档的HEAD之内

  <BASE> 是一个链接基准标记,用以改变文件中所有链接标记的参数默认值。它只能适应于文件的开头部分,即标记 <HEAD> 与 </HEAD> 之间。

  <BASE> 的一般参数设定:

  例如 <base href="http://www.microsoft.com/" target="_top">

href="http://www.microsoft.com/"
设定该网页中所有 HTTP 文件及图片(包括相对路径链接及 <IMG> 图形标记 等)的默认路径,其他如 ftp:// 及 gopher:// 等则不受影响。这参数只可填入一个相对或绝对路径,不必填入档案名称。一般相对路径链接 及 <IMG> 图形标记等是默认以该网页所在的目录作为起点,若依这个例子,该文件中所有链接将会以 http://www.microsoft.com/ 作为起点,若其中有链接如 <a href="index.html">Back to Main Page</a> ,那么它不会链接到自己目录的 index.html,它将会链接到 Microsoft 的首页,这是因为相对路径已给 <BASE> 转成绝对的了。


target="_top"
设定该网页中所有链接被按之后结果所要显示的视窗,免得分别为所有链接加上 target 参数,常应用于框架中。其设定与 <A> 链接中 target 参数相同。
  例子等以后再写,你可到一些以框架制作的网页上去体检一下。
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]