Тег <frameset>
Описание
Тег <frameset> устарел в HTML5 и полностью удален из спецификации. Ранее использовался для создания наборов фреймов (разделов окна браузера). В современных реалиях вместо него используются альтернативные технологии.
Внимание! Этот элемент больше не поддерживается и его использование может привести к проблемам в работе сайта.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<frameset cols="150,*">
<frame src="menu.html" name="menu">
<frame src="content.html" name="content">
</frameset>
</html>
Основные проблемы фреймсетов:
- Полностью заменяют стандартную структуру HTML-документа
- Не поддерживают мобильные устройства
- Нарушают работу кнопки "Назад" в браузере
- Создают сложности с индексацией поисковыми системами
- Не соответствуют современным стандартам доступности
<!-- Вариант 1: CSS Grid Layout -->
<div class="page-layout">
<nav class="sidebar">
<!-- Навигационное меню -->
</nav>
<main class="content">
<!-- Основное содержимое -->
</main>
</div>
<style>
.page-layout {
display: grid;
grid-template-columns: 150px 1fr;
height: 100vh;
}
</style>
Сравнение технологий:
| Характеристика | Frameset | Современные альтернативы |
|---|---|---|
| Адаптивность | ❌ Нет | ✅ Полная |
| SEO | ❌ Проблемы | ✅ Оптимально |
| Доступность | ❌ Плохая | ✅ Хорошая |
| Поддержка | ❌ Устарело | ✅ Актуально |
Совет по миграции: При обновлении устаревших сайтов замените фреймсеты на:
- CSS Grid/Flexbox для макетов
- Компоненты фреймворков для сложных интерфейсов
- iframe только там, где действительно необходимо
Тег <frameset> представляет исторический подход к верстке и не должен использоваться в новых проектах.
Атрибуты
| cols | Ширина колонок фреймов (пиксели, проценты или *) |
| rows | Высота строк фреймов (пиксели, проценты или *) |
| frameborder | Отображение границ между фреймами (0|1) |
| framespacing | Расстояние между фреймами в пикселях |
| border | Толщина границы между фреймами |
| bordercolor | Цвет границы между фреймами |
| accesskey | Горячая клавиша для активации элемента |
| class | CSS-классы для стилизации элемента |
| id | Уникальный идентификатор элемента |
| style | Инлайновые CSS-стили элемента |
| title | Всплывающая подсказка для элемента |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 4.0 | 1.0 | 1.0 |