Правила грамотной верстки или как правильно использовать HTML и CSS?

Question

[Григорий Каляшов]

Такая проблема: знание HTML и CSS вовсе не означает правильное их применение на практике, ведь одно и то же можно сделать разными способами, используя разные дескрипторы и свойства.

Как правильно использовать возможности HTML и CSS? Кто-нибудь может поделиться? Нужны такие "правила хорошего тона", правила грамотной верстки.

Answer 1

[aen]

Например, вот instanceof.pro/code-guide

Comments

[Alexander Mischuk]

Плюсую, но всё куда проще.
Все эти правила хорошего тона это отлично, но когда спустя пару месяцев возвращаешься к своему коду и с легкостью делаешь то, что надо, то это определенно должно подталкивать на мысль о том, что ты на правильном пути.
Только через опыт, привычки и вырабатывание рефлексов начинаешь по-правильному использовать вещи.

Answer 2

[Дима Паутов]

Вот те на, ну и вопрос!
Как вас понимать - знание HTML и CSS вовсе не означает правильное их применение на практике, а что еще то это должно означать? Я вот знаю HTML и CSS от и до, и это означает что я его не правильно применяю?

Если верить легенде, то html - это язык гипертекстовой разметки, а css язык визуального оформления этой разметки(ну если короче говоря). Эти языки применяться могут где угодно, в чем угодно, когда угодно.

Ну например Windows 8 приложения, мобильные приложения, html5 игры, web- приложения.Эти примеры так же можно реализовать на других языках, но это не означает что вы используете HTML и CSS не правильно.

Как правильно использовать возможности HTML и CSS? Просто берете и пишете на html нужную вам разметку, а через css эту разметку оформляете.

Comments

[Григорий Каляшов]

Вполне нормальный вопрос, вы не совсем поняли просто. Для каждого языка существуют подобные правила, в данном случае - правила грамотной верстки. Например использование селекторов с id или использование !important считается дурным тоном.

[Дима Паутов]

Ну !important ведь не просто так придумали иногда оно действительно нужно. Тогда ваш вопрос должен был звучать иначе. Не существует единых правил для программирования в каком либо языке. Правило одно, вы должны выполнить поставленную задачу. А вот хороший тон - это как этикет в мире людей.
В html хорошим тоном служит наверно несколько правил - это меньше кода при возможности, код лучше читается. Классы и id должны именоваться осмысленно, опять же для читаемости кода. Иногда даже, редко, приходится нарушить правила семантики для осуществления задуманного.

В css тоже писать меньше кода, т.е. нужно стараться меньше дублировать свойства(лучше создавать с ними отдельные классы). Например на 8 блоках у вас в макете одна и та же тень.