Что такое атрибут target? Какие значения он принимает?

Атрибут target используется в HTML для указания, где открывать связанный документ или URL при использовании элемента <a>, <form>, или других элементов, которые могут открывать внешние ресурсы.

Основные значения атрибута target:

  1. _self (значение по умолчанию)

    • Открывает ссылку или результат формы в том же окне или вкладке, где пользователь кликнул ссылку или отправил форму.
    • Пример:
      <a href="https://example.com" target="_self">Открыть в той же вкладке</a>
  2. _blank

    • Открывает ссылку или результат формы в новой вкладке браузера.
    • Пример:
      <a href="https://example.com" target="_blank">Открыть в новой вкладке</a>
  3. _parent

    • Открывает ссылку или результат формы в родительском фрейме (если текущий документ вложен в <iframe>).
    • Пример:
      <a href="https://example.com" target="_parent">Открыть в родительском фрейме</a>
  4. _top

    • Открывает ссылку или результат формы в полном окне браузера, игнорируя все вложенные фреймы.
    • Пример:
      <a href="https://example.com" target="_top">Открыть в полном окне</a>
  5. Имя фрейма или окна

    • Можно указать имя целевого окна или фрейма, и ссылка откроется в этом конкретном окне/фрейме, если оно существует.
    • Пример:
      <iframe name="myFrame"></iframe>
      <a href="https://example.com" target="myFrame">Открыть в определённом фрейме</a>

Важно:

При использовании значения _blank, рекомендуется добавлять атрибут rel="noopener noreferrer" для предотвращения потенциальных уязвимостей безопасности, связанных с доступом новой вкладки к исходной странице.