Путь к файлу описывает расположение файла в структуре папок веб-сайта. Пути к файлам важны при связывании с внешними файлами, такими как веб-страницы, изображения, таблицы стилей, файлы JavaScript.

Есть два способа связать файл: абсолютный путь к файлу и относительный путь к файлу.

Абсолютный путь к файлу

Этот путь к файлу является полным URL-адресом файла.

<img src= “https://www.google.com/images/picture.jpg" alt=”logo”>

Относительный путь к файлу

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

<img src=”/images/pictures.jpg” alt=”logo”>

В следующем примере путь к файлу указывает на файл в папке с изображениями, расположенной в текущей папке.

<img src=”images/pictures.jpg” alt=”logo”>

В следующем примере путь к файлу указывает на файл в папке изображений, расположенной в папке на один уровень выше текущей папки.

<img src =”../images/pictures.jpg” alt = “logo”>

Во время работы всегда лучше использовать относительный путь к файлу. Это делается для того, чтобы ваши веб-страницы не были привязаны к вашему текущему базовому URL-адресу. Все ссылки будут работать на вашем компьютере (localhost), а также на вашем текущем общедоступном домене и будущих общедоступных доменах.

HTML-кодировка

Чтобы веб-страница правильно отображала HTML-страницу, веб-браузер должен знать, какой набор символов использовать. Это указано в теге <meta>

<meta charset="UTF-8">

Мета HTML

HTML позволяет указывать метаданные — дополнительную информацию о документе различными способами. Мета-элемент может использоваться для описания свойств HTML-документа, таких как автор, срок действия, список ключевых слов, автор документа, описание веб-страницы и т. д.

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

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<title> Meta Tag</title>
</head>
<body>
<p> This is an example of a metatg</p>
</body>
</html>

Создавайте потрясающие веб-сайты и веб-приложения

Создание различных пользовательских компонентов в React для ваших веб-приложений или веб-сайтов может стать очень напряженным. Поэтому мы решили создать контраст. Мы собрали набор пользовательского интерфейса с более чем 10000 компонентов, 5 панелей администратора и 23 дополнительных различных шаблона страниц для создания практически любого типа веб-приложения или веб-страницы в одном продукте под названием Contrast Pro. Попробуй контраст про

Contrast React Bootstrap PRO — это многоцелевой профессиональный шаблон, набор пользовательского интерфейса для создания вашего следующего лендинга, администрирования, SAAS, предварительного запуска и т. д. с чистым, хорошо документированным, хорошо продуманным шаблоном и компонентами пользовательского интерфейса. Узнать больше о Contrast Pro

Ресурсы

Вам могут пригодиться следующие ресурсы:

Первоначально опубликовано на https://www.devwares.com.