Вложенность элементов HTML
Все элементы HTML подразделяются на блочные и строчные.
- Блочные элементы
- подразделяются на элементы предназначенные для семантической разметки (например элемент p). Отличительной особенностью некоторых из них являются поля в начале и конце элемента, так же они занимают всю ширину страницы или элемента в который они помещены, если иное не задано средствами CSS. И элементы предназначенные для оформления структуры документа HTML (элемент div), отступы у данных элементов отсутствуют.
- Строчные элементы
- используются для семантической разметки и должны распологаться внутри блочных элементов.
| блочные | строчные |
|---|---|
| h1, h2, h3, h4, h5, h6 | q |
| p | a |
| blockquote | em |
| div | img |
Когда один элемент помещается в другой - это называется вложенностью. Фактически документ html состоит из вложенных в друг друга элементов: элемент html является корневым и в него вкладываются элементы head и body. В элемент head вкладывают элеметы: meta, title, style. В элемете body располагаются все остальные блочные элементы, такие как h1 или p, в которые вкладываются строчне элементы. Содержимым строчных элементов может быть текст, изображения, прочий мультимедийный контент и другие строчные элементы.
| html (корневой элемент) | |||||
| head | body | ||||
| title | meta | style | h1 | p | прочие блочные элементы |
| строчные элементы | |||||
- В элемент blockquote следует помещать текст в блочном элементе p.
- В элемент li можно помещать текст, блочные и строчные элементы.
- Элемент a нельзя вкладывать в элемент a.