{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Семантические элементы в HTML5 доступно описывают свой смысл и назначение как для браузеров так и для разработчиков.","type":"unstyled","key":"7g43t"},{"data":{"image":{"id":"628008ba1de8ae40f0745c18"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"f20qp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Ранее, до HTML5, вся разметка страницы строилась на элементе

с присвоенными ему классами и идентификаторами. Классы и идентификаторы присваивались для настройки отображения элемента на веб-странице.","type":"unstyled","key":"20rtu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В HTML5 появились совершенно новые семантические элементы. Они позволяют более понятно структурировать контент, выполнить его группировку. А так же позволяют размечать текстовое содержимое страницы. Все новые элементы позволяют улучшить структуру страницы, добавив смысловое значение их содержимому. Но не смотря на нововведение к новым элементам в HTML5 не применяются никакие правила отображения. Поэтому их отображение можно настроить по своему усмотрению. Для всех элементов доступны глобальные атрибуты.","type":"unstyled","key":"b7ohv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Согласно новой спецификации HTML5 каждый элемент принадлежит к определенной категории. Каждая из категорий группирует элементы со схожими характеристиками.","type":"unstyled","key":"85qtq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Общие категории элементов:","type":"unstyled","key":"7qce4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Текстовое содержимое;\nПотоковое содержимое;","type":"unordered-list-item","key":"fspq0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Интерактивное содержимое;\nСекционное содержимое;","type":"unordered-list-item","key":"9507m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Мета содержимое;","type":"unordered-list-item","key":"f0cfh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Встроенное содержимое;","type":"unordered-list-item","key":"areql"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Заголовочное содержимое.","type":"unordered-list-item","key":"4b510"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Элемент

","type":"header-three","key":"eklf6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Категории контента: потоковое содержимое.","type":"unstyled","key":"1bar"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Данный элемент группирует внутри себя вводные и навигационные элементы. Он не является обязательным в структуре веб страницы. Он может содержать заголовки, форму поиска, содержание раздела и тп. В одном документе HTML может содержаться несколько таких элементов и располагаться в любом месте страницы. Однако его нельзя помещать внутрь элементов

...

...

...

...

Заметки о природе

...

...

Исторические заметки

...

...