В прошлых уроках мы рассмотрели широко используемые и даже некоторые малоизвестные блочные элементы. Пришло время переходить к строчным. Сегодня начинаем серию уроков о строчных элементах HTML5!
Строчные элементы не предназначены для расположения внутри них других элементов. В них веб-дизайнеры помещают контент страницы. Чаще всего — текстовый контент, ссылки, пояснения, картинки. Для более серьезных и многовесных единиц контента существуют блочные элементы, которые мы рассмотрели в предыдущих уроках. Строчных элементов в блочных может быть сколько угодно много. Они чаще подвергаются более детальной стилизации, нежели блоки, но об этом позже.
В таблицах стилей строчный элемент обозначают следующим образом: "display: inline;". Это также может означать, что элементы могут располагаться друг за другом на одной строке, а не друг под другом.
Наиболее известный строчный элемент — <span>. Обычно он располагается внутри родительского блока <div> и содержит текстовую, либо графическую информацию (предусмотренную возможностями языка). Сам по себе никак текст не модифицирует.