HTML: чистый код
пишем чистый и красивый html-код
Когда мы пишем html-код, нет необходимости строго придерживаться определенного формата и всегда соблюдать последовательность открытия и закрытия тегов, потому что в абсолютном большинстве случаев код будет работать. Тем не менее, Ваш код должен быть понятным, красивым и хорошо читаемым.
Вот пример “грязного” кода:
HELLO WORLD! It is a Computer Program!
Hello World!
А это чистый и понятный код:
HELLO WORLD!
Hello World!
It is a Computer Program!
Все элементы делятся на две большие группы: блочные и инлайновые (строчные). Блочные элементы занимают значительную часть документа. Даже, если мы помещаем их в строку друг за другом при написании кода, после рендеринга каждый из них займет всю ширину экрана:
Coding is awesome!
Everyone should learn to code.
Результат:
Coding is awesome!
Everyone should learn to code.
Для инлайновых элементов текст будет располагаться в строку - один за другим:
iC0dE Magazine
Результат:
iC0dE Magazine
Некоторые теги являются оболочкой для других тегов. Так на различных уровнях вложенности содержит
,
,
,
и так далее, в то время, как другие теги, например
, могут содержать и текст и вложенные инлайновые элементы. Таким образом, для того чтобы корректно показать связи между элементами в документе, мы должны делать соответствующие отступы и переносы строк.
Есть разработчики, которые отказываются делать отступы для тегов и
, так как совершенно очевидно, что эти элементы находятся внутри родительского -
.
и
являются элементами одного уровня, а для тега
- они, соответственно, дочерние элементы.
Для того, чтобы отделить в коде дочерние и родительские элементы используются оступы длиной в 2 или 4 пробела, обычно, в большинстве редакторов, это происходит автоматически, и Вам не приходится беспокоиться по этому поводу.
Перенос на другую строку мы делаем только для блочных элементов. Так же, не имеет смысла переносить на другую строку содержимое и закрывающие теги для очень коротких элементов, например, для или
:
- Programming Languages
- Python
- C++
- Java
Помните, что написание чистого и понятного кода демонстрирует Вашу заботу о тех, кто будет этот код читать, и является одним из выражений любви к выполняемой работе.
Спасибо за внимание.