HTML-теги div и span являются наиболее популярными элементами, из которых буквально соткано большинство существующих интернет-сайтов. Оба этих элемента являются простыми и удобными контейнерами для хранения любой произвольной информации - текстов, картинок или других, вложенных HTML-элементов. При этом, оба эти элемента хотя и выполняют одинаковые концептуальные функции (представление информации), тем не менее имеют между собой значительные различия. С точки зрения веб программирования, важно понимать различия между ними и особенности отображения внутри браузера...

Здесь поговорим про правило display, о том как располагаются строчные HTML элементы относительно друг друга . Объясним причины появления пресловутых пробелов и методы борьбы с ними. Немного затронем правила внешних и внутренних отступов. Правило display может принимать несколько значений и каждое значение значительно влияет на свойства отображения элемента к которому оно применено. Разберем тут строковое отображение. SPAN Для многих HTML элементов по умолчанию правило display определено как inline...

Раньше, до обновления HTML 5, разработчикам приходилось совмещать табличную верстку с «дивным кодом». Нужен раздел контента на вашей домашней странице? Завернуть в div! Создание боковой панели? Используйте div! Компоновка в три колонки? Див, див, див! Нет ничего функционально неправильного в написании HTML таким образом. Браузеры по-прежнему смогут отображать вашу разметку и отображать ваш контент для пользователей. Основная проблема с интенсивным использованием <div> тегов заключается в том, что им не хватает семантического значения...