Page 7 - jQuery для начинающих

Данную конструкцию можно легко упростить, и при этом код станет более читаемым,
изменения в CSS будут минимальными (или даже не потребуются):

<header>
<h1>
<a href="/">Мой блог</a>
</h1>
<h2>Тут я делюсь своими мыслями</h2>
</header>

В английском языке есть термин «divits» – сим термином награждают HTML-
разметку с чрезмерным использованием div’ов без потребности, я же обзываю
такие творения «дивными». Обычно таким грешат новички, которые для
применения стилей CSS оборачивают элементы в div’ы, что и приводит к их

размножению без нужды.

Ещё одним обязательным пунктом для создания «правильного» HTML является
использование названий классов и идентификаторов, которые однозначно говорят нам о
содержимом элемента, а не о каких либо нюансах оформления, приведу пример:

Плохо

red, green и т.д. в какой-то момент захотите перекрасить, и элемент с классом

«red» будет синего цвета

wide, small и т.д. сегодня широкий, а завтра?

h90w490 наверное, это элемент с высотой 90px и шириной 490px, или я
ошибаюсь?

b_1, ax_9 эти название тоже ни о чем не говорят

color1, color2 и иногда встречается для скинованных сайтов, но создают такие
т.д. классы из лени

element1...20 такое тоже встречается, и ничем хорошим не пахнет

Ну и примеры правильного именования:

Хорошо

logo, content логотип, основной контент

menu, submenu меню и подменю

7

www.trk.kg