10、HTML语言剖析之链接标记
( n: _: s* q$ m0 L& r5 c# B9 N2 y
& T: R: F( `8 ^7 ~<A>
) U& [5 ~7 R% ^* m
<BASE>
, e5 J& p5 X. _■ <A> : ▲Top
: D" ^. K& T7 c% Z, }
2 ?0 K( n" z' Y1 [- G3 {( V
<A> 称连结标记,由 <A> 与 </A> 所围的文字、图片等等可以成为一个连结。
3 m8 _4 i: p \( ~% Q+ i<A> 的一般参数设定:
2 V6 N+ M3 H$ H; i3 G% E% n* P) w- S# e! A9 G) O
例如 <a href="index.html" name="hello" target="_top">
; `% H5 R& A2 ?, n' t+ Q$ R6 v/ N) d, J/ T& I3 A e. [' \
href="index.html"
4 W9 E2 Y% T- @! U) p+ L, Z& ?3 j这参数不能与另一参数 name 同时使用,使用这参数才能造成可按的连结。
: t0 Q- l4 B/ P1 M3 G; c
当作为一外部连结时: href 所设定的是该连结所要连到的文件名称,若 该文件与此 html 档不是同在一目录请加上适当的路径,相对绝对皆可。
( }) M. D* V' Y2 g: T }; T
当作为一内部连结时: 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 事先於文件中埋下。
7 k& n& A7 f0 w4 C( O- u; Q0 ]8 u
9 ]9 U9 B, {$ _- O* Mname="hello"
3 m# `, R S, V( `3 O- v8 q0 ~# o+ C这参数是为文件埋下参考点,作为被连结,不会被显示。所以说造成一个内部连 结 要使用两次 <A> 连结标记。一个使用参数 name 事先於文件中埋下一参考 点,另一个使用参数 href 连到这个参考点。
3 ]* Q' W) h3 M( Z/ w& ]6 |, M7 S, j4 Q
target="_top"
2 o' p& }$ W$ B, ?
设定连结被按後之结果所要显示的视窗。可选值为: _blank, _parent, _self, _top, 框 窗名称。
$ |1 O; H; b$ X- F8 ^
/ U+ d1 n H& I, C, M/ Xtarget="框窗名称"
1 q v* ?! c7 ?5 T. I7 V这只运用於框架中,若被设定则连结结果将显示於该“框窗名称”之框窗 中,框窗名称是事先由框架标记所命名。
4 g, s+ v! W% j
target="_blank" 或 target="new"
5 _: f+ v# n4 U6 j* E K/ x$ T
将连结的画面内容,开在新的浏览视窗中。
" J8 Z5 p$ y* y/ f: \% mtarget="_parent"
- W d* g9 K% |. A H# ^7 l4 u$ V将连结的画面内容,当成文件的上一个画面。
+ [4 F& a6 m, J$ u/ rtarget="_self"
, Z+ ^" D, g: h2 F, {! [3 q s/ ]- q
将连结的画面内容,显示在目前的视窗中。(内定值)
2 y) |& I% T5 g* f2 j! k& ztarget="_top"
9 J, O' k% {( @7 j! d4 t
将框架中连结的画面内容,显示在没有框架的视窗中。(即除去了框架)
+ r3 P6 J3 D+ C例子一:(外部连结) 原始码 <a href="../promote/engines.html">四百五十个寻找引擎</a>
; k- X5 e6 A( g<p><a href="http://www.hkseek.com/icq">
/ {5 E2 W$ G& H5 f3 I<img src="link_image.gif" width=99 height=44 border=1 alt="ICQ Garden"></a>
! E6 c5 F' E# b1 O
<p><a href="http://www.hkseek.com/icq">
* J1 K1 x# M, K/ ]
<img src="link_image.gif" width=99 height=44 border=0 alt="ICQ Garden"></a>
( M/ b" S1 V! Y) C显示结果 四百五十个寻找引擎
+ w* a) G; N: }. \. Z: P& L% O% D5 Y5 D6 P7 P
) ^, Z w: k' l( i g% ?9 I/ p5 B+ B& M- o' x
9 U2 y% v4 B \) }9 J' ]6 ]
8 V/ @3 T% Y; r+ J$ T5 J/ g2 q1 ^1 D' h+ {, c4 X- b3 H ^
例子二(内部连结):请到 PenPal Garden 的 FAQ Page 刻体验一下何为内部连结。 原始码 <a name="test"></a>
/ y! n& Q; R% i) `: \: h7 I<a href="#test">本页的内部连结</a>
+ r5 H& H1 P: O# w; s* }<br><a href="http://www.school.net.hk/~chi/faq.html#14">跳到 PenPal Garden 的 FAQ 部分</a>
5 S4 Z0 a2 M' T! i
显示结果 本页的内部连结
9 J) r- G8 q9 ]* r E; |9 A! c% z
跳到 PenPal Garden 的 FAQ 部分
4 c) |; h( n: J) O1 M
, ]& u) m" B1 \# t- b* ?: _) v! {+ @3 F- f5 f2 f/ p7 v
■ <BASE> : ▲Top
$ }' a6 |! o5 K9 y
2 H& Y9 x& c, Y# p0 ?
<BASE> 是一个连结基准标记,用以改变文件中所有连结标记的参数内定值。它只能应用 於文件的开头部分,即标记 <HEAD> 与 </HEAD> 之间。
8 y5 s, r9 K5 |0 A: W3 h8 B<BASE> 的一般参数设定:
2 B! l( `: n% ^% d% N, h' C0 N" v' J2 m
' s6 D. x# z' [
例如 <base href="http://www.microsoft.com/" target="_top">
6 A6 ~8 r' W) C0 @; c+ k! I# R2 K
/ N$ h5 j0 O: U0 P0 ^- f! U1 e
href="http://www.microsoft.com/"
& x, s$ u# f; m( T/ c
设定该页网页中所有 HTTP 文件及图形(包括相对路径连结及 <IMG> 图形标记 等)的内定路径,其他如 ftp:// 及 gopher:// 等则不受影响。这参数只可填入一个相 对或绝对的路径,不必填入档案名称。一般相对路径连结及 <IMG> 图形标记等是 内定以该页网页所在的目录作为起点,若依这例子,该文件中所有连结将会以
http://www.microsoft.com/ 作为起点,若其中有连结如 <a href="index.html">Back to Main Page</a> ,那末它不会连到自已目录下的 index.html,它将会连到 Microsoft 的 首页,这是因为相对路径己给 <BASE> 转成绝对的了。
! n- s& O5 I1 f3 ttarget="_top"
8 ]& i4 _) o- E6 O8 q; m. g设定该页网页中所有连结被按後之结果所要显示的视窗,免得分别为所有连结加 上 target 参数,常应用於框架中。其设定与 <A> 连结标记中 target 参数相同。
% I3 ]0 D0 D4 f9 C8 x2 c; Y* V& p1 A4 q例子容後再写,你可亲自尝试或到一些以框架制作的网页去体验一下。