Тема 12- Новые теги html 5

Для каждой части страницы имеется свой элемент

<Section>- используется для описания текста. Разбиение большой части на мелкие

Элементы уровня блока

Используется для выделения примечаний или цитат <ASIDE>. <DIALOG>- для создания диалога между собеседниками. <FIGURE>- позволяет описать изображение вместе с подписью. Вложенный контейнер <FIGCAPTOIN>- подпись картинки, где он будет расположен, там будет и подпись.

Элементы уровня текста

В HTML 4 существует множество элементов для различного форматирования текста, программного кода, выделения различных элементов текста, при этом не было элементов которые выделяют дату, время, числа, единицы измерения. В HTML 5 этот недостаток исправлен: <MARK>|<M>- выделяет фрагмент текста по какому либо критерию, например как важный фрагмент в статье. <TIME> - выделяет время и дату. <METR>- служит для выделения чисел в определенном формате, например зарплата, результаты голосования и т.д. В теге представлены 6 атрибутов которые облегчают жизнь поисковым машинам. Параметры: value- значения некоторой величины, min- минимально- допустимое значение, low- минимальное значение которое было получено, high- максимальное значение которое было получено, max- максимальное значение, optium- оптимальное значение.

<PROGRESS>- тег для представления какого либо состояния. Value- текущее значение,max- максимальное значение.

Интерактивные элементы

В HTML 5 появилась такая технология которая позволяет изменять страницу без перезагрузки, что полезно для динамических сайтов <MENU><COMMAND> - элементы меню имеют списки команд каждая из которых может запустить некоторое действие.

<DATAGRID>- таблица (как в екселе) данных, она может изменятся пользователем, могут добавлятся \ удалятся строки, дочерними элементами могут быть…….

<DETAILS>Используется для указания информации которая не является обязательной для просотра. Разные браузеры видят её по разному, как ссылка, спойлер, всплывающую подсказку.

Фреймы

Фреймовые структуры очень похожи на таблицы. Те и другие каждое окно имеет свой источник файлов и может рассматриватся как независимое окно браузера. Чаще фреймовые структыры используют для загрузки одного фрейма по команде из другого. Выбор фреймов оправдан: 1) При необходимости грузить документы одного фрейма в другого 2) Для расположения в определенном месте информации которая никогда не меняется. 3) Для расположения информации которую можно просматривать смежно.

Правила описания фреймов:

Фреймы определяются в структуре, называемой фреймсет. В документе может содержатся либо фреймсет либо контейнер. Для фреймсета нет возможности задавать фоновое изображение, цвет фона, текста и т.д. это делается для каждого документа, загруженного в отдельный фрейм. Внутри контейнера фреймсет могут содержатся только открытые теги фрейм, которые описывают каждый фрейм в отдельности. Таким образом фреймы могут быть вложены. Размеры и количество фреймов определяются параметрами rows и cols в описании должен присутсвовать хотя бы один из этих параметров, когда оба, то создается сетка фрейма. Значения ровс и колс могут быть в абсолютных или относительных единицах. Абсолютные это пиксели, например какая запись создает 3 горизонтальных фрейма

<FRAME ="Src” > это url адрес документа который первоначально загружается в фрейм. Параметр name имя которое используется на ссылке во фрейме marginwidz и marginheigh– свободное поле вокруг фрейма. Scrolling- со значениями yes no auto- управление полосами прокрутки. Noresize- нельзя менять размер.