Размеры шрифта H1-H6 в HTML

В более общем смысле, связанные размеры такие часто основаны на геометрической серии, т.е. каждое последующее число больше на постоянный коэффициент (что-то вроде 1,2 или sqrt (2)) от предыдущего. То же самое можно сказать о размерах гаечных и шестигранных ключей, диаметрах винтов и т. Д. В механике или в семействе форматов бумаги A5 / A4 / A3….

I Думаю, это зависит от браузера, который может даже позволить пользователю определять размеры шрифта (я помню, как это делала Opera). Спецификация HTML не вдавалась в подробности:

В HTML есть шесть уровней заголовков, из которых H1 является наиболее важным, а H6 - наименьшим. Визуальные браузеры обычно отображают более важные заголовки более крупным шрифтом, чем менее важные.

Это сделано намеренно, поскольку HTML предназначен для описания структуры, а не представления документа.

Они определяются каждым производителем браузера независимо.

Они не являются единообразными для разных браузеров и предназначены для семантики (большой заголовок, немного меньший заголовок и т. Д.).

Если вы посмотрите на спецификацию HTML 4 для этих , там нет упоминания о том, как они должны быть стилизованы, только то, что они должны быть . Из спецификации:

Визуальные браузеры обычно отображают более важные заголовки более крупным шрифтом, чем менее важные.

Если вы хотите, чтобы они были согласованными, вы должны использовать таблицу стилей сброса , которая их определяет.

Несмотря на то, что w3 определил предлагаемую таблицу стилей по умолчанию для HTML 4 со следующими деталями, большинство браузеров игнорируют это предложение:

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6          { font-weight: bolder }

(да, я не вижу font-size: ] для h4)

Это зависит от браузера, как говорят другие.

С другой стороны, в типографике есть правило для установки размеров шрифта: если базовый шрифт имеет размер X , более крупные шрифты должны расти экспоненциально; обычный способ - иметь размеры X * sqrt (2) , X * sqrt (2) ^ 2 , X * sqrt (2) ^ 3 и так далее, но вы можете изменить базу.

Однако к компьютерным шрифтам предъявляются особые требования.

Раньше они предоставлялись только в виде растрового изображения (поэтому размеры были фиксированными), и даже когда предоставлялись в векторной форме - некоторые форматы предпочитали специальные размеры: делимые на 2 или 5 (например, в случае с Amiga's старые векторные шрифты ... Agfa Intellifont?).

Даже сейчас движки шрифтов больше любят целочисленные размеры, потому что их алгоритмы хинтовки работают лучше.

И люди, кажется, привыкли к значениям, выбранным из-за этих технических ограничений, хотя движки шрифтов сейчас стали намного лучше.

Некоторые номинальные значения:

Таблица стилей по умолчанию для HTML 4 :

• h1: 2em
• h2: 1.5em
• h3: 1.17em
• h4: 1em
• h5 : 0.83em
• h6: 0.75em

Firefox 3 и Safari 4 (фактически, WebCore) :

• h1: 2em
• h2: 1.5em
• h3 : 1.17em
• h4: 1em
• h5: 0.83em
• h6: 0.67em

W3C предложил таблицу стилей рендеринга по умолчанию для реализации браузерами.

Вы заметите, что ваши цифры отличаются от них. Это потому, что производители браузеров имеют обыкновение игнорировать все, что говорят W3C.