Атрибут target тега <base>
Описание
Атрибут target для тега <base> задает стандартную цель (target) по умолчанию для всех ссылок на странице. Это глобальный атрибут, который влияет на поведение всех относительных ссылок в документе.
Пример использования:
<head>
<base target="_blank">
</head>
<body>
<a href="https://example.com">Эта ссылка откроется в новой вкладке</a>
<a href="/about" target="_self">Эта - в текущей (переопределение)</a>
</body>
Значения атрибута target:
| Значение | Описание |
|---|---|
_blank |
Открывает ссылку в новом окне или вкладке |
_self |
Открывает ссылку в том же фрейме (по умолчанию) |
_parent |
Открывает ссылку в родительском фрейме |
_top |
Открывает ссылку во всем окне, выходя из всех фреймов |
имя-фрейма |
Открывает в указанном фрейме (устаревший подход) |
Важные особенности:
- Тег
<base>с атрибутомtargetдолжен располагаться в<head> - Действует на все последующие ссылки в документе
- Может быть переопределен атрибутом
targetв конкретной ссылке - Не влияет на абсолютные URL (начинающиеся с http:// или https://)
Пример с JavaScript:
<script>
// Проверка текущего базового target
const baseTarget = document.querySelector('base')?.target || '_self';
console.log(`Базовый target: ${baseTarget}`);
// Динамическое изменение
function setBaseTarget(newTarget) {
let base = document.querySelector('base');
if (!base) {
base = document.createElement('base');
document.head.appendChild(base);
}
base.target = newTarget;
}
</script>
SEO комментарий:
Использование target="_blank" по умолчанию может повлиять на поведение пользователей и аналитику. Поисковые системы учитывают этот атрибут при анализе ссылочной структуры сайта.
Важно: При использовании target="_blank" рекомендуется добавлять rel="noopener noreferrer" к ссылкам для безопасности.
Советы по использованию:
- Используйте для единообразия поведения ссылок на странице
- Избегайте злоупотребления
_blank- это может раздражать пользователей - Для форм используйте атрибут
targetнепосредственно в теге<form> - Помните, что это глобальная настройка - тестируйте на всех ссылках