1. 爱易网页
  2. HTML教程
  3. HTML彻底剖析(9)链接标志

HTML彻底剖析(9)链接标志

日期：2013-08-23　 浏览次数：20874 次

■ 链接标记

　　<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.Aiyiweb.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.Aiyiweb.Com>爱易网任务室</a>
<p><a href=http://www.Aiyiweb.Com>
<img src="http://www.Aiyiweb.Com/htmldata/2005-05-03/link_image.gif" width=99 height=44 border=1 alt="Aiyiweb.Com"></a>
<p><a href=http://www.Aiyiweb.Com>
<img src="http://www.Aiyiweb.Com/htmldata/2005-05-03/link_image.gif" width=99 height=44 border=0 alt="Aiyiweb.Com"></a>

相关资料更多>

  1. 帮帮忙？ 散分,该怎么处理
  2. 网页文字完成竖排的几种方法
  3. 初学者的一个初学者有关问题，为什么col里面的text-align不起作用
  4. 一个像写日记的那种文本域解决方案
  5. Spring MVC 直接访问静态资料（html、jpg、js.）
  6. HTML非一般转义字符列表
  7. IE6,7table不支持innerHTML,appendChild有关问题解决
  8. 用background:url图片做背景重复的，图片之间会有间隔，如何解决
  9. 八个小方法，css使用中的八个诀窍