- Город
- Мурманск
- На сайте с
- 2019 года
Оформите код согласно принципам хорошей верстки:
1. Соответствие макету. Блоки должны располагаться так же, как и на макете, с допуском расхождения до пяти пикселей. Исправьте ошибки неверных размеров и расположения блоков. Для проверки можно использовать плагины Pixel Perfect или Page ruler.
2. Используйте кодировку UTF-8 для совместимости и правильный DOCTYPE. Новый DOCTYPE позволяет использовать теги article, header и другие.
3. Валидность. Проверяйте на синтаксические ошибки и используйте статические анализаторы, такие как W3 Validator.
4. Независимость блоков в CSS. Применяйте методологию БЭМ для минимизации каскада и избегания вложенности. Блок должен быть независимой единицей, элемент — составной частью блока, а модификатор — сущностью, изменяющей внешний вид блока или элемента. Для статической проверки БЭМ-кода можно воспользоваться генератором.
5. Семантика кода. Корректная разметка важна для понимания страницы браузером. Каждому тегу свое место.
6. Форматирование кода. Хорошо отформатированный код позволяет легко определить логические блоки и структуру программы и упрощает отладку.
После этого разместите проект в сети на бесплатном хостинге.
Верстал страницы сайта используя HTML5 и CSS3
Результат добавляю сюда, в портфолио.
