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

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

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

■ 链接标记

　　<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. 想让输入框关闭自动完成（AutoComplete）功能，用CSS能实现吗？该如何处理
  2. 引出css时的 media="screen" 详解
  3. AJAX/PHP/JQuery/CSS设计拖沓式购物车
  4. html 中div的位置有关问题
  5. 想问下,怎么把css+div中的ul的宽度固定起来并实现导航栏宽度动态变化?
  6. Oracle培训（二十六）——JavaScript第六章知识点小结——JavaScript常用DHTML对象 Document相关对象 事件处理
  7. CSS兼容性（IE跟Firefox）技巧大全
  8. css 挟制换行 IE、firefox 换行
  9. 【html5】5分钟学会HTML5！（二）