在浏览网页时，你是否注意到浏览器地址栏中经常出现 “index.htm” 或 “index.html” 这样的文件名？这是因为在网站的文件结构中，index.htm 文件通常扮演着非常重要的角色。本文将通俗易懂地解释 index.htm 文件是什么，以及它在网页开发中的作用，并通过示例代码帮助你更好地理解。
一、什么是 index.htm (或 index.html) 文件？
index.htm 和 index.html 是网页服务器默认寻找并加载的网页文件名称。当用户访问一个网站的根目录时，例如 www.example.com，如果没有明确指定要访问的文件，服务器会按照预设的顺序查找目录下的文件，通常会优先查找名为 index.htm 或 index.html 的文件，并将其内容呈现给用户。
本质: index.htm 或 index.html 文件就是一个标准的 HTML (HyperText Markup Language) 文件，包含了网页的结构、内容和一些基本的样式。区别: 两者的区别仅仅在于文件扩展名。.htm 是早期 DOS 和 Windows 系统使用的扩展名，而 .html 是更通用的标准扩展名。在现代网页服务器上，两者通常没有功能上的差别，你可以根据个人喜好选择使用哪一个。 通常推荐使用 .html，因为它是更广泛使用的标准。
二、index.htm 的作用和重要性
index.htm 文件的重要性体现在以下几个方面：
网站的默认首页: 如前所述，它是用户访问网站根目录时默认显示的页面。没有 index.htm 文件，访客可能会看到一个错误页面，或者显示服务器包含的文件列表，这对于用户体验来说是极其糟糕的。搜索引擎优化 (SEO): 搜索引擎爬虫会首先抓取网站的 index.htm 文件，了解网站的主题和内容。好的 index.htm 文件能够帮助搜索引擎更好地理解你的网站，从而提高网站的排名。网站的入口: index.htm 文件通常包含了网站的导航菜单、重要的介绍信息和指向其他页面的链接。它是用户进入网站的第一个窗口，直接影响用户对网站的第一印象。组织网站结构: index.htm 文件能够帮助开发者清晰地组织网站的结构，定义网站的核心内容和功能。
三、index.htm 文件的基本结构：HTML 入门
index.htm 文件是用 HTML 语言编写的。HTML 是一种标记语言，通过使用各种标签 (tags) 来描述网页的结构和内容。下面是一个简单的 index.html 文件的示例：
My Awesome Website
Welcome!
This is the home page of my website. Feel free to explore!
© 2023 My Website
让我们逐行解释这个示例代码：
: 这是一个文档类型声明，告诉浏览器这是一个 HTML5 文档。: 这是 HTML 文档的根元素，lang="en" 属性指定了文档的语言为英语。
: head 元素包含了关于文档的元数据，例如字符编码、视口设置、标题和样式表。: 指定文档的字符编码为 UTF-8，支持显示各种语言的字符，包括中文。: 设置视口，使得网页在不同的设备上能够自适应显示。