I Shar

I Shar

мир глазами веб-разработчика

HTML: чистый код

пишем чистый и красивый html-код

I Shar

время чтения 2 мин.

Photo by Aaron Burden on Unsplash

Когда мы пишем 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

Некоторые теги являются оболочкой для других тегов. Так на различных уровнях вложенности содержит , ,