HTML彻底剖析:链接标记

HTML 4.0

HTML彻底剖析
一般概念 标记一览 文件标记 排版标记
字体标记 清单标记 表格标记 图形标记
链接标记 框架标记 影像地图 多媒体
其他标记 特殊字符 调色原理 HTML4.0简明手册
 
链接标记

■ 链接标记

  <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.school.net.hk/~chris55
      /index.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.fortuneage.com">时代财富公司</a>
<p><a href="http://www.goEway.com">
<img src="link_image.gif" width=99 height=44 border=1 alt="goEway"></a>
<p><a href="http://www.goEway.com">
<img src="link_image.gif" width=99 height=44 border=0 alt="goEway"></a>
显示结果 时代财富公司

goEway

goEway

  例子二(内部链接):请到 PenPal Garden 的 FAQ Page 去体验一下何为内部链接。

原代码 <a name="test"></a>
<a href="#test">本页的内部链接</a>
<br><a href="http://www.school.net.hk/~chi/faq.html#14">跳到 PenPal Garden 的 FAQ 部分</a>
显示结果 本页的内部链接
跳到 PenPal Garden 的 FAQ 部分

 
■ <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 参数相同。

  例子等以后再写,你可到一些以框架制作的网页上去体检一下。

 
一般概念 标记一览 文件标记 排版标记
字体标记 清单标记 表格标记 图形标记
链接标记 框架标记 影像地图 多媒体
其他标记 特殊字符 调色原理 HTML4.0简明手册