Хронический Divitis и Classitis. Что это?

Перевод статьи:  Chronic Divitis And Classitis, What Are They?
Автор:  Adam Kahtava.

Джеффри Зельдман для таких терминов как Divitis и Classitis дает вот такие забавные определения:

Classitis — это в некотором смысле корь, распространяющаяся в сфере гипертекстовой разметки, поскольку он добавляет лишний, ненужный вес каждой веб-странице. Истоки этого недуга ведут к временам господства браузеров, частично поддерживающих CSS и изначально неполного, так сказать, детского понимания разработчиками самого принципа действия CSS. Но увы, многие все ещё не переросли это детское непонимание спецификации… Classitis сам по себе настолько плох, насколько в свое время был тег <font> — редко какая достойная внимания разметка его использует… В некоторых случаях болезнь Classitis осложняется еще одним, более тяжелым состоянием… divitisClassitis и divitis можно ещё сравнить с ненужными прилагательными, которыми кишит плохо написанная статья. Они являются сорняками в саду здравого смысла.

Джеффри Зельдман — «Веб-дизайн по стандартам»

Вот пример разметки, «поражённой» недугами divitis и classitis:

Изображение.

Для реализации одного единственного компонента дизайна в этом примере используется 13 <div> элементов и 11 имен классов. Вот это грязь! Здесь представлен результат работы этого фрагмента кода.

А вот это совершенно «здоровый» код, который эквивалентен предыдущему:

Изображение.

Более чистый, более содержательный код с той же функциональностью, что и первый вариант. Здесь мы имеем один <div> элемент и всего лишь три имени класса для одного компонента. Поразительно! И вот как это работает.

Результаты работы обоих сниппетов визуально и функционально эквивалентны. В первом случае масса <div> элементов, классов и загадочных идентификаторов отягощают страницу и загрязняют разметку, не позволяя толком понять назначение кода. В последнем варианте применен более корректный с семантической точки зрения, структурный подход.

Чистый, содержательный исходный код – это и есть API, который мы предоставляем пользователям и поисковым роботам. В данном вопросе очень важно придерживаться ясности, что при наличии небольшого опыта несложно. И, слава Богу, что у нас есть такая вещь, как шаблоны проектирования (MVC), которые позволяют нам контролировать создаваемый нами API (или исходный код – разметку документа).

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *