Путь к файлу описывает расположение файла в структуре папок веб-сайта. Пути к файлам важны при связывании с внешними файлами, такими как веб-страницы, изображения, таблицы стилей, файлы 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
Ресурсы
Вам могут пригодиться следующие ресурсы:
- HTML-таблицы, классы и идентификаторы
- Создание адаптивного HTML веб-дизайна
- HTML Цитаты и комментарии
- Контрастный дизайн Bootstrap
- Аккордеон
- "Тревога"
- "Анимация"
- Автозаполнение
- Значки
- "Коробка"
- Хлебные крошки
- Баттон Групп
- "Кнопка"
- Панель кнопок
- "Карта"
- "Карусель"
- Флажок
- "Крах"
- "Таблица данных"
- Выбор даты
- "Падать"
- Нижний колонтитул
- Формы
- "Икона"
- Ифрейм
- "Вход"
- Входная группа
- Список групп
- Маска
- Модал
- "Выбор из нескольких вариантов"
- "Уведомление"
- Панель
- Панель
- "Трещать"
- "Прогресс"
- "Радио"
- "Рейтинг"
- "Выбирать"
- Выбрать 2
- Слайдер
- Спиннер
- Степпер
- "Выключатель"
- "Стол"
- Формы
- Навбар
- Разбивка на страницы
- Вкладка
- Боковая панель
- Выбор времени
- "Таблица данных"
- Фиксированная таблица данных
- "Стол"
- Виджеты
Первоначально опубликовано на https://www.devwares.com.