■ 文件标记
欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。
也请先明白围堵标记与空标记的分别,请看 【HTML概念】。
■ HTML 基本架构:
以下 HTML Source Code 便是一份 HTML 文件的基本架构:
<HTML>
<HEAD>
<TITLE> 网页的标题 </TITLE>
</HEAD>
<BODY>
网页的内容,很多标记都作用于此
</BODY>
</HTML>
特点解说:
整份文件处于标记<HTML>与</HTML>之间。
<HTML>用以宣告这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。
文件分两部份,由<HEAD>至</HEAD>称为开头,<BODY>至</BODY>称本文。
基本上两者各有适用的标记,如<TITLE>只可出现于开部分。
开头部分用以存载重要信息,而只有本文部分会被显示。
所以大部分标记会应用于本文部分。
<TITLE>所标示的是文件的标题。
会出现于浏览器顶部及为别人 Bookmark 时的名称,所以每页有不同面明确的标题是需要的。
上述标记中只有<BODY>具参数设定。
■ <BODY>...</BODY>
用法:包含了文档的内容
开始/结束标识:可选/可选
属性:%conreattrs,%i18n,%events
background="..."被反对。知名背景图像的URL
bgcolor="..."被反对。设置背景颜色
text="..."被反对。设置文本颜色
link="..."被反对。设置链接的颜色
vlink="..."被反对。设置链接被访问后的颜色
alink="..."被反对。设置激活链接的颜色
onload="..."文档装载时的内部事件触发器
onunload="..."文档卸载时的内部事件触发器
空:不允许
注释:文当中只能有一个BODY,并且它只能跟在HEAD后面。BODY元素可以被FRAMESET元素替换。反对使用那些有关视觉的属性有利于在格式表中设置那些属性的值。
例子:
<BODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed">
text="#000000"
用以设定文字颜色。 #000000 代表黑色,也可以采用颜色名称,即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。
link="#0000FF"
设定一般文字链接的颜色。
alink="#FF0000"
设定刚按下时文字链结颜色。
vlink="#0000FF"
设定被按过后的链接的颜色。
background="bg1.gif"
设定背景图片。GIF 或 JPEG 皆可,可以是绝对路径或相对路径。
bgcolor="#FFFFFF"
设定背景颜色,当已设定背景图片时会失去作用,除非透明部分。
leftmargin=2
设定整份文件显示画面的左方边沿空间,单位为像素。 (只适用于IE)
topmargin=2
设定整份文件显示画面的上方边沿空间。 (只适用于IE)
bgproperties="fixed"
固定背景图片,当卷轴卷动时不会跟着卷动。 (只适用于IE)
标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script 的介绍。
■<HTML>...<HTML/>
用法:本元素包含了整个文档
开始/结束标识:可选/可选
属性:%i18n
version="..."说明定义文档类型的URL,指明用来创建当前文档的HTML版本
空:不允许
注释:其中的版本信息是从<!DOCTYPE>声明中复制过来的,因此这部分不是必不可少的。
■ <HEAD>...</HEAD>
用法:用来说明这是文档的标题,并包含了向用户和搜索引擎提供信息的其他元素
开始/结束标识:可选/可选
属性:%i18n
progile="..."其中的URL指明了META文件的地址
空:不允许
注释:每个文当中只能有一个标题。它必须位于打开的HTML标识后面和BODY前面
■ <TITLE>...</TITLE>
用法:指明自己Web页面的名字。这个元素放在HEAD元素之中,显示在浏览器窗口的标题栏中。
开始/结束标识:必须/必须
属性:%i18n
空:不允许
注释:每个文档只允许有一个标题