Каков правильный способ связать изображение на веб-сайте?

В соответствии с моим названием, что является правильным способом? Я видел, как они появляются на веб-сайтах:

<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"/>

В чем преимущество каждого типа? Помогает ли первый ускорить загрузку изображения по сравнению со вторым?

Спасибо.

Ответ 1

Второй пример - относительный URL. В целом, это лучше для масштабируемости, если вы не будете жестко программировать такие вещи, как URL-адреса.

Ответ 2

Единственное различие заключается в том, что если изображение не находится в том же домене, вы должны использовать полный URL. Нет никакой разницы в скорости.

Если у вас есть относительные URL-адреса, изображения прерываются, если вы перемещаете файл HTML где-то в другом месте; если у вас есть полные URL-адреса, изображения прерываются, если вы переместите веб-сайт в другой домен.

Ответ 3

Я предпочитаю второй вариант. ссылка относительно пути, где находится ваш html файл. если вы скопируете свой сайт в другой подкаталог и т.д. вам не нужно обновлять свой HTML-код, который вам нужен, когда вы выберете первый вариант. если изображение находится в другом домене, то первым вариантом является способ перехода.

Ответ 4

Если вы придерживаетесь лучших практик, вы должны иметь несколько сред, например, для разработки, тестирования, контроля качества, подготовки и производства. По этой причине URL-адреса должны быть относительными. Если вы делаете все свое развитие и тестирование в prod, хорошо... это плохой способ ведения бизнеса.

Ответ 5

Лучше использовать относительные URL-адреса. Потому что, когда вы что-то изменяете в своей структуре своего кода, вам также придется изменить все ссылки на изображения.

С относительными путями вам вообще ничего не нужно менять.