189 читали · 1 год назад
Тонкости web программирования. В чём важная разница между HTML-тегами div и span?
HTML-теги div и span являются наиболее популярными элементами, из которых буквально соткано большинство существующих интернет-сайтов. Оба этих элемента являются простыми и удобными контейнерами для хранения любой произвольной информации - текстов, картинок или других, вложенных HTML-элементов. При этом, оба эти элемента хотя и выполняют одинаковые концептуальные функции (представление информации), тем не менее имеют между собой значительные различия. С точки зрения веб программирования, важно понимать различия между ними и особенности отображения внутри браузера...
4495 читали · 1 год назад
Что такое и зачем нужен <div> В вёрстке есть очень удобный HTML-тег — <div>. С его помощью обозначают блок, который не оформлен сам по себе, но может задавать оформление и структурировать веб-страницу. Изначальная задача этого тега — собрать в кучу другие теги, чтобы получилось что-то единое, с чем можно работать как с одним объектом. Тег <div> появился в стандарте HTML3 в 1995 году, и на тот момент это было мощным решением: верстальщики получили возможность применять стили сразу к группе тегов. Ещё этим тегом решилась другая проблема — табличная вёрстка. Раньше всё верстали на таблицах, потому что по-другому реализовать нарисованный дизайн просто не получалось. Всё рассовывалось по ячейкам таблиц, и таблицы вкладывались друг в друга. Поддерживать такое было сложно. С появлением <div> все перешли на блочную вёрстку, которая работает так: 1. Верстальщик создаёт блок на странице и наполняет его содержимым. 2. В стилях он указывает, как этому блоку выглядеть и вести себя по отношению к другим — например, отталкивать, отступать, заставлять перенестись на новую строку и т. д. 3. Блоки можно вкладывать друг в друга сколько угодно раз, причём для каждого блока-контейнера можно задавать свои стили и поведение. В итоге получилось то же самое, что с табличной вёрсткой, но уже на блоках. Главный плюс в том, что блоки гораздо более автономны, чем ячейки таблицы, поэтому такой подход сейчас считается основным для вёрстки. В чем проблема div и почему некоторые разработчики ругают такую вёрстку, рассказываем в статье: v.thecode.media/...mmu
HTML. Тег div
Элемент div — это контейнерный элемент в HTML, который используется для создания различных блоков содержимого на веб-страницах. Он является одним из наиболее часто используемых элементов в веб-разработке. Описание элемента div Элемент div имеет простой синтаксис и может использоваться для создания различных блоков содержимого на веб-страницах. Он является контейнером, который может содержать другие элементы HTML, такие как текст, изображения, ссылки и т.д. Свойства элемента div Элемент div имеет несколько свойств, которые могут быть использованы для изменения его внешнего вида и поведения...
639 читали · 5 лет назад
Теги для контента в HTML5 — div или section или article или aside?
Данный материал является вольным переводом статьи: ire Aderinokun sectioning content in html5 - div or section or article? + Добавлен материал от автора. Html5 принес нам семантику в код. Идея в том, что документ должен быть структурирован и теги должны передавать смысл...