18_HTML5__

Семантические элементы HTML5 доступно описывают свой смысл или назначение как для браузеров, так и для веб-разработчиков.
До появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов
, которым присваивали классы class или идентификаторы id для наглядности разметки (например,
).

Группирует вводные и навигационные элементы, не является обязательным. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип. В HTML-документе может содержаться одновременно несколько элементов
и они могут располагаться в любой части страницы.

Главный раздел страницы, содержащий основную информацию.
Элемент
включает в себя содержимое, которое является уникальным для данного документа, и не должен включать повторяющиеся разделы сайта, такие как навигация, название сайта, логотип, поисковая форма, баннеры и др.

Предназначен для создания блока навигации веб-страницы или всего веб-сайта, при этом не обязательно должен находиться внутри
. На странице может быть несколько элементов
. Не заменяет теги
или <оl>, он просто их обрамляет. Не все группы ссылок на странице должны быть обёрнуты
, этот элемент предназначен в первую очередь для разделов, которые состоят из главных навигационных блоков.

Представляет собой нижний колонтитул содержащей его секции или корневого элемента. Обычно содержит информацию об авторе статьи, данные о копирайте и т.д. Если используется как колонтитул всей страницы, содержимое дополняется сведениями об авторских правах, ссылками на условия использования, контактную информацию, ссылками на связанное содержимое и т.п.

Используется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка.

Элемент представляет собой универсальный раздел документа. Группирует тематическое содержимое и обычно содержит заголовок.

Группирует содержимое, связанное с окружающим его контентом напрямую, но которое можно счесть отдельным (т.е., удаление этого блока не повлияет на понимание основного содержимого). Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов:
, цифровые данные, цитаты, рекламные блоки, архивные записи.

src="video.ogg" type="video/ogg" />

Атрибуты и значения
autoplay="autoplay" – видео воспроизводится сразу после загрузки страницы.
autobuffer="autobuffer" – видео воспроизводится уже в момент загрузки страницы.
controls="controls" – панель управления видеоплеером.
loop="loop" – по окончанию, видео проигрывается снова.
src="url" – источник видео.
type="video/ogg" – определяет формат видео.
height="" – высота видеоплеера.
width="" – ширина видеоплеера.

Ваш браузер не поддерживает теги! Обновите версию браузера!

Атрибуты и значения
Флажок autoplay="autoplay" – определяет воспроизведение музыкального файла сразу же после загрузки страницы.
Флажок autobuffer="autobuffer" – используется в паре с autoplay="autoplay" – определяет воспроизведение музыкального файла уже в момент загрузки страницы.
Флажок controls="controls" – показывает панель управления плеером.
src="url" – источник звукового файла.

Контейнер, внутрь которого загружается другой html документ.
Атрибуты:
src - ссылка на другой документ
name - имя iframe, может использоваться как значение атрибута target у ссылок
frameborder - толщина рамки iframe

SEO

Идеального случая, когда одному запросу должна соответствует строго одна страница сайта, достичь не легко. Чаще всего на практике употребляют одну ключевую фразу и пару уточняющих фраз по теме (обычно эти фразы являются подзаголовками основной статьи).

