分享
 
 
 

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

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

■ 链接标记

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

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有