Описание существующих контейнеров и списки соотвествующих тегов.
Блочные элементы — элементы высшего уровня, которые форматируются визуально как блоки, располагаясь на странице в окне браузера вертикально. Значения свойства display
, такие как block
, list-item
и table
делают элементы блочными. Блочные элементы генерируют основной блок, который содержит только блок элемента. Элементы со значением display: list-item
генерируют дополнительные блоки для маркеров, которые позиционируются относительно основного блока.
Список тегов:
<address>, <article>, <aside>, <blockquote>, <dd>, <div>, <dl>, <dt>, <details>, <fieldset>, <figcaption>, <figure>, <footer>, <form>, <h1>-<h6>, <header>, <hr>, <iframe>, <li>, <legend>, <nav>, <noscript>, <ol>, <output>, <optgroup>, <option>, <p>, <pre>, <section>, <summary>, <table>, <ul>
Встроенные (строчные) элементы генерируют внутристрочные контейнеры. Они не формируют новые блоки контента. Значения свойства display
, такие как inline
и inline-table
делают элементы строчными.
Список тегов: <a>, <area>, <b>, <bdo>, <bdi>, <cite>, <code>, <dfn>, <del>, <em>, <i>, <img>, <ins>, <kbd>, <label>, <map>, <mark>, <s>, <samp>, <small>, <span>, <strong>, <sub>, <sup>, <time>, <q>, <ruby>, <u>, <var>
Существует еще одна группа элементов, которые браузер обрабатывает как строчно-блочные display: inline-block
. Такие элементы являются встроенным, но для них можно задавать поля, отступы, ширину и высоту.
Список тегов: <audio>, <button>, <canvas>, <embed>, <input>, <keygen>, <meter>, <object>, <progress>, <select>, <textarea>, <video>