При составлении мета тега
, необходимо учесть два важных фактора:<br><title> должен быть</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="При составлении мета тега , необходимо учесть два важных фактора: должен быть" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-16.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-16.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-16.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-16.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-16.jpg" class="slides-image"><!----><div class="slides-content">понятен и заманчив для посетителей (ведь этот тег высвечивается в первую очередь в выдаче поисковых машин);<br><title> должен содержать ключевые фразы. Причем, самый большой вес имеют первые слова (начало title). Поэтому самый конкурентный запрос следует писать самым первым, а далее (если нужно) писать дополнительные уточнения;<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide18" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-17.jpg" target="_blank" rel="noopener">Слайд 18</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-17.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-17.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-17.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-17.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-17.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide19" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-18.jpg" target="_blank" rel="noopener">Слайд 19</a><h3 class="slides-content text-center font-bold"><div><p>В контенте каждой страницы должны быть заголовки <h1..<h6>. Тег <h1> должен присутствовать</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="В контенте каждой страницы должны быть заголовки . Тег должен присутствовать только" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-18.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-18.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-18.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-18.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-18.jpg" class="slides-image"><!----><div class="slides-content">только один раз на странице и находиться в верхней части. Также было бы неплохо, если бы он содержал ключевую фразу. Все подзаголовки в статье должны быть оформлены тегами <h2>, <h3> и т.д.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide20" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-19.jpg" target="_blank" rel="noopener">Слайд 20</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-19.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-19.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-19.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-19.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-19.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide21" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-20.jpg" target="_blank" rel="noopener">Слайд 21</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-20.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-20.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-20.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-20.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-20.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide22" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-21.jpg" target="_blank" rel="noopener">Слайд 22</a><h3 class="slides-content text-center font-bold"><div><p>Большое количество картинок с большим разрешением (зачастую они весят довольно много, поэтому</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Большое количество картинок с большим разрешением (зачастую они весят довольно много, поэтому" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-21.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-21.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-21.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-21.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-21.jpg" class="slides-image"><!----><div class="slides-content">все картинки из дизайна нужно делать как можно "легче")<br>Множество лишних скриптов на сайте (их код может быть очень большим, рекомендуется все лишнее удалять). Желательно их размещать в отдельных файлах .js, чтобы браузер мог их кэшировать.<br>Плохой хостинг .<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide23" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-22.jpg" target="_blank" rel="noopener">Слайд 23</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-22.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-22.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-22.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-22.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-22.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide24" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-23.jpg" target="_blank" rel="noopener">Слайд 24</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-23.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-23.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-23.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-23.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-23.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide25" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/1174932/slide-24.jpg" target="_blank" rel="noopener">Слайд 25</a><!----></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1174932/slide-24.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1174932/slide-24.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1174932/slide-24.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-24.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1174932/slide-24.jpg" class="slides-image"><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: 18_HTML5__.pptx <br> Количество просмотров: 88 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-na-razlichnye-temy/reka-ob-5" class="navigation-link">Река Обь</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-na-razlichnye-temy/rubezhnyy-kontrol-n2-modul-ii-vozrozhdenie" class="navigation-link">Рубежный контроль №2. Модуль II. Возрождение и барокко. Италия. XIII-XVII века</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/prezentacii-po-informatike/prototipy-nasledovanie" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/875952/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/875952/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/875952/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875952/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/875952/slide-0.jpg" class="slides-image related-itemImage"> Прототипы. Наследование</a></div><div class="related-item"><a href="/prezentacii-po-informatike/muzykalnye-kompyuternye-tehnologii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/976737/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/976737/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/976737/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976737/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976737/slide-0.jpg" class="slides-image related-itemImage"> Музыкальные компьютерные технологии</a></div><div class="related-item"><a href="/prezentacii-po-informatike/igra-prestolov-game-of-thrones" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1026924/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1026924/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1026924/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1026924/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1026924/slide-0.jpg" class="slides-image related-itemImage"> Игра престолов (Game of Thrones)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/servisy-m-gmail" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/971544/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/971544/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/971544/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971544/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/971544/slide-0.jpg" class="slides-image related-itemImage"> Сервисы M Gmail</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sotsialnye-seti-you-tube" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/918301/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/918301/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/918301/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/918301/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/918301/slide-0.jpg" class="slides-image related-itemImage"> Социальные сети. You Tube</a></div><div class="related-item"><a href="/prezentacii-po-informatike/kak-sohranit-sozdannyy-risunok-kak-otkryt" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1033762/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1033762/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1033762/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1033762/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1033762/slide-0.jpg" class="slides-image related-itemImage"> Как сохранить созданный рисунок. Как открыть сохранённый на диске рисунок</a></div><div class="related-item"><a href="/prezentacii-po-informatike/urok-8perevod-iz-10-v-8" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1176967/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1176967/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1176967/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1176967/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1176967/slide-0.jpg" class="slides-image related-itemImage"> Урок 8_Перевод из 10 в 8 и 16</a></div><div class="related-item"><a href="/prezentacii-po-informatike/telekommunikatsionnye-harakteristiki-besprovodnyh-setey" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1069443/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1069443/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1069443/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1069443/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1069443/slide-0.jpg" class="slides-image related-itemImage"> Телекоммуникационные характеристики беспроводных сетей</a></div><div class="related-item"><a href="/prezentacii-po-informatike/srednevekovaya-kriptografiya" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1169793/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1169793/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1169793/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169793/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1169793/slide-0.jpg" class="slides-image related-itemImage"> Средневековая криптография</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-sistema-tipov-dannyx-v-yazyke-paskal" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282423/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282423/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282423/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282423/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282423/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Система типов данных в языке Паскаль </a></div><div class="related-item"><a href="/prezentacii-po-informatike/znakomstvo-s-es6-urok-18" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1015563/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1015563/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1015563/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1015563/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1015563/slide-0.jpg" class="slides-image related-itemImage"> Знакомство с ES6. Урок 18</a></div><div class="related-item"><a href="/prezentacii-po-informatike/bazovye-komandy-sql-ogranichenie-i-sortirovka" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/983433/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/983433/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/983433/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/983433/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/983433/slide-0.jpg" class="slides-image related-itemImage"> Базовые команды SQL. Ограничение и сортировка выходных данных</a></div><div class="related-item"><a href="/prezentacii-po-informatike/problemy-peredachi-informatsii-tipy-signalov" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/877434/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/877434/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/877434/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/877434/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/877434/slide-0.jpg" class="slides-image related-itemImage"> Проблемы передачи информации. Типы сигналов</a></div><div class="related-item"><a href="/prezentacii-po-informatike/raschety-gidrostatiki-sudna-v-solid-works" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/883757/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/883757/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/883757/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/883757/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/883757/slide-0.jpg" class="slides-image related-itemImage"> Расчеты гидростатики судна в Solid Works и FreeShip. Лекция №6</a></div><div class="related-item"><a href="/prezentacii-po-informatike/logicheskie-osnovy-kompyutera-39" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1111343/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1111343/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1111343/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1111343/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1111343/slide-0.jpg" class="slides-image related-itemImage"> Логические основы компьютера</a></div><div class="related-item"><a href="/prezentacii-po-informatike/protokol-peredachi-dannyh-i2c" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1152649/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1152649/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1152649/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1152649/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1152649/slide-0.jpg" class="slides-image related-itemImage"> Протокол передачи данных I2C</a></div><div class="related-item"><a href="/prezentacii-po-informatike/s-tlnde-badarlamalau" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/887212/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/887212/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/887212/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/887212/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/887212/slide-0.jpg" class="slides-image related-itemImage"> С++ тілінде бағдарламалау</a></div><div class="related-item"><a href="/prezentacii-po-informatike/programmirovanie-na-platforme-1spredpriyatie-83-podhod" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1089934/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1089934/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1089934/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089934/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1089934/slide-0.jpg" class="slides-image related-itemImage"> Программирование на платформе 1С:Предприятие 8.3. Подход к проектированию баз данных 1С</a></div><div class="related-item"><a href="/prezentacii-po-informatike/algoritmy-obrabotki-massivov-programmirovanie-na-python" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1080315/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1080315/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1080315/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1080315/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1080315/slide-0.jpg" class="slides-image related-itemImage"> Алгоритмы обработки массивов. Программирование на Python</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sozdanie-risunkov-iz-krivyh" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1091367/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1091367/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1091367/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091367/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1091367/slide-0.jpg" class="slides-image related-itemImage"> Создание рисунков из кривых</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnye-nositeli-informatsii-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1149464/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1149464/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1149464/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1149464/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1149464/slide-0.jpg" class="slides-image related-itemImage"> Электронные носители информации</a></div><div class="related-item"><a href="/prezentacii-po-informatike/elektronnye-tablitsy-obrabotka-chislovoy-informatsii-v-16" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/976406/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/976406/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/976406/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976406/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/976406/slide-0.jpg" class="slides-image related-itemImage"> Электронные таблицы обработка числовой информации в электронных таблицах</a></div><div class="related-item"><a href="/prezentacii-po-informatike/hranenie-informatsionnyh-obektov-razlichnyh-vidov-na-8" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/892068/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/892068/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/892068/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/892068/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/892068/slide-0.jpg" class="slides-image related-itemImage"> Хранение информационных объектов различных видов на различных цифровых носителя</a></div><div class="related-item"><a href="/prezentacii-po-informatike/prezentaciya-na-temu-ustrojstva-vyvoda-informacii" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/282487/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/282487/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/282487/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282487/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/282487/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Устройства вывода информации </a></div><div class="related-item"><a href="/prezentacii-po-informatike/obrabotka-massiva-tselyh-chisel-iz-fayla-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1116162/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1116162/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1116162/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116162/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1116162/slide-0.jpg" class="slides-image related-itemImage"> Обработка массива целых чисел из файла</a></div><div class="related-item"><a href="/prezentacii-po-informatike/predstavlenie-znaniy-v-iskusstvennom-intellekte" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1068394/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1068394/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1068394/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068394/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068394/slide-0.jpg" class="slides-image related-itemImage"> Представление знаний в искусственном интеллекте</a></div><div class="related-item"><a href="/prezentacii-po-informatike/sistemy-massovogo-obsluzhivaniya-prodolzhenie-1" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/916591/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/916591/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/916591/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916591/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/916591/slide-0.jpg" class="slides-image related-itemImage"> Системы массового обслуживания (продолжение 1)</a></div><div class="related-item"><a href="/prezentacii-po-informatike/tehnologicheskoe-obespechenie-is" class="related-itemLink"><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/1085981/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1085981/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1085981/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1085981/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1085981/slide-0.jpg" class="slides-image related-itemImage"> Технологическое обеспечение ИС</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-text"><a href="/page/pravoobladateliam">Для правообладателей</a></div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:b,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},item:{result:{id:1174932,name:"18_HTML5__",category:J,count:K,jpg:"jpg\u002F1174932",hits:88,download:b,h1:L,meta:{h1:L,title:"18_HTML5__ презентация",description:"18_HTML5__ презентация, доклад, проект, Информатика ",keywords:"18_HTML5__, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Информатика",download_link:a},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему 18_HTML5__, из раздела: Информатика. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",seo_text:"\u003Cp\u003EСемантические элементы HTML5 доступно описывают свой смысл или назначение как для браузеров, так и для веб-разработчиков.\u003Cbr\u003E\u003Cbr\u003EДо появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов \u003Cdiv\u003E, которым присваивали классы class или идентификаторы id для наглядности разметки (например, \u003Cdiv id=\"header\"\u003E).\u003Cbr\u003E \u003Cp\u003E\u003CHEADER\u003E\r\n\u003Cbr\u003E\u003Cp\u003EГруппирует вводные и навигационные элементы, не является обязательным. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип. В HTML-документе может содержаться одновременно несколько элементов \u003Cheader\u003E и они могут располагаться в любой части страницы.\u003Cbr\u003E",file:"18_HTML5__.pptx",texts:[a,"\u003Cp\u003EСемантические элементы HTML5 доступно описывают свой смысл или назначение как для браузеров, так и для веб-разработчиков.\u003Cbr\u003EДо появления стандарта HTML5 вся разметка страниц осуществлялась преимущественно с помощью элементов \u003Cdiv\u003E, которым присваивали классы class или идентификаторы id для наглядности разметки (например, \u003Cdiv id=\"header\"\u003E).\u003Cbr\u003E","\u003Cp\u003E\u003CHEADER\u003E\r\n\u003Cbr\u003E\u003Cp\u003EГруппирует вводные и навигационные элементы, не является обязательным. Может содержать заголовки, оборачивать содержание раздела страницы, форму поиска или логотип. В HTML-документе может содержаться одновременно несколько элементов \u003Cheader\u003E и они могут располагаться в любой части страницы.\u003Cbr\u003E","\u003Cp\u003E\u003CMAIN\u003E\u003Cbr\u003E\u003Cp\u003EГлавный раздел страницы, содержащий основную информацию.\u003Cbr\u003EЭлемент \u003Cmain\u003E включает в себя содержимое, которое является уникальным для данного документа, и не должен включать повторяющиеся разделы сайта, такие как навигация, название сайта, логотип, поисковая форма, баннеры и др.\u003Cbr\u003E","\u003Cp\u003E\u003CNAV\u003E\r\n\u003Cbr\u003E\u003Cp\u003EПредназначен для создания блока навигации веб-страницы или всего веб-сайта, при этом не обязательно должен находиться внутри \u003Cheader\u003E. На странице может быть несколько элементов \u003Cnav\u003E. Не заменяет теги \u003Cul\u003E или \u003Cоl\u003E, он просто их обрамляет. Не все группы ссылок на странице должны быть обёрнуты \u003Cnav\u003E, этот элемент предназначен в первую очередь для разделов, которые состоят из главных навигационных блоков.\u003Cbr\u003E","\u003Cp\u003EПредставляет собой нижний колонтитул содержащей его секции или корневого элемента. Обычно содержит информацию об авторе статьи, данные о копирайте и т.д. Если используется как колонтитул всей страницы, содержимое дополняется сведениями об авторских правах, ссылками на условия использования, контактную информацию, ссылками на связанное содержимое и т.п.\u003Cbr\u003E","\u003Cp\u003EИспользуется для группировки записей — публикаций, статей, записей блога, комментариев. Представляет собой независимый обособленный блок, предназначенный для многократного использования, как правило, начинается с заголовка.\u003Cbr\u003E","\u003Cp\u003EЭлемент представляет собой универсальный раздел документа. Группирует тематическое содержимое и обычно содержит заголовок. \u003Cbr\u003E","\u003Cp\u003EГруппирует содержимое, связанное с окружающим его контентом напрямую, но которое можно счесть отдельным (т.е., удаление этого блока не повлияет на понимание основного содержимого). Чаще всего элемент позиционируется как боковая колонка (как в книгах) и включает в себя группу элементов: \u003Cnav\u003E, цифровые данные, цитаты, рекламные блоки, архивные записи. \u003Cbr\u003E","\u003Cp\u003E\u003Cvideo controls=\"controls\"\u003E\u003Cbr\u003E\u003Csource src=\"video.m4v\" type=\"video\u002Fmp4\" \u002F\u003E \u003C!-- MPEG4 для браузеров Safari --\u003E \u003Cbr\u003E\u003Csource src=\"video.ogg\" type=\"video\u002Fogg\" \u002F\u003E \u003C!-- Ogg Theora для Firefox --\u003E \u003Cbr\u003E\u003C\u002Fvideo\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты и значения\u003Cbr\u003Eautoplay=\"autoplay\" – видео воспроизводится сразу после загрузки страницы.\u003Cbr\u003Eautobuffer=\"autobuffer\" – видео воспроизводится уже в момент загрузки страницы.\u003Cbr\u003Econtrols=\"controls\" – панель управления видеоплеером.\u003Cbr\u003Eloop=\"loop\" – по окончанию, видео проигрывается снова.\u003Cbr\u003Esrc=\"url\" – источник видео.\u003Cbr\u003Etype=\"video\u002Fogg\" – определяет формат видео.\u003Cbr\u003Eheight=\"\" – высота видеоплеера.\u003Cbr\u003Ewidth=\"\" – ширина видеоплеера.\u003Cbr\u003E","\u003Cp\u003E\u003Caudio src=\"music.ogg\" controls=\"controls\"\u003E\u003Cbr\u003EВаш браузер не поддерживает теги! Обновите версию браузера!\u003Cbr\u003E\u003C\u002Faudio\u003E\u003Cbr\u003E","\u003Cp\u003EАтрибуты и значения\u003Cbr\u003EФлажок autoplay=\"autoplay\" – определяет воспроизведение музыкального файла сразу же после загрузки страницы.\u003Cbr\u003EФлажок autobuffer=\"autobuffer\" – используется в паре с autoplay=\"autoplay\" – определяет воспроизведение музыкального файла уже в момент загрузки страницы.\u003Cbr\u003EФлажок controls=\"controls\" – показывает панель управления плеером.\u003Cbr\u003Esrc=\"url\" – источник звукового файла.\u003Cbr\u003E","\u003Cp\u003EКонтейнер, внутрь которого загружается другой html документ.\u003Cbr\u003EАтрибуты: \u003Cbr\u003Esrc - ссылка на другой документ \u003Cbr\u003Ename - имя iframe, может использоваться как значение атрибута target у ссылок\u003Cbr\u003Eframeborder - толщина рамки iframe\u003Cbr\u003E","\u003Cp\u003ESEO\u003Cbr\u003E","\u003Cp\u003EИдеального случая, когда одному запросу должна соответствует строго одна страница сайта, достичь не легко. Чаще всего на практике употребляют одну ключевую фразу и пару уточняющих фраз по теме (обычно эти фразы являются подзаголовками основной статьи).\u003Cbr\u003E","\u003Cp\u003EПри составлении мета тега \u003Ctitle\u003E, необходимо учесть два важных фактора:\u003Cbr\u003E\u003Ctitle\u003E должен быть понятен и заманчив для посетителей (ведь этот тег высвечивается в первую очередь в выдаче поисковых машин);\u003Cbr\u003E\u003Ctitle\u003E должен содержать ключевые фразы. Причем, самый большой вес имеют первые слова (начало title). Поэтому самый конкурентный запрос следует писать самым первым, а далее (если нужно) писать дополнительные уточнения;\u003Cbr\u003E",a,"\u003Cp\u003EВ контенте каждой страницы должны быть заголовки \u003Ch1..\u003Ch6\u003E. Тег \u003Ch1\u003E должен присутствовать только один раз на странице и находиться в верхней части. Также было бы неплохо, если бы он содержал ключевую фразу. Все подзаголовки в статье должны быть оформлены тегами \u003Ch2\u003E, \u003Ch3\u003E и т.д.\u003Cbr\u003E",a,a,"\u003Cp\u003EБольшое количество картинок с большим разрешением (зачастую они весят довольно много, поэтому все картинки из дизайна нужно делать как можно \"легче\")\u003Cbr\u003EМножество лишних скриптов на сайте (их код может быть очень большим, рекомендуется все лишнее удалять). Желательно их размещать в отдельных файлах .js, чтобы браузер мог их кэшировать.\u003Cbr\u003EПлохой хостинг .\u003Cbr\u003E",a,a,a,"\u003Cp\u003EДавайте подведем итоги урока! \u003Cbr\u003EЧему мы научились? Что мы использовали? \u003Cbr\u003EК чему мы пришли?\u003Cbr\u003E"],href:"\u002Fprezentacii-po-informatike\u002F18html5",href_category:"\u002Fprezentacii-po-informatike",date:1615893351,related:[{id:875952,name:"Прототипы. Наследование",href:"\u002Fprezentacii-po-informatike\u002Fprototipy-nasledovanie",jpg:"jpg\u002F875952"},{id:976737,name:"Музыкальные компьютерные технологии",href:"\u002Fprezentacii-po-informatike\u002Fmuzykalnye-kompyuternye-tehnologii",jpg:"jpg\u002F976737"},{id:1026924,name:"Игра престолов (Game of Thrones)",href:"\u002Fprezentacii-po-informatike\u002Figra-prestolov-game-of-thrones",jpg:"jpg\u002F1026924"},{id:971544,name:"Сервисы M Gmail",href:"\u002Fprezentacii-po-informatike\u002Fservisy-m-gmail",jpg:"jpg\u002F971544"},{id:918301,name:"Социальные сети. You Tube",href:"\u002Fprezentacii-po-informatike\u002Fsotsialnye-seti-you-tube",jpg:"jpg\u002F918301"},{id:1033762,name:"Как сохранить созданный рисунок. Как открыть сохранённый на диске рисунок",href:"\u002Fprezentacii-po-informatike\u002Fkak-sohranit-sozdannyy-risunok-kak-otkryt",jpg:"jpg\u002F1033762"},{id:1176967,name:"Урок 8_Перевод из 10 в 8 и 16",href:"\u002Fprezentacii-po-informatike\u002Furok-8perevod-iz-10-v-8",jpg:"jpg\u002F1176967"},{id:1069443,name:"Телекоммуникационные характеристики беспроводных сетей",href:"\u002Fprezentacii-po-informatike\u002Ftelekommunikatsionnye-harakteristiki-besprovodnyh-setey",jpg:"jpg\u002F1069443"},{id:1169793,name:"Средневековая криптография",href:"\u002Fprezentacii-po-informatike\u002Fsrednevekovaya-kriptografiya",jpg:"jpg\u002F1169793"},{id:282423,name:"Презентация на тему Система типов данных в языке Паскаль ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-sistema-tipov-dannyx-v-yazyke-paskal",jpg:"jpg\u002F282423"},{id:1015563,name:"Знакомство с ES6. Урок 18",href:"\u002Fprezentacii-po-informatike\u002Fznakomstvo-s-es6-urok-18",jpg:"jpg\u002F1015563"},{id:983433,name:"Базовые команды SQL. Ограничение и сортировка выходных данных",href:"\u002Fprezentacii-po-informatike\u002Fbazovye-komandy-sql-ogranichenie-i-sortirovka",jpg:"jpg\u002F983433"},{id:877434,name:"Проблемы передачи информации. Типы сигналов",href:"\u002Fprezentacii-po-informatike\u002Fproblemy-peredachi-informatsii-tipy-signalov",jpg:"jpg\u002F877434"},{id:883757,name:"Расчеты гидростатики судна в Solid Works и FreeShip. Лекция №6",href:"\u002Fprezentacii-po-informatike\u002Fraschety-gidrostatiki-sudna-v-solid-works",jpg:"jpg\u002F883757"},{id:1111343,name:"Логические основы компьютера",href:"\u002Fprezentacii-po-informatike\u002Flogicheskie-osnovy-kompyutera-39",jpg:"jpg\u002F1111343"},{id:1152649,name:"Протокол передачи данных I2C",href:"\u002Fprezentacii-po-informatike\u002Fprotokol-peredachi-dannyh-i2c",jpg:"jpg\u002F1152649"},{id:887212,name:"С++ тілінде бағдарламалау",href:"\u002Fprezentacii-po-informatike\u002Fs-tlnde-badarlamalau",jpg:"jpg\u002F887212"},{id:1089934,name:"Программирование на платформе 1С:Предприятие 8.3. Подход к проектированию баз данных 1С",href:"\u002Fprezentacii-po-informatike\u002Fprogrammirovanie-na-platforme-1spredpriyatie-83-podhod",jpg:"jpg\u002F1089934"},{id:1080315,name:"Алгоритмы обработки массивов. Программирование на Python",href:"\u002Fprezentacii-po-informatike\u002Falgoritmy-obrabotki-massivov-programmirovanie-na-python",jpg:"jpg\u002F1080315"},{id:1091367,name:"Создание рисунков из кривых",href:"\u002Fprezentacii-po-informatike\u002Fsozdanie-risunkov-iz-krivyh",jpg:"jpg\u002F1091367"},{id:1149464,name:"Электронные носители информации",href:"\u002Fprezentacii-po-informatike\u002Felektronnye-nositeli-informatsii-1",jpg:"jpg\u002F1149464"},{id:976406,name:"Электронные таблицы обработка числовой информации в электронных таблицах",href:"\u002Fprezentacii-po-informatike\u002Felektronnye-tablitsy-obrabotka-chislovoy-informatsii-v-16",jpg:"jpg\u002F976406"},{id:892068,name:"Хранение информационных объектов различных видов на различных цифровых носителя",href:"\u002Fprezentacii-po-informatike\u002Fhranenie-informatsionnyh-obektov-razlichnyh-vidov-na-8",jpg:"jpg\u002F892068"},{id:282487,name:"Презентация на тему Устройства вывода информации ",href:"\u002Fprezentacii-po-informatike\u002Fprezentaciya-na-temu-ustrojstva-vyvoda-informacii",jpg:"jpg\u002F282487"},{id:1116162,name:"Обработка массива целых чисел из файла",href:"\u002Fprezentacii-po-informatike\u002Fobrabotka-massiva-tselyh-chisel-iz-fayla-1",jpg:"jpg\u002F1116162"},{id:1068394,name:"Представление знаний в искусственном интеллекте",href:"\u002Fprezentacii-po-informatike\u002Fpredstavlenie-znaniy-v-iskusstvennom-intellekte",jpg:"jpg\u002F1068394"},{id:916591,name:"Системы массового обслуживания (продолжение 1)",href:"\u002Fprezentacii-po-informatike\u002Fsistemy-massovogo-obsluzhivaniya-prodolzhenie-1",jpg:"jpg\u002F916591"},{id:1085981,name:"Технологическое обеспечение ИС",href:"\u002Fprezentacii-po-informatike\u002Ftehnologicheskoe-obespechenie-is",jpg:"jpg\u002F1085981"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Frubezhnyy-kontrol-n2-modul-ii-vozrozhdenie",next_name:"Рубежный контроль №2. Модуль II. Возрождение и барокко. Италия. XIII-XVII века",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Freka-ob-5",prev_name:"Река Обь"}}},categories:{result:[{id:M,ordering:b,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:b,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:b,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:b,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:b,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:b,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:b,name:J,pseudoname:"prezentacii-po-informatike"},{id:8,ordering:b,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:b,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:b,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:b,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:b,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:b,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:b,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:b,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:17,ordering:b,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:b,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:b,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:b,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:b,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:b,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:b,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:b,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:K,ordering:b,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:b,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:b,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:b,name:"Разное",pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:M,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:a,description:a,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:b,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",26,"18_HTML5__ ",1,"Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>