html文件head内部标记浅析
9 X% W7 U- K2 Q5 S) p9 V. l) D7 h8 U0 x163k团购网站系统官方服务论坛
. e1 c% @* e% J2 w今天,使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解html源代码和语法,无疑对我们制作主页有更大的帮助,也可以使用户能更精确地控制页面的效果。介绍html语法的文章已经很多,但是除了title标记外,head里还有的几个标记。这些标记虽然不常用,但是需要我们对他们有一定的了解。
' y% m$ N! z5 l为互联网事业发展提供源动力!163K网站系统官方论坛' ]; B( S2 p' F5 E
一、meta
! W" W; g: g; p$ k团购网站系统,团购网程序163K网站系统官方论坛* ^( K% V; O2 s1 J
meta标记用于描述不包含在标准html里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用meta开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:
* U3 _1 m- K! x* x' [团购网站系统,团购网程序
8 l2 }, h2 g0 X+ F9 Z- f) H2 [团购网站系统,团购网程序 * bbs.163k.com/ I L# a2 g l) ~: V$ M" Z
163K网站系统官方论坛' i6 M: ^- O0 H3 F* u0 T
本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字查找到你的主页,了解你的主页内容。
* j, c* h8 W( g- L+ V3 A8 _6 Z163k团购网站系统官方服务论坛
* d$ y2 ~$ s2 S为互联网事业发展提供源动力!" x4 u9 x& A7 h/ q& B1 w' R, @. t% S
*
0 x% [! I! `6 r, l163k团购网站系统官方服务论坛 浏览器将在60秒后,自动转向到new.htm。你可以利用这个功能,制作一个封面,在若干时间后,自动带读者来到你的目录页。
3 y3 ^1 T5 f" v" k7 G 如果url项没有,浏览器就是刷新本页。这就实现了www聊天室定期刷新的特性。
+ _. P6 Z+ U/ a- _0 _8 a, xbbs.163k.com团购网站系统,团购网程序4 `9 g/ g! {# {- h0 c1 ?/ c6 z
* 163K网站系统官方论坛9 _/ W. U9 G4 `5 i7 j) M ^
描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。gb2312是指简体中文,而台湾big5内码的主页则是用big5。 163K网站系统官方论坛$ n7 b) u/ ~& H) G
. q. R4 s/ \7 H$ e. g# @163K网站系统官方论坛 * 为互联网事业发展提供源动力!+ ?. B A4 F$ B* @- X; t2 s: [2 k
强制性调用网上的最新版本。浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时,直接显示硬盘上的文件,而不是网上的。如果你想让读者每次都看到最新的版本,就加上这句话。 bbs.163k.com+ x: R/ X! _3 ^, u. g+ k
bbs.163k.com1 O4 w& V. S* }% V. F: _
二、link
k* Q/ R. [1 G' Ibbs.163k.com, x* C0 z: h! b0 o) l# K) H
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:
9 X! J, u8 _8 G/ A* M3 l163K网站系统官方论坛bbs.163k.com* U1 k( W, [# X5 l% p
) b% |& F1 T9 t) u
* E) Y& L# M+ e, v* s
rel参数说明两个文档之间的关系,href说明目标文档名。
9 U3 A2 x, |) o5 L0 M5 N163K网站系统官方论坛
* ?2 A$ y5 r& S) h! `163K网站系统官方论坛 关于层叠样式表,请参考其他文章。
( A' M ^/ i, R* O" M163K网站系统官方论坛3 N" C: L8 M8 |. u! m" {
三、base bbs.163k.com* {' R1 w) b0 h/ b2 d Z4 K
; e6 A% {' W' D1 ]/ d4 N4 u8 |bbs.163k.com base主要有两种用处:
0 h6 v! }* h6 F* Y$ i) Q$ K9 S团购网站系统,团购网程序
$ T! G- G: z. A7 D7 ]+ L" R! A7 t163k团购网站系统官方服务论坛 1、
+ F( j+ }, @$ `5 Obbs.163k.com 本文档的原始地址。这样,读者下载你的文档之后,也可以知道是从哪里下载的。163k团购网站系统官方服务论坛. k! [1 P! ]) p% Y5 C
$ t% {2 F/ k9 @% ]# y为互联网事业发展提供源动力! 2、
3 W. t7 \3 j+ T! y& b2 mbbs.163k.com 在一个框架(frame)页中,如果要把某个框架的连接在另外一个框架显示,例如,把menu框架中的连接显示到content框架,就可以在menu框架中的页面加上,这样,就没有必要在menu页面的所有连接的标记中添加target属性了,除非这个连接不是在content框架中显示。163K网站系统官方论坛% B& [; I4 \: k+ B" E- ]
0 }! P9 F" l3 }团购网站系统,团购网程序四、body 为互联网事业发展提供源动力!* B$ [# p, B9 |
& M/ R+ v2 \) f9 X7 }( n* Qbbs.163k.com body标记有一些属性,用于定义页面内的显示效果。 为互联网事业发展提供源动力!, V3 Z/ g! Z$ Y+ ^
alink、link、text、vlink
" Q; ]( |& a. e" N* B163K网站系统官方论坛163k团购网站系统官方服务论坛; s# O8 J }' B4 t
文字的颜色。
+ ~* ^7 H4 K" ?163K网站系统官方论坛为互联网事业发展提供源动力!5 O N! h! K5 ^0 L
alink:当前激活的连接的文字颜色。为互联网事业发展提供源动力!: n% N" j, }: a( D1 {5 O% i7 H. k
link:连接的文字颜色。为互联网事业发展提供源动力!! \" @* `0 a* I
text:文字的颜色。
! c; m. Y5 _, x; L& n$ S0 I( c" Ubbs.163k.com vlink:参观过的文字颜色。163K网站系统官方论坛4 l/ b1 o7 r8 m% W+ i
: p/ [7 v) `7 X团购网站系统,团购网程序 注意:文字的颜色要和背景色有明显的差别,以便读者浏览。
- k: P4 h4 P8 A163k团购网站系统官方服务论坛为互联网事业发展提供源动力!0 b" l4 U: {7 T2 b# L- [
background、bgproperts、bgcolor:页面的背景部分。 % o Z9 q1 J. k3 \) y: D
7 q, Q, a# h6 Q$ s0 _163K网站系统官方论坛 background:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
* U8 b. C P/ N2 Z9 w; E, D团购网站系统,团购网程序 bgproperties:设置成fixed,则背景图案不滚动。(只对internet explorer有效)
$ M2 J$ h) `' P2 p为互联网事业发展提供源动力! bgcolor:背景色。bbs.163k.com P; y# H* y7 N
7 l+ r3 \: A: ~' C团购网站系统,团购网程序 注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。
k, b. x0 M5 j% I7 q8 M* x团购网站系统,团购网程序
! V! c4 V# V5 N8 ^' q! O163K网站系统官方论坛 leftmargin、topmargin:页边空白。(只对internet explorer有效) 163K网站系统官方论坛: |/ q; Z Y K* l+ }
( _7 F( B* e* |( b7 Z( W/ p163k团购网站系统官方服务论坛 leftmargin:左边页边空白。163k团购网站系统官方服务论坛8 R, Z( O0 |" X! B
topmargin:顶端页边空白。
8 K9 I$ [, `8 w5 s" w4 _163k团购网站系统官方服务论坛 marginwidth、marginheight:页边空白。(只对netscape navigator有效)
# N* l+ y! e7 V/ |# _163k团购网站系统官方服务论坛 marginwidth:左右页边空白宽度
% U' V: c! u: O3 |163k团购网站系统官方服务论坛 marginheight:上下页边空白高度团购网站系统,团购网程序0 A3 f, y y4 p( W1 N: l
) G( s( y. Z B! O$ h
在这里,我们第一次碰到了internet explorer和netscape navigator支持不同的标记的情况。由于商业竞争的残酷,作为两家最大的浏览器商,microsoft和netscape都在扩展html的功能,增加一些标准html没有的标记。由于互相保守商业机密,两家发展的标记不尽相同。值得庆幸的是,这两种浏览器对于自己无法辨认的标记,不会报错,只是简单的忽略过去。这样,我们把它们各自支持的标记都加上,就可以达到一致的效果。就这个例子来说,如果我们想制作一个页面,使用两种浏览器来看,页边空白都是0,就可以这样写: G* W! |1 x, W2 B% g
3 x% @' f4 P; x为互联网事业发展提供源动力! / b4 J0 e* W L {
bbs.163k.com8 \4 u# t1 P+ ^9 r& U
其他类似的情况也一样,只要我们把它们都写在一起一般就没有问题了。
3 s: Q. o2 f) J163k团购网站系统官方服务论坛bbs.163k.com# H) s5 \( D8 I% p
7 t- W7 }0 [# i: l为互联网事业发展提供源动力!
8 r# T, a" Z5 j1 a0 _团购网站系统,团购网程序
; R; z4 t9 p- e163K网站系统官方论坛# o) e# N' J6 b
5 p4 X3 t5 r" f3 c7 }) Q! _* P163K网站系统官方论坛3 s1 {% V- ?2 U& e. n( m2 b9 b
为互联网事业发展提供源动力!" K; S. B& b- V4 S
3 _% @$ v+ @+ P4 T% ^为互联网事业发展提供源动力!
j5 ` L/ A. S9 o# j, j/ L
P/ d% e' g. U5 \8 {1 _: u