Хреф что это

Атрибут href

Атрибут href (от англ. hypertext reference — гипертекстовая ссылка) задаёт адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target.

Синтаксис

Значения

Значение по умолчанию

Пример

Браузеры

В таблице браузеров применяются следующие обозначения.

— элемент полностью поддерживается браузером;
— элемент браузером не воспринимается и игнорируется;
— при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Что такое ссылки и как их ставить. Тег a

Ссылка — текст, кликая на который вы переходите на другую страницу. Иногда после клика открывается картинка, скачивается файл или вы переходите к другой части страницы.

В HTML ссылки создаются с помощью тега . Например:

href — это атрибут, в котором мы прописываем адрес для перехода.

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

Абсолютные ссылки

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

https://site.ru/blog/index.html

Абсолютные адреса содержат минимум три части: протокол, имя сервера и путь. В нашем случае это:

https:// — протокол, по которому мы обращаемся к сайту.

site.ru/ — имя сервера.

/blog/index.html — путь к файлу.

Если в адресе есть все эти части — это абсолютный адрес.

Относительные ссылки

Когда файл по ссылке лежит на вашем компьютере, используются относительные адреса. В отличие от «обычных» адресов, в них нет адреса сайта. Например:

day-2.html

Относительные адреса иногда используют и для страниц в интернете. Если выложить два каких-то файла в интернет (не меняя их взаимное расположение), то их ссылка друг на друга всё равно будет работать.

Если в адресе нет имени сервера или протокола, то это относительный адрес.

Ссылки на файл

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

Браузер скачает меня lt;/a>

Ссылки-якоря

Ссылка-якорь — это обычная ссылка, в адресе которой используется символ # , после которого следует идентификатор элемента. Идентификатор создаётся с помощью атрибута id у того тега, к которому надо перейти при щелчке по ссылке.

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

Больше про ссылки

Абсолютные и относительные ссылки
Как ставить пустые ссылки

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Читать дальше

Специальные символы в HTML

HTML использует особенные комбинации символов, чтобы корректно отображать определенные знаки на веб-страницах. Например, вместо простого знака «меньше» мы видим комбинацию <. В этой статье представлен список таких символов. Это небольшой справочник для тех, кто хочет быстро найти нужный код.

23 октября 2023

Простое диалоговое окно на HTML

Вот короткое демо:

18 октября 2023

Зачем нужен метатег viewport

Каждый из нас хоть раз в жизни сталкивался с веб-страницами, которые кажутся «сломанными» или странно отображаются на мобильных устройствах. Одной из причин такого поведения может быть отсутствие маленького, но важного элемента в коде страницы — метатега viewport .

Метатеги — это инструкции для браузера о том, как отображать содержимое страницы. Один из таких метатегов — viewport , который говорит браузеру, как масштабировать и отображать страницу на разных устройствах, особенно на смартфонах и планшетах.

18 сентября 2023

Атрибут class в HTML на примерах

Атрибут class используется для добавления CSS-классов элементам HTML. Классы позволяют применять одни и те же стили CSS или поведение JavaScript к разным элементам на странице.

Так, одному элементу можно присвоить один или несколько классов, разделяя их пробелами.

14 сентября 2023

В чём отличия цитат blockquote, cite и q

В HTML есть разные теги для цитирования и указания источников. Основные из них: , и . Давайте разберёмся в их различиях.

12 сентября 2023

Осмысленный alt-текст: 6 правил

Альтернативный текст — это описание изображения словами. Это описание должно помогать людям, которые читают или слышат это описание, иначе оно не нужно и лучше вообще его не указывать.

Мы уже обсудили основные правила написания alt-текста для фотографий и изображений. В этот раз поговорим о том, каким именно должно быть описание, чтобы в нём был смысл.

31 июля 2023

Растровая и векторная графика

Давайте попробуем разобраться, в чём отличие растровой графики от векторной.

13 июня 2023

Как понять, что перед вами заголовок

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

Часто кажется, что заголовок — это простой и понятный тег. Но это впечатление обманчиво, потому что не всегда крупный и выделенный текст на макете является заголовком.

При вёрстке сайта важно соблюдать семантику, чтобы все теги использовались корректно и ресурс работал без ошибок. Если напутать уровни заголовков, то структура страницы будет не семантичной, а скринридеры неправильно прочтут сайт.

В статье разберёмся, как верно определять заголовки по макету, какие из них лучше делать скрытыми и почему.

8 июня 2023

Как правильно вставлять SVG

Есть несколько способов вставки SVG-изображения. Выбор одного из них зависит от задач, которые стоят перед верстальщиком.

SVG — это формат векторной графики, дословно: масштабируемая векторная графика. МВГ? SVG! В векторных форматах хранится не само изображение, а инструкция по его построению по точкам и кривым.

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

�PNG IH�aV PLTE�������0� IDAcZ�d���� �W= S�3�o;���]P ���IEND�B`�~

Формат SVG тоже можно создавать и менять в редакторах графики, например, в Illustrator или Figma. Но ещё он текстовый, а значит его можно открыть как HTML или CSS в любом редакторе кода.

SVG — это как отдельная HTML-страница. Когда вставляете SVG, вы, на самом деле, вставляете не просто картинку, а целую страницу. Со своей системой координат, вьюпортом, стилями, скриптами и удивительными особенностями.

Если смотреть на SVG как на отдельную страницу — становится понятнее, какой способ вставки вам нужен.

1 июня 2023

Как создавать адаптивные изображения. Атрибут srcset

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

Давайте рассмотрим несколько способов создания адаптивных изображений.

�� В статье мы говорим о пикселях и ретина-дисплеях. Если вы не знаете, что это такое — прочитайте статью.

25 мая 2023

Хреф что это

Файлы внешних ссылок (XREF) очень похожи на связанные модули за исключением того, что они являются файлами DXF или DWG, а не файлами ARCHICAD.

Внешние ссылки — это способ экономии дискового пространства и человеческих усилий. Вы можете подсоединить файл DWG или DXF к плану этажа или к детали; файл будет загружен в проект и показан с использованием параметров выбранного транслятора DXF/DWG.

Вы можете производить позиционирование на любом чертежном элементе в XREF и они могут быть распечатаны или выведены на плоттер.

Наиболее характерным использованием XREF является хранение в нем чертежных элементов, которые являются общими для некоторых чертежей в проекте (например, контуры внешних и внутренних стен). Если Вы имеете файл, содержащий такие данные, то Вы можете присоединить его к другим чертежам, которые могут использовать геометрическую информацию, содержащуюся в файле XREF, без необходимости непосредственного размещения таких данных в файле проекта. Кроме того, если изменяются исходные данные внешней ссылки (DWG или DXF), то эти изменения могут быть обновлены немедленно, поэтому всегда доступными являются самые последние данные.

XREF имеются в ARCHICAD и AutoCAD — оба приложения могут выявить цикличные ссылки.

В ARCHICAD работа с файлами внешних ссылок происходит почти как в AutoCAD. XREF ARCHICAD может показывать 2D-элементы из DWG-файлов, однако трехмерные элементы AutoCAD (такие как элементы-тела) не видны в 3D-окне ARCHICAD.

Примечание: Если некоторые из описанных функций не работают должным образом, то это может быть следствием того, что отсутствует расширение DXF/DWG или не установлен транслятор DXF/DWG. Вы можете это легко проверить. Выберите команду Файл > Открыть и посмотрите на имеющиеся типы файлов. Отсутствующее расширение можно загрузить с помощью команды Параметры > Менеджер расширений.

1. Находясь на плане этажа, в окне детали или рабочего листа, выполните команду Файл > Внешние Данные > Присоединить XREF .

2. Открывается диалоговое окно Присоединение XREF .

3. Выберите из всплывающего меню Имя Xref название XREF, которая уже была загружена в проект, либо нажмите кнопку Найти для нахождения присоединяемого файла DWG или DXF.

4. Установите требуемые значения точки вставки и поворота.

См. Присоединение XREF для получения подробной информации.

5. Выберите транслятор DWG/DXF для определения параметров конвертирования присоединяемого файла (или просто используйте приведенный транслятор по умолчанию). Нажмите кнопку Параметры для просмотра параметров текущего транслятора.

6. Нажмите кнопку Присоединить .

Вы можете присоединять XREF-файлы к ARCHICAD и отсоединять их, загружать и выгружать их, связывать их с файлом проекта и просматривать информацию о них. Эти функции имеются в диалоговом окне М енеджер XREF (Файл > Внешние Данные > Менеджер XREF и Файл > Присоединить XREF ) .

Примечание: Вы не должны присоединять XREF с различных мест, если они имеют одинаковые имена файлов, так как AutoCAD не сможет открыть такие файлы. (если они имеют одинаковое имя, но разное расширение файла, например, DXF и DWG, это также вызовет проблему.)

Для управления присоединенными к проекту XREF используйте диалоговое окно команды Файл > Внешние Данные > Менеджер XREF .

Диалоговое окно Менеджер XREF содержит информацию обо всех присоединенных файлах. Эта информация включает имя ссылки (обычно оно совпадает с именем присоединенного файла), ее статус (загружен, отсоединен, перегружен, выгружен, связан), размер, тип (рекурсивная и нерекурсивная), дату и количество экземпляров, а также информацию о трансляторе, который использовался при открытии XREF.

Для получения подробной информации см. Диалоговое окно Менеджер XREF .

См. также Работа с XREF для ознакомления.

Атрибут href

Задает адрес документа, на который следует перейти. Поскольку в качестве адреса ссылки может использоваться документ любого типа, то результат перехода по ссылке зависит от конечного файла. Так, архивы (файлы с расширением zip или rar) будут сохраняться на локальный диск. По умолчанию новый документ загружается в текущее окно браузера, однако это свойство можно изменить с помощью атрибута target .

Синтаксис

Обязательный атрибут

Обязателен для ссылок.

Значения

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

HTML5 IE Cr Op Sa Fx

    Тег А, атрибут href  Относительная ссылка
 Абсолютная ссылка

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.