SlideShare a Scribd company logo
1 of 28
Основы современной
верстки
HTML
- Валидность
- Семантичность
Валидность <!DOCTYPE html>
Проверка валидности
- Синтаксис
- Закрывающие тэги
- Наличие обязательных атрибутов
- Вложенность тэгов
- Названия тэгов и атрибутов
Семантичность
Шаблонизаторы
- Haml
- Pug (ex Jade)
- Mustache
- ...
Pug
CSS
- Наследование
- Каскад
- Специфичность
Наследование
Каскад
Специфичность
(вес)
cssspecificity.com
Тест
Еще тест
Проблемы
- Вложенность
- Пересечение стилей
- Специфичность
Вложенность
Пересечение стилей и специфичность
Пересечение стилей и специфичность
Модульность
- Изолированность
- Переиспользование (DRY)
- Легкая модификация
Методологии
- OOCSS
- CMACSS
- AMCSS
- БЭМ
- ….
БЭМ
БЭМ структура и нейминг
Частые ошибки
Пре- и постпроцессоры
Препроцессоры
- Less
- Sass
- Stylus
- ...
Бэм и Less
Постпроцессоры
- PostCss
- Autoprefixer
- Pleeease
- ...
Basics of modern markup

More Related Content

Similar to Basics of modern markup

Работа со статикой в Django
Работа со статикой в DjangoРабота со статикой в Django
Работа со статикой в Django
MoscowDjango
 
Основы CSS
Основы CSSОсновы CSS
Основы CSS
sneemb
 

Similar to Basics of modern markup (13)

Методологии верстки
Методологии версткиМетодологии верстки
Методологии верстки
 
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practicesСпецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
Спецкурс 2014, занятие 9 (2 часть). Code conventions and best practices
 
A вы верите в систематизацию
A вы верите в систематизацию A вы верите в систематизацию
A вы верите в систематизацию
 
CSS глазами машин
CSS глазами машинCSS глазами машин
CSS глазами машин
 
Dembitsky/Potapenko
Dembitsky/PotapenkoDembitsky/Potapenko
Dembitsky/Potapenko
 
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
Стажировка 2016-07-06 03 Евгений Тарасенко. Основы HTML и CSS (часть 1).
 
Работа со статикой в Django
Работа со статикой в DjangoРабота со статикой в Django
Работа со статикой в Django
 
Основы CSS
Основы CSSОсновы CSS
Основы CSS
 
Html5 css3 занятие 2
Html5 css3 занятие 2Html5 css3 занятие 2
Html5 css3 занятие 2
 
Подходы к вертске
Подходы к вертскеПодходы к вертске
Подходы к вертске
 
CSS. Практика
CSS. ПрактикаCSS. Практика
CSS. Практика
 
Html5 css3 занятие 3
Html5 css3 занятие 3Html5 css3 занятие 3
Html5 css3 занятие 3
 
Html5 css3 занятие 4
Html5 css3 занятие 4Html5 css3 занятие 4
Html5 css3 занятие 4
 

Basics of modern markup

Editor's Notes

  1. Соответствие стандарту