8、网页链接与导航全解析

网页链接与导航全解析

1. 网站目录与结构

在构建网站时，合理的目录结构至关重要。目录其实就是网站上的文件夹，如同硬盘里包含不同文件夹一样，网站也由多个目录组成，每个目录存放网站的不同部分。例如，大型网站的各个子板块会有独立的目录，不同类型的文件也会存放在不同目录，像图片可能存于一个目录，样式表存于另一个目录。

如果把网站所有文件都放在同一个目录，该目录会迅速变得庞大复杂，不利于管理和查找文件。所以，我们要像整理硬盘文件一样，将网站文件合理组织到各个目录中。

1.1 目录结构术语

• 根目录 ：是存放整个网站的主目录，例如“exampleNewsSite.com”。
• 子目录 ：位于其他目录内部的目录，如“Film”是“Entertainment”的子目录。
• 父目录 ：包含其他目录的目录，“Entertainment”就是“Arts”“Film”“Music”和“TV”的父目录。

以下是一个新闻网站目录结构示例：

graph LR
    classDef process fill:#E5F6FF,stroke:#73A6FF,stroke-width:2px

    A(exampleNewsSite.com):::process --> B(Entertainment):::process
    A --> C(images):::process