HTML URL

        前面的文章中总是出现URL这个东西，所以还是要整理一下相关的概念，以下截图来自网路上的pdf，部分概念整理来自网络……如果有看不懂的地方自行百度

        URL（Uniform Resource Locator，统一资 源定位符）是地址的别名。记住，它包含关于文件存储位置和浏览器应如何处理它的信息。互联网上的每个文件都有唯一的 URL。

URL的第一个部分称为模式（scheme）：

        模式会告诉浏览器如何处理需要打开的文件。最常见的模式是HTTP，HTTP是用于访问网页的，其他常见的模式还有用于下载文件的 ftp

        例：

             

        基本的URL包含模式、主机名称和路径。路径包含一个或多个目录（文件夹），最后是一个文件名，很多网站都有一个默认的index.html，我们自己用一些前端编辑器写站点的时候也能看到有个默认的index.html

URL 路径不以文件名结尾：

         URL用一个目录结尾（可以包含一个结尾的斜杠， 也可以不包含），如下图所示。在这种情 况下，URL 指的是路径中最后一个目录中的 默认文件，通常为index.html（就像上面说的，通常情况下， 所有Web服务器的配置都将index.html作为默 认文件名，程序员不用修改配置）

          例：

                

         用 ‘/’ 结尾的URL指向最后一个目录，例子中是tofu这个目录中的index.html文件，换句话说就是这个例子和上面那个例子打开的是同一个网页

绝对URL：

       绝对URL包含了指向目录或文件的完整信息，包括模式、主机名和路径，就像我们邮寄包裹一样，省份，城市，城区，街道，门牌，都要清清楚楚，可以准确找到那个收件人，而绝对URL对应的就是一个确定的文件了。

       这意味着绝对URL本身与被引用文件的实际位置无关， 无论是在哪个主机上的网页中，某一文件的绝对URL都是完全一样的。就像你家的地址是固定的，但是你人可以不在家一样，但是通过你家这个地址可以找到你

       引用别人 Web 服务器上的文件时，应该使用绝对 URL。就像我们在QQ上给好友分享一个视频链接一样，是一个完整的该视频的URL地址

       对于FTP站点以及几乎所有不使用HTTP 协议的 URL，都应该使用绝对 URL。

相对URL：

       当我告诉你我邻居家的位置时，我一般是不会说完整地址的，而是说：“他家在我家右边第一个门。”这就是相对地址，相对地址指出的位置是以信息提供者的位置为参照的，如果在其他的城市按照同样的信息找我的邻居，你这辈子都找不到。将这个意思代入到URL，就是 指向本页面同一个目录下的另一个页面 这时文件的相对URL只有文件名和扩展名

      引用子目录下的文件：

           要引用当前文件夹的子文件夹中的文件，应在文件名之前加上子文件夹名称和一个斜杠

      引用上层目录的文件：

           如果要引用文件层次结构中更上层目 录中的文件，那么应该使用两个句点和一个 斜杠，每个../都 表示“到当前文件的上一层”，因此，../../ 会向上走两级，../../../ 会向上走三级。

           例：

                

       根相对 URL：

             如果文件位于 Web 服务器上，应该避免使用像 ../../img/family/vacation.jpg  这样显得较为笨拙的文件路径

             例：

                   

                     在最开始使用一个斜杠， 这样本例中的根相对 URL 就是 /img/family/ vacation.jpg（假设img 文件夹位于网站的根文件夹），相同的根相对 URL 可用于所有的      页面，而不用管页面在网站目录结构中的具体位置， 在这个例子中，主页和六层目录中某个页面对 vacation.jpg 的定位是同样简单的（不建议用太深层的结构）

              这种做法只能用于 Web 服务器，例如在网站 托管服务供应商的 Web 服务器上，或者在本地计算机运行的Web服务器上

       如果不是在服务器本地开发网站，通常应使用相对 URL（除非是指向其他服务器上的文件）。这样确保了将页面从本地系统传到服务器变得容易。只要每个文件的相对位置保持不变，就不必修改任何路径， 链接依然有效。我们在自己电脑上用前端编辑软件制作简单的网站是你自己编写的多个网页彼此之间用相对URL，而如果有导入外部网页链接就使用绝对URL吧

绝对URL和相对URL比较：

        文  件  名                         绝对 URL（可以在任何地方使用）                                     相对 URL（只能在 you-are-here.html 中使用）

        h.html                               http://www.site.com/about/h.html                                         h.html
        data.html                          http://www.site.com/about/info/data.html                             info/data.html

        image.png                        http://www.site.com/img/image.png                                     ../img/image.png      

        news.html                        http://www.remote.com/press/news.html                            （无，使用绝对 URL）
        前三个例子相对URL都在同一个网站里，第四个在另一个网站中