Атрибут size тега <basefont>
Описание
Атрибут size для тега <basefont> устанавливал базовый размер шрифта для всего документа. Как и сам тег, этот атрибут является устаревшим и не поддерживается в HTML5.
Исторический пример (не рекомендуется):
<head>
<basefont size="4" face="Times New Roman" color="#333">
</head>
<body>
<p>Текст будет отображаться с базовым размером шрифта</p>
</body>
Значения атрибута size:
| Значение | Эквивалент в CSS | Описание |
|---|---|---|
| 1 | xx-small | Самый маленький размер |
| 2 | small | Маленький |
| 3 | medium | Средний (по умолчанию) |
| 4 | large | Большой |
| 5 | x-large | Очень большой |
| 6 | xx-large | Огромный |
| 7 | xxx-large | Максимальный |
Современная альтернатива (CSS):
<head>
<style>
body {
font-size: 16px; /* Аналог size="4" */
}
/* Относительные размеры */
.small { font-size: 0.8em; }
.large { font-size: 1.2em; }
</style>
</head>
Проблемы устаревшего подхода:
- Фиксированные размеры без адаптивности
- Нет поддержки относительных единиц (em, rem, %)
- Ограниченный диапазон значений (1-7)
- Не учитывает доступность и предпочтения пользователя
Важно: В современных браузерах атрибут size в теге <basefont> не работает. Используйте CSS-свойство font-size.
Рекомендации по размерам шрифтов:
/* Лучшие практики */
body {
font-size: 1rem; /* Базовый размер */
}
h1 {
font-size: 2rem; /* Относительно базового */
}
@media (max-width: 768px) {
body {
font-size: 0.9rem; /* Адаптивный размер */
}
}
Преимущества CSS:
- Гибкие относительные единицы (em, rem, vw)
- Поддержка медиа-запросов для адаптивности
- Возможность использовать пользовательские настройки
- Лучшая поддержка доступности