HTML文档的基本结构如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content=""/ >
<!--css/js-->
</head>
<body>
</body>
</html>
- 文档声明
<!DOCTYPE html>
是文档声明,声明位于文档中的最前面的位置。处于<html>标签之前,用来告知Web浏览器页面使用了HTML版本。
- <html>标签
<html></html>标签是HTML页面中所有标签的顶层标签,一个页面有且只有一对该标签,页面中所有标签和内容都必须放在这其中。 - <head>头部信息
<head></head>标签用于表示HTML的头部区域,<head>和</head>之间的内容都属于头部区域中的内容,主要包括一些网页相关的信息,如网页标题、字符集、网页描述等信息,还可以包括script代码等。这些信息内容不会直接显示在页面上,却在打开网页时首先被加载,将加载运行后的结果作用于网页上。
- <meta>标签
用来定义文档的元数据,使用“名称=值”的形式。charset="utf-8"。其中“utf-8”是指一种字符集名称,被称为“万国码”,是一个世界语言的翻译官,有了它,我们可以在HTML页面上写中文、英文、韩文等语言内容。<meta name="keywords" content="" />是告诉搜索引擎网页的关键词是什么。<meta name="description" content="" />是告诉搜索引擎网站的主要内容。 - <title>标签
<title></title>用来指定网页文档的标题,例如:<title>欢迎来到我的网站</title>。在预览页面时,标题会显示在网页的标题栏,以及任务栏中(如下图书)。<title></title>的作用,一是设置网页标题,二是用于用搜索引擎检索。因此,标题设置是否合理是很重要的。
- <body>标签
<body></body>是放置页面内容的地方,所有需要在浏览器窗口中显示的内容都需要放置在<body></body>标签对之间。