Завершаем знакомство с блочными элементами HTML5! Сегодня расскажу о менее распространенных, но не менее интересных элементах.
Тэги <optgroup> и <option>, которые заключены в форму выборки являются блочными элементами. Юмор в том, что их родительский элемент <select> — строчно блочный. Но, поскольку мы изначально не видим содержимое выборки, <select> вполне можно принять за обычную строку. <optgroup> может объединять с помощью атрибута "name" несколько тэгов <option> для того, чтобы вы не запутались в выборке.
Табличные элементы <table>, <thead>, <tfoot>, <tbody> и <tr> — самостоятельные блоки, включающие другие блоки и любое содержимое. Правда, таблицами в последнее время мало кто пользуется.
Элемент <noscript> который помещается в то место, где автоматические скрипты могут не сработать из-за несовместимости с версиями браузера, может включать в себя любые другие блоки, но чаще всего в него помещают строку кода с сообщением об ошибке.
Последний элемент на сегодня — <pre>. Он необходим для того, чтобы текст на страничке отображался точно так, как вы ввели его в редакторе кода, а не как всегда. "Как всегда" означает, что все лишние введенные вами пробелы автоматически удаляются, а <pre> с пробельными символами весьма дружелюбен :)
