Надеюсь, даже начинающие верстальщики знают, что такое абзац (или параграф) в HTML. Но, возможно, не все знают, что может содержаться внутри абзаца.
Хотя, честно говоря, и знать то тут особо нечего. Потому что внутри абзаца может быть почти всё. Абзац может содержать любой элемент, допустимый в потоке выводимого текста. А именно:
- Слова и знаки препинания
- Модификаторы шрифта (теги, которые делают шрифт жирным, курсивом и т.п.)
- Компоненты логической разметки (<code>, <em> и т.п.)
Если в абзаце встречается элемент, не входящий в перечисленные группы, то это влечёт за собой завершение абзаца, потому что браузер полагает, что начался новый абзац, а закрывающий тег <p> был просто пропущен (мы же помним, что он как бы не является обязательным).
Пример:
На рисунке пример такого разрыва абзаца. Хотя это и не очевидно - можно подумать, что заголовок просто внутри абзаца. Но на самом деле там, где появляется тег заголовка, абзац разрывается, а после заголовка начинается новый.
Мы можем убедиться в этом, если нарисуем рамку вокруг абзаца:
<p style="border: 3px solid red;">
И в браузере это будет чётко видно:
Что касается расположения самого абзаца, то он может находиться там, где выводится текст. То есть это означает, что абзацы можно располагать, например, внутри заголовков, элементов списка или ссылок (хотя вряд ли кто это будет делать, но теоретически это возможно).
На этом всё. Подписывайтесь на канал, чтобы ничего не пропустить.