在網站中鏈接圖像的正確方法是什麼？

按照我的標題，什麼是正確的方法？我看到這兩個出現在網站：在網站中鏈接圖像的正確方法是什麼？

<img alt="My image" height="60" src="http://www.website.com/images/myimage.png" width="80">

而且

<img src="images/myimage.png" width="60" height="80" alt="my image"/>

什麼是每種類型的好？與第二張相比，第一張是否有助於更快地加載圖像？

謝謝。

2012-06-23 schenker

@SRN爲什麼第二個更快？ – JJJ

我認爲這不是更快 – Enve

你可以閱讀絕對與相對URL這裏http://stackoverflow.com/questions/2005079/absolute-vs-relative-urls – Dan

第二個示例是一個相對URL。一般來說，如果您不對URL等內容進行硬編碼，那麼對可伸縮性更好。

2012-06-23 13:20:18

不好意思？爲什麼要投票？ –

正是。爲什麼投票 - 這是正確的。 – Dan

我認爲發佈現在刪除的重低壓投票答案的人繼續報復狂歡。 – JJJ

唯一的區別是，如果圖像不在同一個域中，您必須使用完整的URL。速度沒有區別。

如果您有相對URL，則將HTML文件移動到其他位置時圖像會中斷;如果您擁有完整的網址，則在將網站移至其他網域時，圖片會中斷。

2012-06-23 13:21:11 JJJ

我更喜歡第二個選項。鏈接是相對於您的html文件所在的路徑。如果你複製你的網站到另一個子目錄等，你不需要更新你的HTML代碼，你必須在你選擇第一個選項時。如果圖像在另一個域上，那麼第一個選項就是要走的路。

2012-06-23 13:22:03 micho

使用相對URL是絕對更好的。因爲當你改變你的代碼結構中的某些東西時，你也必須改變對圖像的所有引用。

有了相對路徑，你根本不需要改變任何東西。

2012-06-23 13:23:20

...除非將HTML文件從其原始目錄中移出。 – JJJ

@Juhana有HTML'base'（授予它不適合很多情況）http://www.w3schools.com/tags/tag_base.asp – Stecman

正是你不能移動HTML文件。但讓我們說你將整個目錄移動到另一個服務器或目錄，你不必更新引用 –

如果您遵循最佳實踐，您應該有多個環境，比如開發，測試，QA，預生產和生產環境。僅出於這個原因，URL應該是相對的。如果你在開發和測試方面做得很好，那麼......這是做生意的不好方法。

2012-06-23 13:28:29 GrayFox374

+1我在一週之內移動了一個大型Web應用程序，因爲它沒有很好的理由而被絕對鏈接所束縛，這真是一場噩夢！ – Stecman

回答