В HTML4 практически все элементы относятся к двум типам, различающихся своим поведением и свойствами — это блочные и строчные элементы. Блочные элементы (такие как <p>, <ol>, <div>) начинаются с новой строки и занимают всё доступное им пространство по ширине, независимо от содержимого, строчные (такие как <a>, <var>, <span>) являются частью строки и размеры элементов определяются их содержимым.
HTML5 отказался от разделения элементов на блочные и строчные, поскольку во многих случаях это порождает лишь путаницу и неверное использование элементов, к примеру, часто возникают ошибки с вложением одних элементов в другие.
Тем не менее, само деление никуда не делось, но осуществляется через CSS и теперь, когда мы говорим что элемент является блочным, это подразумевает его стилевое оформление. Само превращение элемента через стили в блочный или строчный активно применяется в вёрстке веб-страниц:
- для компоновки элементов;
- для изменения поведения и характеристик элементов;
- для управления видом элементов.
Таким образом, знание типов элементов позволяет сократить число ошибок в коде, быстро и корректно верстать блоки веб-страниц.
Влад Мержевич
Веб-разработчик, автор нескольких книг, посвящённых созданию сайтов, HTML и CSS. Кандидат технических наук.