Программирование с нуля с чего начать? Web разработка Урок 15 Html5 Видео, аудио и семантические

Автор Liza Merichenko
Программирование с нуля   с чего начать? Web разработка  Урок 15 Html5  Видео, аудио и семантические

в этой лекции я вам расскажу ещё о некоторых особенностях языка HTML 5 и сейчас мы находимся на страничке.

Википедия на которой описан этот формат HTML новый формат html5 здесь написано, что это. Пятая версия HTML и CSS разработка html5 — это улучшение уровня поддержки мультимедиа-технологии с одновременным сохранением обратной совместимости удобочитаемости кода для человека и простаты анализы для партнеров здесь ещё достаточно большое количество информации которое можно прочитать здесь написано некоторые элементы которые мы рассмотрим в этой — это элементы Video Audio Element canvas мы рассматривать не будем. Потому, что для демонстрации как его использовать нужно знание языка Java Script он будет рассматриваться позже и также мы рассмотрим сейчас такие элементы как section article header на которая разработана для того чтобы обогащать семантическое содержимое документа, что ж.

Давайте приступим.

И начнём мы с рассмотрением элемент аудио и видео. Давайте сначала рассмотрим как размещать видео — это делается следующим образом добавляется Tag видео доля в открывающим теги мы указываем ширину к примеру пусть будет 500 и высоту к примеру пусть будет 300 и внутри элемента видео мы размещаем Element Source источник в в attribute src указываем название файла я скачал файл MP4. Дима в котором показан отрывок из моего курса по Android разработке и также скачал из интернета аудиозаписи для демонстрации использования аудио. Так мы указываем название файла дима. MP4 If Type указываем видео Flash MP4 и теперь сохранить открыть этот документ файл HTML формата в браузере он у меня называется html5 features и вы видите появляется окошко с видео, но мы никак пока не можем с ним взаимодействовать на для того чтобы контролировать воспроизведение видео нам надо добавить такое атрибут как controls он просто прописывается таким образом и теперь если на 1win страницу вы видите появляется элементы управления с которыми мы можем взаимо стоит можешь запускать останавливать управлять звуком перемещать полозок воспроизведения и. Аналогично мы можем добавить аудио для этого надо записать HTML Element аудио и в нём не нужно указывать размеры ширину и высоту только укажем controls они точно также указать источник название файла заметил, что файлы размещены. Там же где размещены html-документ называется стап MP3 етайп аудио Flash MP3 обновляем страницу и мы можем запускать аудио и управлять им также как и видел и далее мы рассмотрим некоторые элементы о которых я уже говорил том числе артикул. Кедр на которые разработаны как тут написано чтобы обогащать семантическое содержимое документа и делают html-код более понимаем для тех кто его читает. Давай я тебе объясню вам, что — это значит например вычет мл5 появился такой элемент как опекал. Что по-русски означает статья и по своей сути. Это тот же элемент div то есть какой-то раздел html-документа в котором может содержаться какая-то статья например пост в блоге и напишем здесь любой текст то он будет отображаться как в обычном блоки div. Но для программиста или на любого человека который читает — это более удобно чтобы понимать, что тут статья также появились элементы кедр Footer section секция fnaf для панели навигации которые по своей сути точно такие же, но они используются для обозначения соответствующих элементов на веб-странице фидер для верхней части футляр для нижней части в секции для каких-то отделов внутри страницы также в 14:05 мы можем создавать свои HTML элементы для этого нужно использовать скрипт немного джаваскрипта которым нужно написать следующий текст документ. Create Element и в скобках в кавычках указать название своего элемента. Например я назову My контейнер мой контейнер да видали мы можем использовать в нашем html-документе этот HTML Element мой контейнер и в котором мы можем тоже что-то записать.

0 комментариев
0

Читайте также