Я думаю, что это отличная иллюстрация разницы между семантикой и стилем. По сути: слишком легко привязаться к идее, что h1
должен быть большим, h2
должен быть меньше, а h6
должен быть самым маленьким.
Любой из этих тегов может иметь любой размер шрифта. Разница между ними заключается в цели контента, который они представляют.
При разработке веб-страницы в стиле блога я мог бы сделать что-то вроде этого:
nav h1{
font-size:18px;
}
main h1{
font-size:32px;
color:black;
}
main h2,
main h1 + p{
font-size:24px;
color:grey;
}
У меня есть два h1
разных размеров. Вы можете возразить, что main h1
на самом деле должно быть h2
. Но мне нравится h1
, потому что nav
и main
на самом деле разные области контента.
У меня также есть h2
и p
, которые в конечном итоге имеют одинаковый размер. Вы можете возразить, что p
должно быть просто h2
. Но мне нравится использовать h2
, когда он представляет что-то сам по себе, вместо того, чтобы всегда привязываться к h1
, что похоже на пустую трату HTML-тегов.
В конце концов, я бы сказал, просто очень постарайтесь полностью забыть о том, как все будет выглядеть, когда вы пишете свой HTML.
Когда я преподавал веб-дизайн, мне очень понравилось упражнение, состоящее в том, что я давал своим ученикам таблицу стилей «сброса», которая удаляла все стили браузера по умолчанию, и просил их разработать и написать веб-страницу, используя только HTML и без CSS. Это заставило их по-настоящему задуматься о том, что их HTML-теги значат, не зацикливаясь на таких вещах, как «О, если что-то будет выделено жирным шрифтом, оно должно быть в теге strong
».
Думать таким образом очень, очень сложно, но это способствует интуитивно понятному дизайну и интуитивно понятному коду.
Конкретно в вашем случае (имея в виду, что я не говорю по-немецки):
- Я бы предположил, что есть несколько страниц "Seit über 35 Jahren". Таким образом, несмотря на то, что шрифт маленький, он должен быть
h1
: он представляет контент на нескольких страницах.
- "Naturstein - Leidenscha" представляет содержание конкретно этой страницы, поэтому должно быть
h2
.
- «Das Unternehmen», кажется, представляет один конкретный раздел на этой странице, поэтому должен быть
h3
. Я ожидаю, что другие разделы на этой странице будут представлены таким же образом.
Кроме того, наличие .weight3
и .weight2
и прочего сводит с ума. Как вы должны помнить, в чем разница между ними? Именно по этой причине мы больше не используем теги <big>
или <center>
— если фрагмент текста называется «большой» или «центральный», это не дает вам никакого представления о том, что этот текст делает.
person
RobertAKARobin
schedule
16.10.2016