Skip to content

Instantly share code, notes, and snippets.

@neretin-trike
Last active September 23, 2023 04:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 3 You must be signed in to fork a gist
  • Save neretin-trike/bd4f88e7a138b2d4235689b7c1e19c7e to your computer and use it in GitHub Desktop.
Save neretin-trike/bd4f88e7a138b2d4235689b7c1e19c7e to your computer and use it in GitHub Desktop.
Информация об HTML

Виды HTML элементов

Описание существующих контейнеров и списки соотвествующих тегов.

Блочные элементы и блочные контейнеры

Блочные элементы — элементы высшего уровня, которые форматируются визуально как блоки, располагаясь на странице в окне браузера вертикально. Значения свойства 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>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment