Page 15 - jQuery для начинающих

Блочные и строчные элементы

Опять я буду ссылаться на чей-то учебник – на этот раз от Ивана Сагалаева -
http://softwaremaniacs.org/blog/category/primer/, и пусть вас не смущают даты
написания статей – они повествуют об основах и актуальность они не

потеряют ещё очень долго

Возможно, вы ещё не знаете, но HTML теги делятся на блочные (block) и строчные
(inline). Блочными элементами называют те, которые отображаются как прямоугольник,
они занимают всю доступную ширину и их высота определяется содержимым. Блочные
теги по умолчанию начинаются и заканчиваются новой строкой — это <div>, <h1> и
собратья, <p> и другие.
Если хотите, чтобы ваш HTML оставался валидным, следите за тем, чтобы блочные

элементы не располагались внутри строчных элементов. Внутри строчных тегов может быть
либо текст, либо другие строчные элементы.

Одна из самых часто встречаемых ошибок, это оборачивание заголовка в ссылку:
<a href="#"><h1>Название статьи</h1></a>, не допускайте подобные промахи

Хотя если мы ориентируемся на HTML5 – то тег <a> теперь может быть
блочным элементом, и приведённый пример будет валидным. Ага, вот такой я не
последовательный.

По теме:

— «Inline Elements List and What’s New in HTML5»
[http://www.tutorialchip.com/tutorials/inline-elements-list-whats-new-in-html5/]
— «HTML5 Block Level Elements: Complete List»
[http://www.tutorialchip.com/tutorials/html5-block-level-elements-complete-list/]
— «Раскладка в CSS: поток»
[http://softwaremaniacs.org/blog/2005/08/27/css-layout-flow/]

15

www.trk.kg