diff --git a/README.md b/README.md
index 6ff36d8..b1120cc 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-#Чеклист верстки
+# Чеклист верстки
Для того чтобы отдавать вёрстку клиенту, достаточно соблюдения первых 5 пунктов.
Для выдачи в продакшен — первых 6.
@@ -17,21 +17,20 @@
10. Наличие Win/Mac/Linux-аналогов шрифтов
11. Доступность при выключенных(загружающихся) картинках
12. HTML5 формы, линковка, валидация
-13. Семантичность. Отсутствие глупостей в html и css, единообразие, аккуратность
+13. Семантичность. Отсутствие глупостей в html и css, единообразие, аккуратность (смотри "Плохо/хорошо")
14. Правильная структура заголовков (H1,H2,… и т.д. и TITLE)
15. Работоспособность при выключенном (незагруженном) JavaScript
16. Работоспособность при выключенном Flash
17. Отсутствие багов при увеличенном шрифте
-
13. Подробнее: "плохо"/"хорошо"
+13. "Плохо"/"Хорошо"
Важно понимать что семантика — может быть не только в используемых элементах, но и в именах классов. И БЭМ-иерархия классов — это новый уровень семантики.
Плохо:
- Самое страшное, к счастью уже редкое —
float: left
для всех блоков. Безумный верстальщик эмулирует привычные ячейки таблиц, расставляя блоки как кирпичи друг за другом. Вон из профеcсии!
Проверяется в extension для браузеров Web Developer → Outline → Outline Floated Elements, если всё в красных блоках, вёрстку нужно выкидывать на помойку.
Так же, такая верстка получается при создании сайтов на Adobe Muse.
-Пимеры
- один - два - три
+Примеры: один - два - три
- Отступы между блоками на сайте должны быть за счёт margin у блоков, а не выпирающих наружу margin у содержимого блоков.
- Плохо — отсутствие тайтлов.
@@ -64,7 +63,7 @@
То .somenamedblock должен получать текстовые стили непосредственно — .somenamedblock {font: …; color: …;}
, т.к. иначе в визиге админки мы не сможем их застайлить.
- одинаковый html-код для блоков на морде и внутряках, с идентичным контентом, но разным визуальным представлением данных. Реализуется через модификаторы блоков и элементов, но не через модификацию от родителя (каскад от body.pagename например!)
-18. Важные мелочи
+Важные мелочи
- Лого на внутряках должно вести на титулку. На титулке logo = h1, на внутряках H1=заголовок контента, а Logo=div
- У каждой страницы должен быть свой уникальный TITLE формата
About Us — %CompanyName%