[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-html-kakim-obrazom-zadayotsya-adres-dokumenta-na-kotoryy-sleduet-pereyti":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":19,"progress":20,"seo":21},1241,"kakim-obrazom-zadayotsya-adres-dokumenta-na-kotoryy-sleduet-pereyti",39,"osnovy-html","Основы HTML","📄","Каким образом задаётся адрес документа, на который следует перейти","Для создания гиперссылок используется тег `\u003Ca>` с атрибутом `href`, который содержит URL целевого документа. Это основной механизм навигации между страницами в HTML.\n\n### Синтаксис\n\n```html\n\u003C!-- Абсолютная ссылка -->\n\u003Ca href=\"https:\u002F\u002Fexample.com\u002Fpage\">Текст ссылки\u003C\u002Fa>\n\n\u003C!-- Относительная ссылка -->\n\u003Ca href=\"\u002Fabout\">О нас\u003C\u002Fa>\n\n\u003C!-- Якорная ссылка (на элемент текущей страницы) -->\n\u003Ca href=\"#section-id\">К разделу\u003C\u002Fa>\n```\n\n### Типы адресов\n\n| Тип | Пример | Описание |\n|-----|--------|----------|\n| Абсолютный | `https:\u002F\u002Fexample.com\u002Fpage` | Полный URL, работает из любого места |\n| Относительный | `\u002Fabout`, `..\u002Fpage.html` | Относительно текущего документа или корня сайта |\n| Якорный | `#section` | Переход к элементу с `id=\"section\"` на текущей странице |\n| Протокольный | `mailto:`, `tel:` | Вызов почтового клиента или телефона |\n\n### Основные атрибуты тега a\n\n| Атрибут | Назначение |\n|---------|-----------|\n| `href` | URL-адрес перехода |\n| `target` | Куда открывать: `_self` (текущее окно), `_blank` (новое окно) |\n| `rel` | Отношение к целевому документу (`noopener`, `nofollow`) |\n| `download` | Скачать файл вместо перехода |\n| `title` | Всплывающая подсказка |\n| `hreflang` | Язык целевого документа |\n\n### Безопасность при target=\"_blank\"\n\nПри открытии ссылки в новом окне (`target=\"_blank\"`) целевая страница получает доступ к `window.opener`, что создаёт уязвимость. Всегда добавляйте `rel=\"noopener noreferrer\"`:\n\n```html\n\u003Ca href=\"https:\u002F\u002Fexternal.com\" target=\"_blank\" rel=\"noopener noreferrer\">Внешняя ссылка\u003C\u002Fa>\n```\n\n> **На собеседовании:** ссылки задаются тегом `\u003Ca href=\"URL\">`. Адрес может быть абсолютным и относительным. Хороший бонус — упомянуть `rel=\"noopener noreferrer\"` для безопасности при `target=\"_blank\"`, это покажет осведомлённость в веб-безопасности.","","junior",[15,16,17,18],"основы","html","атрибуты","frontend",[],null,{"title":22,"description":23,"ogTitle":24,"ogDescription":25,"keywords":26,"schemaAnswer":36,"featuredSnippetReady":37},"Каким образом задаётся адрес документа, на который следует перейти — Gymterview","Гиперссылки в HTML: тег \u003Ca> с атрибутом href. Абсолютные, относительные, якорные ссылки. Атрибуты target, rel, download. Безопасность target=_blank.","Гиперссылки в HTML: тег a и атрибут href — Gymterview","Тег \u003Ca href='URL'> для навигации между страницами. Типы адресов, атрибуты target\u002Frel\u002Fdownload, безопасность при target=_blank.",[27,28,29,30,31,32,33,34,35],"тег a","href","гиперссылка","HTML ссылка","target","rel noopener","абсолютная ссылка","относительная ссылка","собеседование","Для создания ссылок используется тег \u003Ca> с атрибутом href, содержащим URL целевого документа. Адрес может быть абсолютным (https:\u002F\u002F...), относительным (\u002Fpage) или якорным (#section). При target='_blank' необходимо добавлять rel='noopener noreferrer' для безопасности.",true]