HTML 文件结构

在介绍 HTML 文件结构前,首先看一个简单的 HTML 文件及其在Web浏览器上显示的结果。

<!DOCTYPE html>
<html>
<head>
<title>W3教程(www.w3run.com)</title>
</head>
<body>
    <h1>HTML标题 标签</h1>
    <p>HTML段落 标签</p>
</body>
</html>

浏览器运行HTML

其中,<head>和</head>之间部分是 HTML 文件的头部分,用于声明文件的标题和整个文件的公共属性。<body>与</body>之间部分是 HTML 文件的主体部分,是显示在Web浏览器客户区的部分。

HTML 文件开始标签<html>

在任何一个 HTML 文件里,<html>标签总是最先出现的,它表示该文件是以超文本标记语言(HTML)编写的。<html>标签是成对出现的。首标签和尾标签分别位于文件的头部和尾部,文件中的所有文件和 HTML 标签都包含在里面。该标签不带有任何属性。

注释:html 元素是文档的根元素,它也不包含 doctype 元素。doctype 元素必须位于 html 元素之前。

HTML 文件头部标签<head>

习惯上,把 HTML 文件分为文件头和文件主体两部分。文件头部分一般包含标题、Css样式文件和JavaScript等,文件主体部分就是Web浏览器所呈现的内容。

<head>是一个表示网页头部的标签。在<head>和</head>标签中,不定义网页的任何内容,而是定义关于 HTML 文件的信息,也就是说它并不属于 HTML 文件的主体。它包含文件的标题、编码方式及样式文件等信息。

下面这些标签可用在 head 部分:<base>, <title>, <link>, <meta>, <script>和 <style>。

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"> 
<title>HTML 标题</title>
<meta name="description" content="HTML 简介">
<meta name="keywords" content="HTML 关键词">
<base href="..." target="_blank">
<link rel="stylesheet" type="text/css" href="styles.css"></head>
<body>
HTML 主体部分
</body>
</html>

注意:建议始终为 HTML 文档定义标题。应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。

HTML 文件标题标签<title>

每个 HTML 文件都需要一个网页标题。在浏览器中,网页名称作为窗口名称显示在该窗口的最上方,这对浏览器的收藏很有用。网页的标题写在<title>和</title>之间,并且<title>标签包含在<head>和</head>标签中。

提示:HTML 文件的标签是可以嵌套的,也就是说,一对标签可以嵌入到另一对标签。

HTML 文件主体标签<body>

网页中的主要内容(比如文本、超链接、图像、表格和列表等)应该写在<body>与</body>标签之间,而<body>标签包含在</html>标签里面。