Блочные и строчные элементы

В HTML4 практически все элементы относятся к двум типам, различающихся своим поведением и свойствами — это блочные и строчные элементы. Блочные элементы (такие как <p>, <ol>, <div>) начинаются с новой строки и занимают всё доступное им пространство по ширине, независимо от содержимого, строчные (такие как <a>, <var>, <span>) являются частью строки и размеры элементов определяются их содержимым.

HTML5 отказался от разделения элементов на блочные и строчные, поскольку во многих случаях это порождает лишь путаницу и неверное использование элементов, к примеру, часто возникают ошибки с вложением одних элементов в другие.

Тем не менее, само деление никуда не делось, но осуществляется через CSS и теперь, когда мы говорим что элемент является блочным, это подразумевает его стилевое оформление. Само превращение элемента через стили в блочный или строчный активно применяется в вёрстке веб-страниц:

  • для компоновки элементов;
  • для изменения поведения и характеристик элементов;
  • для управления видом элементов.

Таким образом, знание типов элементов позволяет сократить число ошибок в коде, быстро и корректно верстать блоки веб-страниц.

Влад Мержевич

Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.