HTML中相對路徑和絕對路徑有什么區別

這篇文章主要講解了“HTML中相對路徑和絕對路徑有什么區別”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“HTML中相對路徑和絕對路徑有什么區別”吧！

　　HTML相對路徑

　　指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關系。

　　例如：

　　文件1.htm的絕對路徑是：d:/www/html/1.htm

　　文件2.htm的絕對路徑是：d:/www/html/2.htm

　　那么：1.htm相對于2.htm的路徑就是：1.htm

　　相對鏈接的使用方法：

　　如果鏈接到同一目錄下，則只需輸入要鏈接文檔的名稱,例如:

　　<ahref=”1htm”>網頁鏈接</a>

　　<imgsrc=”bg.jpg”/>

　　如果鏈接到下一級目錄，則需要先輸入目錄名，然后加“/”，再輸入文件名,例如：

　　<ahref=”html/next.htm”>

　　<imgsrc=”images/bg.jpg”/>

　　如果連接到上一級目錄，則需要先輸入“.．/”，然后再輸入目錄名、文件名，例如：

　　<ahref=“．．/www/index.htm”>

　　實例總結

　　現在有4個html文件分別是aaa.htmlbbb.htmlccc.htmlindex.html

　　aaa.html的路徑為：D:/www/adminwang/html/aaa.html

　　bbb.html的路徑為：D:/www/adminwang/bbb.html

　　ccc.html的路徑為：D:/www/ccc.html

　　index.html的路徑為D:/www/index.html

　　鏈接同一目錄下的文件

　　例如ccc.html文件鏈接index.html的代碼如下：

　　<ahref="index.html">鏈接index網頁</a>

　　鏈接上一目錄的文件

　　例如bbb.html鏈接ccc.html的代碼如下：

　　<ahref="../ccc.html">鏈接ccc網頁</a>

　　鏈接上2層目錄的文件

　　例如aaa.html鏈接ccc.html的代碼如下：

　　<ahref=”../../ccc.html”>鏈接ccc網頁</a>

　　鏈接下級目錄的文件

　　例如ccc.html鏈接bbb.html的代碼如下：

　　<ahref="adminwang/bbb.html">鏈接bbb網頁</a>

　　鏈接下2層目錄的文件

　　例如ccc.html鏈接aaa.html的代碼如下：

　　<ahref="adminwang/html/aaa.html">鏈接aaa網頁</a>

　　HTML絕對路徑

　　為文件提供的完全路徑，包括適用的協議或盤符。也就是你的主頁上的文件或目錄在硬盤上真正的完整的路徑。例如：

　　http://www.adminwang.com/index.htm

　　d:/www/html/images/bg.jpg

　　絕對路徑沒有什么好說的，相對路徑掌握了，絕對路徑就很簡單了。

感謝各位的閱讀，以上就是“HTML中相對路徑和絕對路徑有什么區別”的內容了，經過本文的學習后，相信大家對HTML中相對路徑和絕對路徑有什么區別這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！