Относительные и абсолютные пути - введение в HTML

Относительные и абсолютные пути #

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

Четыре варианта, которые указывают на то, где лежит файл.

1. "styles.css"

2. "./styles.css"

3. "./../styles.css"

4. "/my_styles/styles.css"

5. "http://www.povar.eu/style.css"
  • Первый и второй вариант пытаются указать на один и тот же файл, который лежит в этой же папке.
  • Третий вариант ищет файл на один уровень выше.
  • Четвёртый в подпапке my_styles
  • Пятый вариант указывает абсолютный путь в интернете.

Нюансы #

Написание путей влияет не только на css, но и на другие файлы: js, java, php и прочие.