• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

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

html 搞代码 7年前 (2018-06-15) 213次浏览 已收录 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> 的一般参数设定:

http://www.gaodaima.com/33206.htmlHTML彻底剖析(9)链接标记_html

  例如 <a href=”index.htmlname=”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=”http://www.webjx.com/htmldata/2005-05-03/link_image.gif&#8221; width=99 height=44 border=1 alt=”webjx.com”></a>
<p><a href=http://www.webjx.com>
<img src=”http://www.webjx.com/htmldata/2005-05-03/link_image.gif&#8221; width=99 height=44 border=0 alt=”webjx.com”></a>
显示结果 搞代码网

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

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

  例子二(内部链接):请到 标签的 A去体验一下何为内部链接。

原代码 <a name=”test”></a>
<a href=”#test”>本页的内部链接</a>
<br><a href=”http://www.webjx.com/help.html#14″&gt;跳到 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/&#8221; target=”_top”>

  • href=”http://www.microsoft.com/&#8221;
    设定该网页中所有 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彻底剖析(9)链接标记_html》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:HTML彻底剖析(9)链接标记_html

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址