Цена за сутки цена за выходные, аренда коттеджей на сутки.

Разделы

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

При добавлении картинок с помощью программ для редактирования HTML-документа, программы нередко указывают локальный путь к графическому файлу, который начинается с ключевого слова file:///. Например, рисунок находится по адресу c:\www\images\sample.gif, тогда путь к нему будет записываться как file:///c:/www/images/sample.gif. Браузер при открытии документа просматривает путь и ищет по указанному адресу изображение. Естественно, на соседнем компьютере указанной папки, скорее всего, нет, как нет и запрашиваемого файла, поэтому рисунок не отображается.

В примере 1 показано использование локального адреса, который приводит к тому, что на других компьютерах, а также после публикации на сайте, изображение становится недоступно.

Пример 1. Изображение, которое видно только на моем компьютере

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Дизайн</title>
 </head>
 <body>
  <p><img src="file:///Z:/home/webref/www/images/screenshot.png" 
     alt="Дизайн" width="150" height="90"></p>
 </body>
</html>

Чтобы устранить указанный недостаток, необходимо искоренять локальные адреса и заменять их относительными. Тогда значение параметра src в примере 1 заменится на images/screenshot.png. В примере 2 показаны варианты указания адресов изображений на странице.

Пример 2. Адреса изображений

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Дизайн</title>
 </head>
 <body>
  <p><img src="images/1.png" alt="Путь к файлу 1.png, расположенному 
      в папке images" width="150" height="90"></p>
  <p><img src="/images/2.png" alt="Папка images лежит в корне сайта" 
      width="150" height="90"></p>
  <p><img src="../images/3.png" alt="Перейти на уровень выше в иерархии папок 
      и открыть файл 3.png, расположенный в папке images" width="150" height="90"></p>
 </body>
</html>

Разделы

Термины

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

Отправить комментарий