Проверка разметки статьи перед публикацией

Статьи, обзоры новинок, комментарии, — все, что мы ежедневно читаем в интернете, создают люди. Основная масса этих материалов опубликована и отформатирована с помощью автоматических механизмов. Обычно, человек просто вносит данные и нажимает кнопку «Опубликовать». Но при всех удобствах такой автоматики, многие мои знакомые специалисты размечают свои статьи вручную. Это сокращает вероятность появление логических ошибок в коде и, часто, улучшает его семантику.

Перед размещением материала, человек производит последнюю проверку написанного текста. Как раз, о такой проверке hand made кода я и хочу поговорить.

Check-list

  1. Латинские и греческие буквы; математические, технические символы; символы других кодировок — должны быть заменены их мнемоническими ссылками, согласно RFC2070. Помочь в этом может поиск ссылок от Реми Шарпа и руководство от W3C.

  2. Используемые в статье сокращения должны быть расшифрованы в соответствующих тегах (abbr и acronym). Поиск расшифровки аббревиатур можно доверить специализированному русскому или английскому сервису.

  3. В статье, и ее связке с основным шaблоном, должна быть соблюдена правильная иерархия заголовков (h1-h6). Подробней ознакомиться и обсудить эту тему можно в статье о вложенности заголовков.

  4. Перед и после тире должен стоять неразрывной пробел « ». По правилам русского языка, строка не может начинаться и заканчиваться знаком тире.

  5. У картинок должен быть явно задан размер, альтернативный текст и, желательно, добавлена подпись.

  6. Необходимо выделять ключевые слова и акцентировать внимание в тексте тегами em и strong.

  7. Ссылки. RelationShips. Использование относительных связей. Далее, о атрибуте rel, подробнее. Cсылаясь на что-либо, мы можем уточнить и, немного раскрыть, смысл ссылки: «Домой», «Справка», «Внешняя ссылка» и другие варианты. Для этого, в коде ссылки нужно дописать атрибут rel с определением. Полный список определений доступен на обновляемой wiki-странице от участников сообщества microformats.org, а также определен W3-консорциумом для тега link. Доступна и статистика применения разных типов относительных связей, от Google.

  8. Ссылки. XHTML Friends Network. Те же относительные связи, но применение их явно завязано на человеке. Ссылаясь в статье на своего друга, знакомого или коллегу, нужно объяснять это системе. Для удобства, можно воспользоваться автоматическим созданием XFN-аттрибута rel.

  9. Микроформаты. Если в статье есть списки, упоминаются имена или названия организаций, описываются события или указаны географические данные, — их нужно микроформатировать. Список всех актуальных спецификаций доступен на официальном сайте. Упрощают микроформатирование автоматические сервисы, размечающие hCard, hResume, hReview, hCalendar, geo код на основе ваших данных.

Это общие критерии проверки разметки перед публикацией. На самом деле, их гараздо больше. К примеру, я нарочно не упомянул практики доступности контента — думаю, это тема лучше подойдет для отдельной статьи. Одними tabindex и accesskey рекоммендации доступности не ограничеваются :-).

Отступление

Данную тему и этот список я хотел бы продолжить в русле перманентного мозгового штурма. Возможно, стоит разделить список на уровни важности или подгруппы (e.g., типографика, доступность контента, удобство, взаимодействие и техника), но это уже не сама суть… Под проблемой я подразумеваю, несоответствие большинства русскоязычных сайтов веб-стандартам и логическом нормам в гипертексте.

Вопросы

А как вы проверяете материалы перед публикацией? Буду рад любым комментариям! :-)

Комментарии

Ваши комментарии (3)

  1. Junior at Апрель 10, 2008, 20:05 says:

    Перво-наперво проверяем орфографию. Это намек, что в тексте пара ошибок ;)

    1. Подготовили текст. Отложили «подсохнуть».
    2. На следующий день прочитали заново, увидели, что в паре мест надо переписать, ибо лажа.
    3. Сократили текст вдвое, как завещал дедушка Стив Круг.
    4. Проверили орфографию.
    5. Техническое исполнение:
    - верстка,
    - мнемоники,
    - дополнительная разметка (типографская, раскрытие аббревиатур и т.п.)
    6. Провели SEO-оптимизацию.
    7. Проверили на доступность.
    8. Расширили: дополнительными ссылками или микроформатами.

    В общем с 5 пункта все как ты написал. Конечно время тратится на это, зато один раз сделал и кури бамбук, пожинай плоды трудов праведных :)

  2. Artem.Chertov at Апрель 10, 2008, 21:20 says:

    Junior, спасибо за комментарий.
    Полностью согласен :-)

    Сокращение текста, конечно, нужно, но вдвое — это образно, все-таки :-)

  3. Stretch at Июль 03, 2008, 16:58 says:

    Спасибо за советы!

Оставить комментарий

Add comment





(можно использовать эти теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>)