2.1 HTML简介
HTML所代表的含义是超文本标记语言,它是全球广域网上描述网页内容和外观的标准。HTML包含了一对打开和关闭的标记,其中有属性和值。标记描述了每个在网页上的组件,如文本段落、表格、或图像等,下面我们来看一下HTML的基本结构。
2.1.1 HTML的基本结构
HTML文件包括文件头(head)和文件体(body)两部分。在文件头里,主要是对这个HTML文件进行一些必要的定义,可以省略不写。文件体中的内容才是真正要显示的各种文件信息。
一个HTML文件中包含各种HTML元素,如图片、段落、表格等。这些HTML元素在页面中需要使用标记来分隔,因此也可以说HTML文件就是由各种HTML元素和标记组成的。
一般情况下,HTML文件的结构如下。
<html> HTML文件的开始标记,表示这是一个HTML文件 <head> 文件头的开始标记,这对标记之间的是头部信息 头部信息 文件头的内容,也叫做文件的头部信息 </head> 文件头的结束标记 <title>标题名称</title> 文档的标题 <body> 文件的主体部分,是文件真正要显示的文件信息 </body> 文件体结束标记 </html> HTML文件的结束标记
由这段HTML结构代码可以看出,<html>标记在最外层,在这对标记之内的就是HTML文件的全部内容。
提示:有些页面中会省略<html>标记,这是因为HTML或HTM文件被Web浏览器默认为是HTML文件。另外,当HTML文件中不需要头部信息的时候,可以省略文件头标记。而<body>标记一般情况不省略,它表示正文内容的开始。
2.1.2 HTML的基本元素
在2.1.1节中,HTML文件结构中出现了四个HTML元素,分别为html、head、title和body。一个完整的HTML文件应该要包含这四个基本元素,下面分别介绍这四个基本元素的含义和用法。
1.html元素
html元素用于声明该文档是一个HTML文档。从理论上来说,任何一个HTML文档的第一行都应该是<html>标签,标志着HTML文档开始;最后一行应该是</html>结束标签,标志着HTML文档结束。
提示:为什么说是“理论上”的呢,因为现在的浏览器的纠错功能实在是太强了,就算HTML文档里没有HTML元素,它们一样可以把扩展名为htm或html的文件当作HTML文档来读取并显示。尽管如此,还是建议读者都使用html元素,让自己写出来的文档规范化,是百利而无一弊的事情。
html元素都包含两个部分,一部分是标头部分,用于描述HTML文档,不在浏览器中直接显示;另一部分是正文部分,该部分的内容除标签与注释之外,都会在浏览器中直接显示出来。
标头部分是用“<head></head>”标签标识的部分,正文部分是用“<body></body>”标签标识的部分。下面将分别介绍这两个HTML元素。
2.head元素
head元素用于标记HTML文档的标头部分,标头部分可以包含文档的标题、作者、参考信息等内容,但一般来说,多数HTML文件只在标头部分包含了标题信息。
在标头部分里除了可以放置标题、作者、参考信息之外,还可以放置如脚本、文档样式都不需要直接在浏览器里输出的所有信息。这些信息在后继的章节里将会详细介绍。
3.title元素
title元素用于标记HTML文档的标题,其标注内容会在浏览器的标题栏里显示出来。虽然在一个HTML文档里,可以省略标题标签,但是这个标题常用来对文档进行索引和参考,因此还是建议每个网页编写者都不要省略该元素,并且标题越细致越好。
“<title></title>”标签应该要放置在“<head></head>”标签之内。
4.body元素
body元素与head元素是并列关系,都应该放在“<html></html>”标签内。“<body></body>”标签不应该放在“<head></head>”标签内,“<head></head>”标签也不应该放在“<body></body>”标签内。body元素包含的是正文部分,当浏览器查看HTML文档时,也只会显示正文部分的内容,后继章节里学到的其他HTML元素也都是放在“<body></body>”标签内的。