posh-ru: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 11: Line 11:


== Что? ==
== Что? ==
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-страниц. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''.  Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].
POSH объясняет конкретные преимущества [[semantic-html-ru|семантического HTML]] авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует ''[semantic-ru|семантические]'' элементы и атрибуты, нежели чем ''[[presentational-ru|репрезентационные]]''.  Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней [[posh-ru#Что_нужно_сделать|проверки POSH]].


== Что нужно сделать ==
== Что нужно сделать ==

Revision as of 22:29, 5 July 2008

Plain Old Semantic HTML (POSH)

Добро пожаловать на домашнюю страницу POSH.

Как всё начиналось?

Акроним POSH был впервые использован 6 апреля 2007 года на IRC-канале, посвященном микроформатам, пользователем <kwijibo>, как аббревиатура к "plain old semantic HTML" (семантический HTML). Позднее дискуссия Джона Олшопа (John Allsopp), Тантека Челика (Tantek Çelik) и Криса Мезины (Chris Messina) 18 апреля 2007 года после Web 2.0 Expo возродила идею о POSH и о том, что очень важно продвигать идеи POSH, на которых, собственно, и основаны микроформаты. Если вам нужно более подробное описание появления самого определения, обратитесь к разделу истории.

Почему?

Термин семантического HTML очень сложно произносить и он не отражает всей простоты явления. Нам нужно простое короткое слово, которое отражает всю суть концепции и которое достаточно легко произносить.

Что?

POSH объясняет конкретные преимущества семантического HTML авторам Web-документов. Семантический HTML — это производная HTML 4.01 (или XHTML 1.0), которая использует [semantic-ru|семантические] элементы и атрибуты, нежели чем репрезентационные. Лучший способ изучить и понять POSH — это делать всё по его правилам. Выберите страницу на вашем сайте, с которой вы хотели бы начать и примените к ней проверки POSH.

Что нужно сделать

Что вы можете сделать, чтобы быть на волне POSH и сделать свои Web-сайты подходящими под это определение?

  1. Публиковать содержимое, соответствующее POSH. Изучите ресурсы POSH и убедитесь в том, что ваш Web-сайт является валидным с точки зрения семантического (X)HTML, и что он использует семантические имена классов.
  2. Распространяйте POSH: убеждайте других, что это очень интересно, заставляйте их задумываться над разметкой собственных сайтов.
  3. Улучшайте POSH: помогите нам собрать ресурсы для упрощения изменения сайтов другим людям.

Список проверок POSH

  • Первое правило POSH — валидация вашего POSH.
  • Во-вторых, уберите те таблицы со своего сайта, которые выполняют репрезентационные функции, GIF-спейсеры и весь репрезентационный HTML.
  • Далее, избавьте вашу разметку от «Bed и от BRreakfast».
  • Уничтожьте якори на вашей странице и другие пустые ссылки
  • Сделайте названия ваших классов более семантичными.
  • ...

POSH-форматы

POSH-форматы — это форматы, которые отличаются правильным и точным использованием атрибута class в документах.

См. POSH-форматы.

Ресурсы

Руководства POSH

Пошаговые руководства о создании POSH-содержимого или обновления существующего содержимого до POSH.

  • Валидация вашего CSS и HTML Простое пошаговое руководство, объясняющее преимущества валидации и принципы её использования
  • ...

Закладки POSH

Презентации POSH

Презентации, которые объясняют и защищают концепции и техники использования семантического HTML. Если данный раздел разрастётся, он переедет на страницу презентаций о POSH.

Книги POSH

Современные книги о Web-дизайне, в которых объясняются принципы семантического HTML.

Журналы POSH

Интернет и оффлайн-журналы, которые часто публикуют статьи о семантичном HTML.

Блоги POSH

Блоги, которые регулярно публикуют информацию о POSH, об искусстве POSH

Статьи в блогах о POSH

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

См. другие блоги и статьи, в которых обсуждается семантический HTML и POSH.

Подкасты POSH

Скрытые богатства POSH

POSH для вашего блога

Если вы хотите обновить ваш существующий блог, есть несколько интересных вещей, которые вы можете сделать:

WordPress

  • Используйте Sandbox или K2, которые уже поддерживают hCard и hAtom
  • Добавьте Виджет hCard на ваш сайт.

Продвигайте POSH

Когда вы сделали ваш сайт правильным, продвигайте идею POSH в массы:

  • Продвигайте POSH. Сделайте кнопку со ссылкой на текущую страницу или используйте существующие кнопки:
  • Tell a friend. Talk to web design friends about POSH and convince and help them to poshify both their personal websites, and the websites they build for others. Blog about your experience with poshification and what steps you went through to poshify your websites. Write a posh-testimonial!
  • Come up with more ideas to help spread POSH. Here are a few.
    • Hold a PoshPit - a one or half day marathon session mixing semantic HTML experts with folks who maintain/run web sites in general and see how many websites you can collectively upgrade to POSH during the course of the day.
    • ...

Улучшайте POSH

Добавляйте найденные вами ресурсы на эту страницу.


История

Небольшая история понятия POSH

Ранние ссылки на понятие "plain old semantic HTML", которые были найдены: