Содержание

Скачиваемый HTML5-клиент

26.05.2020

Скачиваемый HTML5-клиент

Танкисты!

 

Скачиваемый клиент для HTML5-версии игры стал доступен для загрузки на сайте игры!

 

Как мы уже говорили ранее, технология Flash уходит в прошлое. Все основные браузеры постепенно отказываются от её использования, а уже в октябре 2020 года она полностью перестанет поддерживаться. Чтобы вы могли играть в «Танки Онлайн» ещё долгие годы, мы создали HTML5-версию игры.

 

Пока она была доступна вам только в браузере, но параллельно мы разрабатывали для неё новый скачиваемый клиент. Многие из вас уже успели его протестировать по ссылке, опубликованной ранее на форуме игры.

 

Из-за всеобщего режима изоляции сертификация клиента задерживалась, и поэтому мы не могли разместить ссылку на его скачивание на главной странице игры. Наконец, все этапы сертификации позади, и теперь вы можете загрузить новый HTML5-клиент прямо на сайте игры.

 

Многие из вас уже перешли в HTML5-версию игры, а некоторые всё ещё сомневаются, поэтому мы хотим напомнить о двух важных причинах перехода на новый клиент. Первая — Flash-версия скоро перестанет существовать, и когда это произойдёт, без переезда в HTML5-версию вы просто не сможете наслаждаться своей любимой игрой. Вторая причина — HTML5-версия имеет много преимуществ!

 

Очевидные плюсы HTML5-версии:

  • Более плавный FPS (стабильный и высокий) на мощных компьютерах и отсутствие ограничения FPS на мониторах с высокой частотой экрана.
  • Радикальное снижение количества критических ошибок и «вылетов».
  • Современный, удобный интерфейс.
  • Классные визуальные эффекты, которые раньше были невозможны.
  • Неограниченный потенциал для разработки нового контента (в том числе новых пушек и корпусов).

 

Новый движок – новые возможности!

 

Качайте, играйте и оставляйте отзывы в комментариях. Мы внимательно следим за вашим фидбеком и стараемся учитывать его во время разработки!

Зачем нам нужен HTML5: пять простых ответов

Все вы наверняка хоть что-то слышали о HTML5 — новой версии языка разметки страниц в интернете. Она до сих пор считается находящейся в разработке, хотя со времени официального утверждения действующей версии HTML4 прошло более пятнадцати лет — фактически всё время активного развития Всемирной сети. В чём же заключаются преимущества HTML5 и принципиальные его отличия от HTML4?

1. HTML5 — новый подход к разметке: мультимедиа внутри

В отличие от разработанного ещё в девяностых языка разметки HTML4, когда даже относительно несложный мультимедийный контент был слишком «тяжёлым» для подавляющего большинства пользователей интернета, в 2004 году, в котором фактически началась работа над новой версией стандарта, в Сети уже вовсю шло распространение аудио- и видеозаписей, как официальное, так и неофициальное. Хорошим тоном для веб-сайтов стало размещение на своих страницах анимационных фильмов и видеороликов, вошли в моду аудиоблоги-подкасты.

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

Говоря о подобных плагинах, мы прежде всего имеем в виду Adobe Flash, QuickTime или менее распространённые Real Player и Silverlight. Всё это — «надстройки», дополнения к браузерам, не являющиеся их составной частью и выполняющие роль неких посредников, которые преобразуют загружаемый цифровой контент в видео и звук.

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

В стандарте HTML5, представляющем собой сочетание собственно HTML, а также CSS и JavaScript, изначально реализуется принципиально иной подход, в котором медиаконтент представляет собой неотъемлемую часть кода страницы. HTML5 обеспечивает единый стандартный способ описания (синтаксис) встраиваемого в страницы аудиовизуального контента.

Для интеграции аудио или видео в HTML5 достаточно использовать простой набор тэгов, описывающих, какой тип контента вы намерены поместить («video» или «audio»), и обычные ссылки на соответствующие медиафайлы.

Разумеется, у HTML5 есть и множество других нововведений, но это самое главное из них — изменение идеологического подхода.

2. Проблема обратной совместимости: сначала HTML, потом плагины

К сожалению, в мире остаётся значительная часть пользователей, у которых установлены устаревшие браузеры, вполне их устраивающие, но не поддерживающие все возможности HTML5. Прежде всего, речь идёт об Internet Explorer версии 8, до сих пор считающейся самой популярной для этого браузера. Последующие версии — IE 9 и 10 — уже практически полностью поддерживают HTML5. Что касается Chrome, Opera и Safari, то они уже в течение нескольких лет способны обрабатывать теги «video» и «audio».

Тем не менее для обеспечения обратной совместимость в HTML5 сохраняется поддержка использования плагинов (тега «object»), но по схеме «сначала HTML, а потом уже плагины». Это означает, что браузер должен сначала осуществлять рендеринг страницы с использованием тегов «video» и «audio» — и лишь при невозможности сделать это применять код плагинов.

Для обеспечения правильного функционирования такого подхода можно использовать одну из множества доступных библиотек JavaScript, часть из которых предоставляет полностью интегрированный программный интерфейс (API) для управления как HTML-контентом, так и встроенными объектами. Среди них, в частности, можно назвать Projekktor или программный видеоплеер Video.js, обеспечивающие полную совместимость как с HTML5, так и со старыми браузерами, в которых применяются плагины.

3. Единый подход к десктопным и мобильным платформам

Поддержка нового стандарта HTML5 обеспечивается и практически на всех современных мобильных устройствах, включая iOS, Android и Windows Phone, в чём заключается ещё одно его важное достоинство. Веб-мастеру уже не нужно размещать несколько версий медиаконтента для «полноценных» компьютеров и мобильных устройств. Известно, что iOS полностью несовместима с Flash, а ОС Android совместима лишь частично. В случае с HTML5 эта проблема полностью снимается.

Кроме того, многие современные мобильные устройства поддерживают аппаратное декодирование видео в широко распространённом формате H.264, что вновь избавляет веб-мастеров от лишней работы и необходимости выкладывания видео в нескольких разных кодеках. Владельцы же таких устройств получают низкую нагрузку на систему и длительное время автономной работы.

4. Поддержка разных форматов видео и звука

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

Самые популярные контейнеры для интернет-видео — это AVI, MP4, FLV и WebM, а основных «сетевых» видеокодеков всего три: H.264, Ogg Theora и VP8. При этом каждому кодеку обычно (но далеко не всегда) лучше всего соответствует свой формат контейнера: H.264 — MP4, Theora — OGG, VP8 — WebV.

Кодек H.264 сжимает видео с потерями, чтобы получить файл высокого качества, но небольшого размера. При этом спецификация предусматривает несколько профилей с разным качеством и степенью сжатия, чтобы на маломощные мобильные устройства можно было транслировать «лёгкие» файлы, а на десктопы с широкополосными доступом — более качественное видео.

Хотя H.264 — коммерческий кодек, то есть предполагает лицензионные отчисления, он наиболее универсален: его встроенная поддержка есть в Internet Explorer, Chrome, Firefox, Safari, iOS и Android, а отсутствует лишь в Opera, где такое видео декодируется только через внешний плагин.

Кодек Ogg Theora, изначально рассчитанный на системы под Linux, вначале тоже был коммерческим, но теперь лицензируется бесплатно. Встроенная поддержка имеется в браузерах Chrome, Firefox и Opera, в Internet Explorer и Safari доступен только через плагины.

Кодек VP8, ориентированный на мобильные устройства, распространяется Google на условиях Open Source и обеспечивает качество, сходное с H.264, при меньшей сложности декодирования. Встроенная поддержка есть в Chrome, Firefox и Opera, а также в мобильных устройствах под управлением Android.

Таким образом, чтобы обеспечить воспроизведение видеоконтента практически на всех существующих системах, достаточно выкладывать файлы в контейнерах MP4 в стандарте кодирования H.264 и в формате WebM с кодеком VP8. Поскольку изо всех современных десктопных браузеров встроенная поддержка H.264 отсутствует только в Opera, такие сочетания будут самыми универсальными.

5. Существует обширная общедоступная документация

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

Прежде всего речь об официальной последней рабочей версии консорциума W3C, в рамках которого ведётся непосредственная разработка HTML5.

На сайте разработчиков Mozilla приводится справочник тэгов, причём элементы, которые были добавлены в HTML5, выделены особо.

Подробные описания подхода к интеграции видео в HTML5 можно найти здесь и здесь (тоже на английском языке).

На русском языке краткий справочник HTML5 с примерами применения новых элементов имеется на сайте Puzzleweb.ru.

Кроме того, на русский язык переведено уже довольно много книг по HTML5, среди которых, например, «HTML5 для профессионалов», «Погружение в HTML5» или «Самоучитель HTML5».

Энциклопедия HTML5 » Сайт HTML-5.ru

Энциклопедия HTML5

22 Июн 2015

Тег footer в языке HTML5 Тег footer в HTML5, обрамляет подвал, на странице сайта. В тегах <footer> </footer> оычно содержится инфрмация относящаяся к самому сайту, а не к основному контенту, например: правовая информация (копирайты), имя автора, название сайта и/или компании, телефон и/или адрес компании и т.п. Приведём пример расположения тегов footer в типичном коде шаблона… Читать далее

22 Июн 2015

Тег aside в языке HTML5 Тег aside в HTML5, обрамляет боковую панель (сайдбар), на странице сайта. Тегами <aside> </aside> оычно обрамляют блок виджетов на сайте. В качестве виджетов могут выступать: блок категориев, меток, последних записей, последних комментариев, популярных страниц, поисковая строка и т.п. Приведём пример возможного расположения тегов aside в типичном коде шаблона страницы, созданной… Читать далее

22 Июн 2015

Тег section в языке HTML5 Тег section в HTML5, может обрамлять повторяющиеся элементы (разделы), на странице сайта. Данный тег довольно сложен для понимания, попробуем разобраться когда же его применять. Теги <section> </section> могут обрамлять комментарии на сайте, ответы темы на форуме, анонсы (цитаты) новостей или постов на главной странице, страниц категориев, меток и т.д. Также… Читать далее

16 Июн 2015

Тег nav в HTML5 Тег nav в HTML5, обозначет основное меню сайта (панель навигации). Обычно тегами <nav> </nav> обрамляют основное меню страницы сайта, которое расположено сразу под шапкой сайта. В меню nav, обычно располагают ссылки на важные страницы сайта, это могут быть страницы контактов, о компании, каталог, магазин, главная, описание услуг, новостей и т.д. Рассмотрим… Читать далее

16 Июн 2015

Тег header в HTML5 Тег header в HTML5, обозначет шапку сайта. Обычно тегами <header> </header> обрамляют шапку страницы сайта. В шапке страницы сайта чаще всего располагают заголовок (девиз, слоган компании), логотип сайта (компании), контактную информацию (телефоны, часы работы). В шапке сайта можно встретить ссылки на: карту проезда, заказать звонок, поисковую строку и различные элементы типа… Читать далее

Страница 1 из 512345»

Учебник HTML 5. Статья «Введение»

Язык гипертекстовой разметки HTML (англ. HyperText Markup Language) — является языком разметки документов во Всемирной паутине.

Хочу сразу обратить Ваше внимание, что HTML является языком разметки, а не программирования, как многие ошибочно полагают. Его основная задача создать каркас для описания различных компонентов документа, таких как абзацы, заголовки, списки, таблицы, ссылки на другие страницы и так далее.

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

Цель любого веб-браузера прочитать HTML документ и правильно его отобразить. Браузер не отображает HTML теги, но использует их, чтобы определить, как отображать конкретный документ.

Теги бывают двух видов: парные и одиночные (пустые). У парных HTML-тегов первый тег в паре является начальным (открывающим) тегом, а второй тег является конечным (закрывающим) тегом. Основная функция начального тега заключается в том, чтобы сообщить браузеру где команда начинается, а конечным тегом определить где она заканчивается.

Давайте рассмотрим чем отличаются парные теги от одиночных.

Вид (синтаксис) парного тега:


<тег>Содержание тега</тег>

Обратите внимание, что все теги заключены в угловые скобки < и >, а закрывающий тег всегда должен содержать прямой слеш перед названием тега — </тег>, этим мы сообщаем браузеру, что на этом месте наша «команда» закончена.


Большинство ошибок в верстке (создание структуры HTML кода) у Вас может возникать по той причине, что не указан закрывающий тег или он указан без прямого слеша / . Если не указать прямой слеш, то браузер воспринимает тег как открывающий, а не закрывающий. В том случае если вы вообще не указали закрывающий тег, то браузер не узнает где Ваша команда заканчивается, чтобы её остановить, что может привести к серьезным ошибкам, будьте внимательны. К счастью, современные редакторы HTML кода позволяют быстрее отслеживать ошибки такого рода.


Вид (синтаксис) одиночного тега:


<тег>Содержание

В современном стандарте HTML 5 одиночные теги записываются как и начальные теги у парных тегов (наименование тега помещено в угловые скобки < и >).

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

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


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


Пример простого HTML документа:

И так, мы с Вами поняли, что HTML — это краеугольный камень, благодаря которому любой браузер пользователя отобразит страницу. Но как выглядит HTML? Давайте рассмотрим простой код, из которого состоит практически любая информационная страница:


<!DOCTYPE html>
<html>
	<head>
		<title>Название для документа (страницы)</title>
	</head>
	<body>
		<h3>Это заголовок</h3>
		<p>Это параграф (абзац).</p>
	</body>
</html>

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

А теперь детально разберем из чего состоит любая HTML страница:

DOCTYPE это декларация, которая определяет тип документа. Декларация не является тегом HTML это только инструкция для веб-браузера о том, какая версия HTML используется в документе. Декларация !DOCTYPE помогает браузеру отобразить веб-страницу правильно, для этого браузер должен знать, как тип, так и версию документа.

Декларация <!DOCTYPE html> сообщает, что в этом документе используется пятая версия языка гипертекстовой разметкиHTML 5.

Обращаю Ваше внимание на то, что декларация должна указываться самой первой в вашем HTML документе, перед тегом <html>. Декларация <!DOCTYPE> не чувствительна к регистру, но записывать её принято в верхнем регистре.

Хронология версий HTML:

Версия HTML HTML 2.0 HTML 3.2 HTML 4.01 XHTML HTML 5
Год 1991 1995 1997 1999 2000 2014

Текст между тегами <html> и </html> сообщает браузеру, что необходимо прочитать документ как программный код, написанный на языке гипертекстовой разметки. Является корневым элементом HTML документа и все остальные элементы должны быть его потомками (вложены в него).

Текст между <head> и </head> содержит информацию о документе (сведения о документе, которые не отображаются пользователю). Внутри этого элемента обязательно должен быть вложен HTML тег <title>.

Текст между <title> и </title> обеспечивает название для документа. Название документа должно содержать важные ключевые слова, чтобы поисковые системы могли включить вашу страницу в результаты поиска (по определенным запросам пользователей).

Текст между <body> и </body> описывает видимое содержимое страницы!

Текст между <h3> и </h3> (англ. heading level 2) описывает заголовок второго уровня. Поисковые системы используют ваши заголовки для индексации структуры и содержания веб-страниц. Поэтому важно использовать заголовки, чтобы показать структуру документа. Как правильно использовать заголовки от первого до шестого уровня на ваших страницах мы рассмотрим далее в учебнике в статье «Базовый HTML».

Текст между <p> и </p> (англ. HTML Paragraph Element) определяет параграф (абзац). Содержание элемента всегда начинается с новой строки.

Ниже показано как отображается вышерассмотренный пример в браузере:

Рис. 1 Пример отображения HTML документа браузером.

Обращаю Ваше внимание, что все примеры, которые рассматриваются в учебнике доступны для просмотра в отдельном окне. Желательно, чтобы вы помимо вопросов и задач, которые будут приводится в конце каждой статьи создавали аналогичные (собственные примеры) и эксперементировали с ними. Это позволит Вам максимально быстро изучить и применять рассмотренный материал.


Вопросы и задачи по теме

Перед тем как перейти к изучению следующей темы ответьте, или найдите ответ на следующие вопросы:

  • Какая основная задача языка гипертекстовой разметки?
  • Какая версия языка HTML сейчас используется?
  • Что такое декларация? Какая декларация используется в современном стандарте?
  • В какой HTML элемент помещается видимое содержимое документа (страницы)?

элементы HTML уроки для начинающих академия



Новые элементы в HTML5

Ниже приведен список новых элементов HTML5 и описание того, для чего они используются.


Новые семантические/структурные элементы

HTML5 предлагает новые элементы для лучшей структуры документа:

Тег Описание
<article> Определяет статью в документе
<aside> Определяет содержание в стороне от содержимого страницы
<bdi> Изолирует часть текста, которая может быть отформатирована в другом направлении от другого текста за его пределами
<details> Определяет дополнительные сведения, которые пользователь может просматривать или скрывать
<dialog> Определяет диалоговое окно или окно
<figcaption> Определяет заголовок для элемента <Figure>
<figure> Определяет автономное содержимое
<footer> Определяет нижний колонтитул для документа или раздела
<header> Определяет заголовок документа или раздела
<main> Определяет основное содержание документа
<mark> Определяет выделенный/выделенный текст
<menuitem>  Определяет команду/пункт меню, который пользователь может вызвать из всплывающего меню
<meter> Определяет скалярное измерение в пределах известного диапазона (датчика)
<nav> Определяет навигационные ссылки
<progress> Представляет ход выполнения задачи
<rp> Определяет, что отображать в обозревателях, не поддерживающих аннотации Ruby
<rt> Определяет объяснение/произношение символов (для восточно-азиатских типографии)
<ruby> Определяет аннотацию Ruby (для восточно-азиатских типографий)
<section> Определяет раздел в документе
<summary> Определяет видимый заголовок для элемента <Details>
<time> Определяет дату и время
<wbr> Определяет возможный разрыв строки

Подробнее о семантике HTML5.



Новые элементы формы

Тег Описание
<datalist> Задает список предварительно заданных параметров для элементов управления вводом
<output> Определяет результат вычисления

Прочитайте все о старых и новых элементах формы в элементах HTML-формы.


Новые типы входных данных

Новые типы входных данных Новые входные атрибуты
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarge

Введение HTML уроки для начинающих академия



Что нового в HTML5?

Декларация документа для HTML5 очень проста:

Декларация кодировки символов также очень проста:

Пример HTML5:





Название документа

<body>
Содержание документа……
</body>

</html>

Кодировка символов по умолчанию в HTML5 — UTF-8.


Новые элементы HTML5

Наиболее интересные новые элементы HTML5:

Новые семантические элементы , такие как <header>, <footer>, <article> и <section>.

Новые атрибуты элементов формы , такие как число, Дата, время, календарь и диапазон.

Новые графические элементы: <svg> и <canvas>.

Новые мультимедийные элементы: <audio> и <video>.

В следующей главе поддержка HTML5 вы узнаете, как «научить» старые браузеры обрабатывать «неизвестные» (новые) элементы HTML.



Новые API HTML5 (интерфейсы прикладного программирования)

Наиболее интересным новым API в HTML5 являются:

  • Геолокация HTML
  • Перетаскивание HTML-кода
  • Локальное хранилище HTML
  • Кэш приложений HTML
  • Веб-работники HTML
  • HTML SSE

Совет: Локальное хранилище HTML — это мощная замена файлов cookie.


Удаленные элементы в HTML5

Следующие элементы HTML4 были удалены в HTML5:

Удалить Заменить на
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>  
<frameset>  
<noframes>  
<strike> CSS, <s>, or <del>
<tt> CSS

В главе Миграция HTML5 вы узнаете, как легко перейти от HTML4 к HTML5.


HTML History

С первых дней Всемирной паутины, было много версий HTML:

Год Версия
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1

С 1991 по 1999, HTML разработан с версии 1 до версии 4.

В 2000 году консорциум World Wide Web (W3C) рекомендовал XHTML 1,0. Синтаксис XHTML был строгим, и разработчики были вынуждены писать корректный и «хорошо сформированный» ко

Видео HTML уроки для начинающих академия




Воспроизведение видео в формате HTML

Перед HTML5 видео может воспроизводиться только в браузере с подключаемым модулем (например, Flash).

Элемент HTML5 <video> указывает стандартный способ встраивания видео в веб-страницу.


Поддержка браузера

Номера в таблице указывают первую версию обозревателя, полностью поддерживающую элемент <video>.

Element
<video> 4.0 9.0 3.5 4.0 10.5

Элемент HTML < Video >

Чтобы показать видео в формате HTML, используйте элемент <video>:

Пример

<video controls>
  <source src=»movie.mp4″ type=»video/mp4″>
  <source src=»movie.ogg» type=»video/ogg»>
Your browser does not support the video tag.
</video>



Как это работает

Атрибут controls добавляет элементы управления видео, такие как воспроизведение, пауза и громкость.

Это хорошая идея, чтобы всегда включать width и height атрибутов. Если высота и ширина не заданы, страница может мерцать во время загрузки видео.

Элемент <source> позволяет указать альтернативные видеофайлы, которые могут быть выбраны обозревателем. Браузер будет использовать первый распознанный формат.

Текст между тегами <video> и </video> будет отображаться только в обозревателях, не поддерживающих элемент <video>.


HTML <video> Автозапуск

Для запуска видео автоматически используется атрибут autoplay:

Пример

<video autoplay>
  <source src=»movie.mp4″ type=»video/mp4″>
  <source src=»movie.ogg» type=»video/ogg»>
Your browser does not support the video tag.
</video>

90000 HTML Style Guide and Coding Conventions 90001 90002 90003 A consistent, clean, and tidy HTML code makes it easier for others to read and understand your code. 90004 90003 Here are some guidelines and tips for creating good HTML code. 90004 90002 90008 Always Declare Document Type 90009 90003 Always declare the document type as the first line in your document. 90004 90003 The correct document type for HTML is: 90004 90002 90008 Use Lowercase Element Names 90009 90003 HTML allows mixing uppercase and lowercase letters in element names.90004 90003 However, we recommend using lowercase element names, because: 90004 90021 90022 Mixing uppercase and lowercase names looks bad 90023 90022 Developers normally use lowercase names 90023 90022 Lowercase looks cleaner 90023 90022 Lowercase is easier to write 90023 90030 90031 Good: 90032 90003 90034

This is a paragraph. 90034 90004 90031 Bad: 90032 90003 90034

This is a paragraph. 90034 90004 90002 90002 90008 Close All HTML Elements 90009 90003 In HTML, you do not have to close all elements (for example the 90048

90049 element). 90004 90003 However, we strongly recommend closing all HTML elements, like this: 90004 90031 Good: 90032 90003

90034

This is a paragraph. 90034

This is a paragraph. 90034 90004 90031 Bad: 90032 90003

90034

This is a paragraph.90034

This is a paragraph. 90034 90004 90002 90008 Use Lowercase Attribute Names 90009 90003 HTML allows mixing uppercase and lowercase letters in attribute names. 90004 90003 However, we recommend using lowercase attribute names, because: 90004 90021 90022 Mixing uppercase and lowercase names looks bad 90023 90022 Developers normally use lowercase names 90023 90022 Lowercase look cleaner 90023 90022 Lowercase are easier to write 90023 90030 90031 Good: 90032 90003 Visit our HTML tutorial 90004 90031 Bad: 90032 90003 Visit our HTML tutorial 90004 90002 90008 Always Quote Attribute Values ​​90009 90003 HTML allows attribute values ​​without quotes. 90004 90003 However, we recommend quoting attribute values, because: 90004 90021 90022 Developers normally quote attribute values ​​90023 90022 Quoted values ​​are easier to read 90023 90022 You MUST use quotes if the value contains spaces 90023 90030 90031 Good: 90032 90003

90004 90031 Bad: 90032 90003
90004 90031 Very bad: 90032 90003 This will not work, because the value contains spaces: 90004 90003
90004 90002 90008 Always Specify alt, width, and height for Images 90009 90003 Always specify the 90048 alt 90049 attribute for images.This attribute is important if the image for some reason can not be displayed. 90004 90003 Also, always define the 90048 width 90049 and 90048 height 90049 of images. This reduces flickering, because the browser can reserve space for the image before loading. 90004 90031 Good: 90032 90003 HTML5 90004 90031 Bad: 90032 90003 90004 90002 90008 Spaces and Equal Signs 90009 90003 HTML allows spaces around equal signs.But space-less is easier to read and groups entities better together. 90004 90031 Good: 90032 90003 90004 90031 Bad: 90032 90003 90004 90002 90008 Avoid Long Code Lines 90009 90003 When using an HTML editor, it is NOT convenient to scroll right and left to read the HTML code. 90004 90003 Try to avoid too long code lines. 90004 90002 90008 Blank Lines and Indentation 90009 90003 Do not add blank lines, spaces, or indentations without a reason.90004 90003 For readability, add blank lines to separate large or logical code blocks. 90004 90003 For readability, add two spaces of indentation. Do not use the tab key. 90004 90031 Good: 90032 90003

Famous Cities 90004 90003

Tokyo 90034

Tokyo is the capital of Japan, the center of the Greater Tokyo Area, 90034 and the most populous metropolitan area in the world. 90034 It is the seat of the Japanese government and the Imperial Palace, 90034 and the home of the Japanese Imperial Family. 90004 90003 90004 90031 Bad: 90032 90003

Famous Cities 90004 90003

Tokyo 90004 90003

90034 Tokyo is the capital of Japan, the center of the Greater Tokyo Area, 90034 and the most populous metropolitan area in the world. 90034 It is the seat of the Japanese government and the Imperial Palace, 90034 and the home of the Japanese Imperial Family. 90034 90004 90003 90004 90031 Good Table Example: 90032 90003

90034 90034 90034 90034
Name 90034 Description 90034 90034
A 90034 Description of A 90034 90034
B 90034 Description of B 90034 90034 90004 90031 Good List Example: 90032 90003
    90034
  • London 90034
  • Paris 90034
  • Tokyo 90034 90004 90002 90008 Never Skip the Element 90009 90003 The 90048 <title> 90049 element is required in HTML.90004 90003 The contents of a page title is very important for search engine optimization (SEO)! The page title is used by search engine algorithms to decide the order when listing pages in search results. 90004 90003 The 90048 <title> 90049 element: 90004 90021 90022 defines a title in the browser toolbar 90023 90022 provides a title for the page when it is added to favorites 90023 90022 displays a title for the page in search-engine results 90023 90030 90003 So, try to make the title as accurate and meaningful as possible: 90004 90003 <Title> HTML Style Guide and Coding Conventions </ title> 90004 90002 90008 Omitting <html> and <body>? 90009 90003 An HTML page will validate without the 90048 <html> 90049 and 90048 <body> 90049 tags: 90004 90031 Example 90032 90034 90034 Page Title 90034 90003 <h2> This is a heading </ h2> 90034 <p> This is a paragraph.</ P> 90004 Try it Yourself » 90003 However, we strongly recommend to always add the 90048 <html> 90049 and 90048 <body> 90049 tags! 90004 90003 Omitting 90048 <body> 90049 can produce errors in older browsers. 90004 90003 Omitting 90048 <html> 90049 and 90048 <body> 90049 can also crash DOM and XML software. 90004 90002 90008 Omitting <head>? 90009 90003 The HTML <head> tag can also be omitted. 90004 90003 Browsers will add all elements before 90048 <body> 90049, to a default 90048 <head> 90049 element.90004 90031 Example 90032 90034 90034 Page Title 90034 90003 <h2> This is a heading </ h2> 90034 <p> This is a paragraph. </ P> 90004 90003 </ body> 90034 </ html> 90004 Try it Yourself » 90003 However, we recommend using the 90048 <head> 90049 tag. 90004 90002 90008 Close Empty HTML Elements? 90009 90003 In HTML, it is optional to close empty elements. 90004 90031 Allowed: 90032 90003 <meta charset = "utf-8"> 90004 90031 Also Allowed: 90032 90003 <Meta charset = "utf-8" /> 90004 90003 If you expect XML / XHTML software to access your page, keep the closing slash (/), because it is required in XML and XHTML.90004 90002 90008 Add the lang Attribute 90009 90003 You should always include the 90048 lang 90049 attribute inside the 90048 <html> 90049 tag, to declare the language of the Web page. This is meant to assist search engines and browsers. 90004 90031 Example 90032 90034 90034 90034 Page Title 90034 90003 <h2> This is a heading </ h2> 90034 <p> This is a paragraph. </ p> 90004 90003 </ body> 90034 </ html> 90004 Try it Yourself » 90002 90008 Meta Data 90009 90003 To ensure proper interpretation and correct search engine indexing, both the language and the character encoding 90048 <meta charset = "90348 charset 90349"> 90049 should be defined as early as possible in an HTML document: 90004 90003 <! DOCTYPE html> 90034 <html lang = "en-us"> 90034 <head> 90034 <meta charset = "UTF-8"> 90034 <Title> Page Title </ title> 90034 </ head> 90004 90002 90008 Setting The Viewport 90009 90003 The viewport is the user’s visible area of ​​a web page.It varies with the device — it will be smaller on a mobile phone than on a computer screen. 90004 90003 You should include the following 90048 <meta> 90049 element in all your web pages: 90004 90003 <Meta name = "viewport" content = "width = device-width, initial-scale = 1.0"> 90004 90003 This gives the browser instructions on how to control the page’s dimensions and scaling. 90004 90003 The 90048 width = device-width 90049 part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).90004 90003 The 90048 initial-scale = 1.0 90049 part sets the initial zoom level when the page is first loaded by the browser. 90004 90003 Here is an example of a web page 90348 without 90349 the viewport meta tag, and the same web page 90348 with 90349 the viewport meta tag: 90004 90003 90387 Tip: 90388 If you are browsing this page with a phone or a tablet, you can click on the two links below to see the difference. 90004 90034 90002 90008 HTML Comments 90009 90003 Short comments should be written on one line, like this: 90004 90003 <! - This is a comment -> 90004 90003 Comments that spans more than one line, should be written like this: 90004 90003 <! - 90034 This is a long comment example.This is a long comment example. 90034 This is a long comment example. This is a long comment example. 90034 -> 90004 90003 Long comments are easier to observe if they are indented with two spaces. 90004 90002 90008 Using Style Sheets 90009 90003 Use simple syntax for linking to style sheets (the 90048 type 90049 attribute is not necessary): 90004 90003 <Link rel = "stylesheet" href = "styles.css"> 90004 90003 Short CSS rules can be written compressed, like this: 90004 90003 p.intro {font-family: Verdana; font-size: 16em;} 90004 90003 Long CSS rules should be written over multiple lines: 90004 90003 body {90034 background-color: lightgrey; 90034 font-family: «Arial Black «, Helvetica, sans-serif; 90034 font-size: 16em; 90034 color: black; 90034} 90004 90021 90022 Place the opening bracket on the same line as the selector 90023 90022 Use one space before the opening bracket 90023 90022 Use two spaces of indentation 90023 90022 Use semicolon after each property-value pair, including the last 90023 90022 Only use quotes around values ​​if the value contains spaces 90023 90022 Place the closing bracket on a new line, without leading spaces 90023 90030 90002 90008 Loading JavaScript in HTML 90009 90003 Use simple syntax for loading external scripts (the 90048 type 90049 attribute is not necessary): 90004 90003 <Script src = "myscript.js "> 90004 90002 90008 Accessing HTML Elements with JavaScript 90009 90003 Using «untidy» HTML code can result in JavaScript errors. 90004 90003 These two JavaScript statements will produce different results: 90004 90031 Example 90032 getElementById ( «Demo»). innerHTML = «Hello»; 90003 getElementById ( «demo»). InnerHTML = «Hello»; 90004 Try it Yourself » 90003 Visit the JavaScript Style Guide. 90004 90002 90008 Use Lower Case File Names 90009 90003 Some web servers (Apache, Unix) are case sensitive about file names: «london.jpg «can not be accessed as «London.jpg». 90004 90003 Other web servers (Microsoft, IIS) are not case sensitive: «london.jpg» can be accessed as «London.jpg». 90004 90003 If you use a mix of uppercase and lowercase, you have to be aware of this. 90004 90003 If you move from a case-insensitive to a case-sensitive server, even small errors will break your web! 90004 90003 To avoid these problems, always use lowercase file names! 90004 90002 90008 File Extensions 90009 90003 HTML files should have a 90387.html 90388 or 90387 .htm 90388 extension. 90004 90003 CSS files should have a 90387 .css 90388 extension. 90004 90003 JavaScript files should have a 90387 .js 90388 extension. 90004 90002 90008 Differences Between .htm and .html? 90009 90003 There is no difference between the .htm and .html file extensions! 90004 90003 Both will be treated as HTML by any web browser and web server. 90004 90002 90008 Default Filenames 90009 90003 When a URL does not specify a filename at the end (like «https: // www.w3schools.com/ «), the server just adds a default filename, such as «index.html», «Index.htm», «default.html», or «default.htm». 90004 90003 If your server is configured only with «index.html» as the default filename, your file must be named «index.html», and not «default.html.» 90004 90003 However, servers can be configured with more than one default filename; usually you can set up as many default filenames as you want. 90004 90034 .90000 HTML Tutorial 90001 90002 HTML is the standard markup language for Web pages. 90003 90002 With HTML you can create your own Website. 90003 90002 This tutorial follows the latest HTML5 standard. 90003 90002 HTML is easy to learn — You will enjoy it! 90003 Start learning HTML now » 90010 90011 Easy Learning with HTML «Try it Yourself» 90012 90002 With our «Try it Yourself» editor, you can edit the HTML code and view the result: 90003 90015 Example 90016 90017 90017 90017 Page Title 90017 90002 <h2> This is a Heading </ h2> 90017 <p> This is a paragraph.</ P> 90003 90002 </ body> 90017 </ html> 90003 Try it Yourself » 90002 90028 Click on the «Try it Yourself» button to see how it works. 90029 90003 90010 90011 HTML Examples 90012 90002 In this HTML tutorial, you will find more than 200 examples. With our online «Try it Yourself» editor, you can edit and test each example yourself! 90003 90002 Go to HTML Examples! 90003 90010 90010 90011 HTML Exercises 90012 90002 This HTML tutorial also contains nearly 100 HTML exercises.90003 90011 Test Yourself With Exercises 90012 90011 Exercise: 90012 90002 Add a «tooltip» to the paragraph below with the text «About W3Schools». 90003 90002 <P = "About W3Schools"> W3Schools is a web developer’s site. </ P> 90003 90017 Submit Answer » 90002 Start the Exercise 90003 90010 90011 HTML Quiz Test 90012 90002 Test your HTML skills with our HTML Quiz! 90003 90002 Start HTML Quiz! 90003 90010 90011 HTML References 90012 90002 At W3Schools you will find complete references about HTML elements, attributes, events, color names, entities, character-sets, URL encoding, language codes, HTTP messages, browser support, and more: 90003 90010 90011 HTML Exam — Get Your Diploma! 90012 90070 90011 W3Schools ‘Online Certification 90012 90002 The perfect solution for professionals who need to balance work, family, and career building.90003 90002 More than 25 000 certificates already issued! 90003 90002 Get Your Certificate »90003 90002 The HTML Certificate documents your knowledge of HTML. 90003 90002 The CSS Certificate documents your knowledge of advanced CSS. 90003 90002 The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM. 90003 90002 The Python Certificate documents your knowledge of Python. 90003 90002 The jQuery Certificate documents your knowledge of jQuery. 90003 90002 The SQL Certificate documents your knowledge of SQL.90003 90002 The PHP Certificate documents your knowledge of PHP and MySQL. 90003 90002 The XML Certificate documents your knowledge of XML, XML DOM and XSLT. 90003 90002 The Bootstrap Certificate documents your knowledge of the Bootstrap framework. 90003 90017 .90000 HTML Video 90001 90002 90003 The HTML 90004 <video> 90005 element is used to show a video on a web page. 90006 90002 90002 90009 The HTML <video> Element 90010 90003 To show a video in HTML, use the 90004 <video> 90005 element: 90006 90015 Example 90016 90003 <Video controls> 90018 <Source src = "movie.mp4" type = "video / mp4"> 90018 <Source src = "movie.ogg" type = "video / ogg"> 90018 Your browser does not support the video tag.90018 </ Video> 90006 Try it Yourself » 90002 90009 How it Works 90010 90003 The 90004 controls 90005 attribute adds video controls, like play, pause, and volume. 90006 90003 It is a good idea to always include 90004 width 90005 and 90004 height 90005 attributes. If height and width are not set, the page might flicker while the video loads. 90006 90003 The 90004 <source> 90005 element allows you to specify alternative video files which the browser may choose from.The browser will use the first recognized format. 90006 90003 The text between the 90004 <video> 90005 and 90004 </ video> 90005 tags will only be displayed in browsers that do not support the 90004 <video> 90005 element. 90006 90002 90009 HTML <video> Autoplay 90010 90003 To start a video automatically use the 90004 autoplay 90005 attribute: 90006 90015 Example 90016 90003 <Video autoplay> 90018 <Source src = "movie.mp4" type = "video / mp4"> 90018 <Source src = "movie.ogg "type =" video / ogg "> 90018 Your browser does not support the video tag. 90018 </ Video> 90006 Try it Yourself » 90003 The autoplay attribute does not work in mobile devices like iPad and iPhone. 90006 90002 90009 Browser Support 90010 90003 The numbers in the table specify the first browser version that fully supports the 90004 <video> 90005 element. 90006 90072 90073 90074 Element 90075 90076 90077 90078 90079 90080 90081 90073 90083 <video> 90084 90083 4.0 90084 90083 9.0 90084 90083 3.5 90084 90083 4.0 90084 90083 10.5 90084 90081 90096 90002 90002 90009 HTML Video Formats 90010 90003 There are three supported video formats: MP4, WebM, and Ogg. The browser support for the different formats is: 90006 90072 90073 90074 Browser 90075 90074 MP4 90075 90074 WebM 90075 90074 Ogg 90075 90081 90073 90083 Internet Explorer 90084 90083 YES 90084 90083 NO 90084 90083 NO 90084 90081 90073 90083 Chrome 90084 90083 YES 90084 90083 YES 90084 90083 YES 90084 90081 90073 90083 Firefox 90084 90083 YES 90084 90083 YES 90084 90083 YES 90084 90081 90073 90083 Safari 90084 90083 YES 90084 90083 NO 90084 90083 NO 90084 90081 90073 90083 Opera 90084 90083 YES (from Opera 25) 90084 90083 YES 90084 90083 YES 90084 90081 90096 90002 90009 HTML Video — Media Types 90010 90072 90073 90074 File Format 90075 90074 Media Type 90075 90081 90073 90083 MP4 90084 90083 video / mp4 90084 90081 90073 90083 WebM 90084 90083 video / webm 90084 90081 90073 90083 Ogg 90084 90083 video / ogg 90084 90081 90096 90002 90009 HTML Video — Methods, Properties, and Events 90010 90003 HTML defines DOM methods, properties, and events for the 90004 <video> 90005 element.90006 90003 This allows you to load, play, and pause videos, as well as setting duration and volume. 90006 90003 There are also DOM events that can notify you when a video begins to play, is paused, etc. 90006 90003 For a full DOM reference, go to our HTML Audio / Video DOM Reference. 90006 90002 90009 HTML Video Tags 90010 90072 90073 90074 Tag 90075 90074 Description 90075 90081 90073 90083 <video> 90084 90083 Defines a video or movie 90084 90081 90073 90083 <source> 90084 90083 Defines multiple media resources for media elements, such as <video> and <audio> 90084 90081 90073 90083 <track> 90084 90083 Defines text tracks in media players 90084 90081 90096 90018 .90000 HTML 5.2 90001 90002 Abstract 90003 90004 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability.90005 90004 90007 This section describes the status of this document at the time of its publication. Other documents may supersede this document. A list of current 90008 W3C 90009 publications and the latest revision of this technical report can be found in the 90008 W3C 90009 technical reports index at https://www.w3.org/TR/. 90012 90005 90004 This document was published by the Web Platform Working Group as a W3C Recommendation for HTML 5.2 that would obsolete the HTML 5.1 Recommendation. 90005 90004 All interested parties are invited to provide implementation and bug reports and other comments through the Working Group’s Issue tracker. These will generally be considered in the development of HTML 5.3. 90005 90004 The implementation report produced for this version demonstrates that in almost every case changes are matched by interoperable implementation. 90005 90004 This document has been reviewed by 90008 W3C 90009 Members, by software developers, and by other 90008 W3C 90009 groups and interested parties, and is endorsed by the Director as a 90008 W3C 90009 Recommendation.It is a stable document and may be used as reference material or cited from another document. 90008 W3C 90009 ‘s role in making the Recommendation is to draw attention to the specification and to promote its widespread deployment. This enhances the functionality and interoperability of the Web. 90005 90004 This document was produced by a group operating under the W3C Patent Policy. W3C maintains a public list of any patent disclosures made in connection with the deliverables of the group; that page also includes instructions for disclosing a patent.An individual who has actual knowledge of a patent which the individual believes contains Essential Claim (s) must disclose the information in accordance with section 6 of the W3C Patent Policy. 90005 90004 This document is governed by the 1 March 2017 90008 W3C 90009 Process Document. 90005 .<div class='yarpp-related yarpp-related-none'> <p>No related posts.</p> </div> </div> </div><!-- .entry-content --> <div class="single-meta"> <footer class="entry-footer"> #<a href="https://gnomesmonetized.ru/category/raznoe-2" rel="category tag">Разное</a> </footer><!-- .entry-footer --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" role="navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://gnomesmonetized.ru/raznoe-2/tematiki-sajtov-vybor-tematiki-sajta-kak-vybrat-temu-sajta-kakoj-tematiki-sdelat-sajt.html" rel="prev"><span class="screen-reader-text">Предыдущая запись:</span> <span class="post-title">Тематики сайтов – Выбор тематики сайта. Как выбрать тему сайта? Какой тематики сделать сайт?</span></a></div><div class="nav-next"><a href="https://gnomesmonetized.ru/raznoe-2/kak-zarabatyvayut-na-youtube-kak-zarabotat-dengi-na-youtube.html" rel="next"><span class="screen-reader-text">Следующая запись:</span> <span class="post-title">Как зарабатывают на youtube – Как заработать деньги на YouTube</span></a></div></div> </nav> <div class="wpdiscuz_top_clearing"></div> <div id="comments" class="comments-area"><div id="respond" style="width: 0;height: 0;clear: both;margin: 0;padding: 0;"></div> <h3 id="wc-comment-header"> Отправить ответ </h3> <div id="wpcomm" class="wpdiscuz_unauth wpd-default"> <div class="wpdiscuz-form-top-bar"> <div class="wpdiscuz-ftb-left"> <div id="wc_show_hide_loggedin_username"> </div> </div> <div class="wpd-clear"></div> </div> <div class="wc_social_plugin_wrapper"> </div> <div class="wc-form-wrapper wc-main-form-wrapper" id='wc-main-form-wrapper-0_0' > <div class="wpdiscuz-comment-message" style="display: block;"></div> <form class="wc_comm_form wc_main_comm_form" method="post" enctype="multipart/form-data"> <div class="wc-field-comment"> <div class="wpdiscuz-item wc-field-textarea" > <div class="wpdiscuz-textarea-wrap "> <div class="wc-field-avatararea"> <img alt='avatar' src='https://secure.gravatar.com/avatar/?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo avatar-default' height='40' width='40' loading='lazy'/> </div> <textarea id="wc-textarea-0_0" placeholder="Начать обсуждение..." required name="wc_comment" class="wc_comment wpd-field"></textarea> </div> </div> <div class="clearfix"></div> </div> <div class="wc-form-footer" style="display: none;"> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"> <div class="wc-captcha-input"> <input type="text" maxlength="5" value="" autocomplete="off" required="required" name="wc_captcha" class="wpd-field wc_field_captcha" placeholder="Code" title="Вставьте код CAPTCHA"> </div> <div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"><img alt="wpdiscuz_captcha" class="wc_captcha_img" src="https://gnomesmonetized.ru/wp-content/plugins/wpdiscuz/utils/captcha/captcha.php?key=c5f8dd4032864b" width="80" height="26"/></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img alt="refresh" class="" src="https://gnomesmonetized.ru/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="c5f8dd4032864b" class="wpdiscuz-cnonce" name="cnonce" value="c5f8dd4032864b" /> </div> <div class="clearfix"></div> </div> <div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-0_0" class="wc_notification_new_comment-0_0 wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="0_0" name="wpdiscuz_unique_id"> </form> </div> <div id = "wpdiscuz_hidden_secondary_form" style = "display: none;"> <div class="wc-form-wrapper wc-secondary-form-wrapper" id='wc-secondary-form-wrapper-wpdiscuzuniqueid' style='display: none;' > <div class="wpdiscuz-comment-message" style="display: block;"></div> <div class="wc-secondary-forms-social-content"></div><div class="clearfix"></div> <form class="wc_comm_form wc-secondary-form-wrapper" method="post" enctype="multipart/form-data"> <div class="wc-field-comment"> <div class="wpdiscuz-item wc-field-textarea" > <div class="wpdiscuz-textarea-wrap "> <div class="wc-field-avatararea"> <img alt='avatar' src='https://secure.gravatar.com/avatar/?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo avatar-default' height='48' width='48' loading='lazy'/> </div> <textarea id="wc-textarea-wpdiscuzuniqueid" placeholder="Присоединиться к обсуждению..." required name="wc_comment" class="wc_comment wpd-field"></textarea> </div> </div> <div class="clearfix"></div> </div> <div class="wc-form-footer" style="display: none;"> <div class="wpd-form-row"> <div class="wpd-form-col-left"> <div class="wpdiscuz-item wc_name-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-user"></i></div> <input value="" required="required" class="wc_name wpd-field" type="text" name="wc_name" placeholder="Имя*" maxlength="50" pattern=".{3,50}" title=""> </div> <div class="wpdiscuz-item wc_email-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-at"></i></div> <input value="" required="required" class="wc_email wpd-field" type="email" name="wc_email" placeholder="Email*"> </div> <div class="wpdiscuz-item wc_website-wrapper wpd-has-icon"> <div class="wpd-field-icon"><i class="fas fa-link"></i></div> <input value="" class="wc_website wpd-field" type="text" name="wc_website" placeholder="Website"> </div> </div> <div class="wpd-form-col-right"> <div class="wc-field-captcha wpdiscuz-item wc_captcha-wrapper"> <div class="wc-captcha-input"> <input type="text" maxlength="5" value="" autocomplete="off" required="required" name="wc_captcha" class="wpd-field wc_field_captcha" placeholder="Code" title="Вставьте код CAPTCHA"> </div> <div class="wc-label wc-captcha-label"> <a class="wpdiscuz-nofollow" href="#" rel="nofollow"><img alt="wpdiscuz_captcha" class="wc_captcha_img" src="https://gnomesmonetized.ru/wp-content/plugins/wpdiscuz/utils/captcha/captcha.php?key=c5f8dd403288c8" width="80" height="26"/></a><a class="wpdiscuz-nofollow wc_captcha_refresh_img" href="#" rel="nofollow"><img alt="refresh" class="" src="https://gnomesmonetized.ru/wp-content/plugins/wpdiscuz/assets/img/captcha-loading.png" width="16" height="16"/></a> <input type="hidden" id="c5f8dd403288c8" class="wpdiscuz-cnonce" name="cnonce" value="c5f8dd403288c8" /> </div> <div class="clearfix"></div> </div> <div class="wc-field-submit"> <label class="wpd_label" title="Сообщать о всех новых ответах на мои комментарии"> <input id="wc_notification_new_comment-wpdiscuzuniqueid" class="wc_notification_new_comment-wpdiscuzuniqueid wpd_label__checkbox" value="comment" type="checkbox" name="wpdiscuz_notification_type" /> <span class="wpd_label__text"> <span class="wpd_label__check"> <i class="fas fa-bell wpdicon wpdicon-on"></i> <i class="fas fa-bell-slash wpdicon wpdicon-off"></i> </span> </span> </label> <input class="wc_comm_submit wc_not_clicked button alt" type="submit" name="submit" value="Оставить комментарий"> </div> </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> <input type="hidden" class="wpdiscuz_unique_id" value="wpdiscuzuniqueid" name="wpdiscuz_unique_id"> </form> </div> </div> <div class="wpdiscuz-front-actions"> <div class="wpdiscuz-sbs-wrap"> <span><i class="far fa-envelope" aria-hidden="true"></i>  Подписаться  <i class="fas fa-caret-down" aria-hidden="true"></i></span> </div> <div class="clearfix"></div> </div> <div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"> <form action="https://gnomesmonetized.ru/wp-admin/admin-ajax.php?action=addSubscription" method="post" id="wpdiscuz-subscribe-form"> <div class="wpdiscuz-subscribe-form-intro">Уведомление о </div> <div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType" > <option value="post">новые последующие комментарии</option> <option value="all_comment" >новые ответы на мои комментарии</option> </select> </div> <div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/> </div> <div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" type="submit" value="›" name="wpdiscuz_subscription_button" /> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="0a1cd21bfa" /><input type="hidden" name="_wp_http_referer" value="/raznoe-2/ntml5-html-i-html5-opisanie-tegov-po-osnovnym-razdelam.html" /> <input type="hidden" value="5583" name="wpdiscuzSubscriptionPostId" /> </form> <div class="wpdiscuz_clear"></div> </div> <div id="wcThreadWrapper" class="wc-thread-wrapper"> <div class="wpdiscuz-comment-pagination"> </div> </div> <div class="wpdiscuz_clear"></div> </div> </div> <div id="wpdiscuz-loading-bar" class="wpdiscuz-loading-bar wpdiscuz-loading-bar-unauth"></div> </main><!-- #main --> </div><!-- #primary --> <aside id="secondary" class="widget-area" role="complementary"> <div class="theiaStickySidebar"> <div id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://gnomesmonetized.ru/"> <label> <span class="screen-reader-text">Найти:</span> <input type="search" class="search-field" placeholder="Поиск…" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Поиск" /> </form></div><div id="nav_menu-2" class="widget widget_nav_menu"><h5 class="widget-title center-widget-title">Рубрики</h5><div class="menu-1-container"><ul id="menu-1" class="menu"><li id="menu-item-5380" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5380"><a href="https://gnomesmonetized.ru/category/bez-vlozhenij">Без вложений</a></li> <li id="menu-item-5381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5381"><a href="https://gnomesmonetized.ru/category/raznoe">Бизнес развитие</a></li> <li id="menu-item-5382" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5382"><a href="https://gnomesmonetized.ru/category/bystro">Быстрый заработок</a></li> <li id="menu-item-5383" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5383"><a href="https://gnomesmonetized.ru/category/zarabot">Где заработать</a></li> <li id="menu-item-5384" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5384"><a href="https://gnomesmonetized.ru/category/zarabot-3">Заработок</a></li> <li id="menu-item-5385" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5385"><a href="https://gnomesmonetized.ru/category/shkolniku">Заработок школьнику</a></li> <li id="menu-item-5386" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5386"><a href="https://gnomesmonetized.ru/category/na-sajtax">На сайтах</a></li> <li id="menu-item-5387" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5387"><a href="https://gnomesmonetized.ru/category/proverennye">Проверенные схемы</a></li> <li id="menu-item-5389" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5389"><a href="https://gnomesmonetized.ru/category/sposoby">Способы заработка</a></li> <li id="menu-item-5390" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5390"><a href="https://gnomesmonetized.ru/category/frilans">Фриланс</a></li> <li id="menu-item-5388" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-5388"><a href="https://gnomesmonetized.ru/category/raznoe-2">Разное</a></li> </ul></div></div><div id="custom_html-10" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> </div></div> </div> </aside></div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="copyright-area"> <div class="wrapper"> <div class="col-row"> <div class="col col-full"> <div class="site-info"> <div class="footer_image"> </div> <h4 class="site-copyright"> 2019 © Все права защищены. </h4> <div class="col col-full site-copyright"> <a href="/sitemap.xml" class="c_sitemap">Карта сайта</a> </div> </div> </div> </div> </div> </div> </footer> </div> <div class="scroll-up alt-bgcolor"> <i class="ion-ios-arrow-up text-light"></i> </div> <style type="text/css"> .archive #nav-above, .archive #nav-below, .search #nav-above, .search #nav-below, .blog #nav-below, .blog #nav-above, .navigation.paging-navigation, .navigation.pagination, .pagination.paging-pagination, .pagination.pagination, .pagination.loop-pagination, .bicubic-nav-link, #page-nav, .camp-paging, #reposter_nav-pages, .unity-post-pagination, .wordpost_content .nav_post_link,.page-link, .page-links,#comments .navigation, #comment-nav-above, #comment-nav-below, #nav-single, .navigation.comment-navigation, comment-pagination { display: none !important; } .single-gallery .pagination.gllrpr_pagination { display: block !important; } </style> <a id='wpdUserContentInfoAnchor' style='display:none;' rel='#wpdUserContentInfo' data-wpd-lity>wpDiscuz</a><div id='wpdUserContentInfo' style='overflow:auto;background:#FDFDF6;padding:20px;width:600px;max-width:100%;border-radius:6px;' class='lity-hide'></div><link rel='stylesheet' id='yarppRelatedCss-css' href='https://gnomesmonetized.ru/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='pgntn_stylesheet-css' href='https://gnomesmonetized.ru/wp-content/plugins/pagination/css/nav-style.css?ver=5.5.1' type='text/css' media='all' /> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/jquery/jquery.form.min.js?ver=4.2.1' id='jquery-form-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/js/skip-link-focus-fix.js?ver=20151215' id='jumla-skip-link-focus-fix-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/headroom/headroom.js?ver=5.5.1' id='headroom-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/headroom/jQuery.headroom.js?ver=5.5.1' id='jquery-headroom-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/owlcarousel/js/owl.carousel.min.js?ver=5.5.1' id='owlcarousel-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/magnific-popup/jquery.magnific-popup.min.js?ver=5.5.1' id='jquery-magnific-popup-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/twp/js/twp-scroll.js?ver=5.5.1' id='jquery-scroll-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/libraries/theiaStickySidebar/theia-sticky-sidebar.min.js?ver=5.5.1' id='theiaStickySidebar-js'></script> <script type='text/javascript' id='mediaelement-core-js-before'> var mejsL10n = {"language":"ru","strings":{"mejs.download-file":"\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0444\u0430\u0439\u043b","mejs.install-flash":"Flash player \u043f\u043b\u0430\u0433\u0438\u043d \u0431\u044b\u043b \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d \u0438\u043b\u0438 \u043d\u0435 \u0431\u044b\u043b \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d \u0432 \u0432\u0430\u0448\u0435\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u0435 \u043f\u043b\u0430\u0433\u0438\u043d Flash player \u0438\u043b\u0438 \u0441\u043a\u0430\u0447\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u0432\u0435\u0440\u0441\u0438\u044e \u0441 https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"\u041d\u0430 \u0432\u0435\u0441\u044c \u044d\u043a\u0440\u0430\u043d","mejs.play":"\u0412\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0441\u0442\u0438","mejs.pause":"\u041f\u0430\u0443\u0437\u0430","mejs.time-slider":"\u0428\u043a\u0430\u043b\u0430 \u0432\u0440\u0435\u043c\u0435\u043d\u0438","mejs.time-help-text":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432\u043b\u0435\u0432\u043e\/\u0432\u043f\u0440\u0430\u0432\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u0443 \u0441\u0435\u043a\u0443\u043d\u0434\u0443; \u0432\u0432\u0435\u0440\u0445\/\u0432\u043d\u0438\u0437, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u043c\u0435\u0441\u0442\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0434\u0435\u0441\u044f\u0442\u044c \u0441\u0435\u043a\u0443\u043d\u0434.","mejs.live-broadcast":"\u041f\u0440\u044f\u043c\u0430\u044f \u0442\u0440\u0430\u043d\u0441\u043b\u044f\u0446\u0438\u044f","mejs.volume-help-text":"\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432\u0432\u0435\u0440\u0445\/\u0432\u043d\u0438\u0437, \u0447\u0442\u043e\u0431\u044b \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0442\u044c \u0438\u043b\u0438 \u0443\u043c\u0435\u043d\u044c\u0448\u0438\u0442\u044c \u0433\u0440\u043e\u043c\u043a\u043e\u0441\u0442\u044c.","mejs.unmute":"\u0412\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0437\u0432\u0443\u043a","mejs.mute":"\u0411\u0435\u0437 \u0437\u0432\u0443\u043a\u0430","mejs.volume-slider":"\u0420\u0435\u0433\u0443\u043b\u044f\u0442\u043e\u0440 \u0433\u0440\u043e\u043c\u043a\u043e\u0441\u0442\u0438","mejs.video-player":"\u0412\u0438\u0434\u0435\u043e\u043f\u043b\u0435\u0435\u0440","mejs.audio-player":"\u0410\u0443\u0434\u0438\u043e\u043f\u043b\u0435\u0435\u0440","mejs.captions-subtitles":"\u0421\u0443\u0431\u0442\u0438\u0442\u0440\u044b","mejs.captions-chapters":"\u0413\u043b\u0430\u0432\u044b","mejs.none":"\u041d\u0435\u0442","mejs.afrikaans":"\u0410\u0444\u0440\u0438\u043a\u0430\u043d\u0441\u043a\u0438\u0439","mejs.albanian":"\u0410\u043b\u0431\u0430\u043d\u0441\u043a\u0438\u0439","mejs.arabic":"\u0410\u0440\u0430\u0431\u0441\u043a\u0438\u0439","mejs.belarusian":"\u0411\u0435\u043b\u0430\u0440\u0443\u0441\u0441\u043a\u0438\u0439","mejs.bulgarian":"\u0411\u043e\u043b\u0433\u0430\u0440\u0441\u043a\u0438\u0439","mejs.catalan":"\u041a\u0430\u0442\u0430\u043b\u043e\u043d\u0441\u043a\u0438\u0439","mejs.chinese":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439","mejs.chinese-simplified":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439 (\u0443\u043f\u0440\u043e\u0449\u0435\u043d\u043d\u044b\u0439)","mejs.chinese-traditional":"\u041a\u0438\u0442\u0430\u0439\u0441\u043a\u0438\u0439 (\u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0439)","mejs.croatian":"\u0425\u043e\u0440\u0432\u0430\u0442\u0441\u043a\u0438\u0439","mejs.czech":"\u0427\u0435\u0448\u0441\u043a\u0438\u0439","mejs.danish":"\u0414\u0430\u0442\u0441\u043a\u0438\u0439","mejs.dutch":"\u041d\u0438\u0434\u0435\u0440\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439 (\u0433\u043e\u043b\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439)","mejs.english":"\u0410\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0439","mejs.estonian":"\u042d\u0441\u0442\u043e\u043d\u0441\u043a\u0438\u0439","mejs.filipino":"\u0424\u0438\u043b\u0438\u043f\u043f\u0438\u043d\u0441\u043a\u0438\u0439","mejs.finnish":"\u0424\u0438\u043d\u0441\u043a\u0438\u0439","mejs.french":"\u0424\u0440\u0430\u043d\u0446\u0443\u0437\u0441\u043a\u0438\u0439","mejs.galician":"\u0413\u0430\u043b\u0438\u0441\u0438\u0439\u0441\u043a\u0438\u0439","mejs.german":"\u041d\u0435\u043c\u0435\u0446\u043a\u0438\u0439","mejs.greek":"\u0413\u0440\u0435\u0447\u0435\u0441\u043a\u0438\u0439","mejs.haitian-creole":"\u0413\u0430\u0438\u0442\u044f\u043d\u0441\u043a\u0438\u0439 \u043a\u0440\u0435\u043e\u043b\u044c\u0441\u043a\u0438\u0439","mejs.hebrew":"\u0418\u0432\u0440\u0438\u0442","mejs.hindi":"\u0425\u0438\u043d\u0434\u0438","mejs.hungarian":"\u0412\u0435\u043d\u0433\u0435\u0440\u0441\u043a\u0438\u0439","mejs.icelandic":"\u0418\u0441\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439","mejs.indonesian":"\u0418\u043d\u0434\u043e\u043d\u0435\u0437\u0438\u0439\u0441\u043a\u0438\u0439","mejs.irish":"\u0418\u0440\u043b\u0430\u043d\u0434\u0441\u043a\u0438\u0439","mejs.italian":"\u0418\u0442\u0430\u043b\u044c\u044f\u043d\u0441\u043a\u0438\u0439","mejs.japanese":"\u042f\u043f\u043e\u043d\u0441\u043a\u0438\u0439","mejs.korean":"\u041a\u043e\u0440\u0435\u0439\u0441\u043a\u0438\u0439","mejs.latvian":"\u041b\u0430\u0442\u0432\u0438\u0439\u0441\u043a\u0438\u0439","mejs.lithuanian":"\u041b\u0438\u0442\u043e\u0432\u0441\u043a\u0438\u0439","mejs.macedonian":"\u041c\u0430\u043a\u0435\u0434\u043e\u043d\u0441\u043a\u0438\u0439","mejs.malay":"\u041c\u0430\u043b\u0430\u0439\u0441\u043a\u0438\u0439","mejs.maltese":"\u041c\u0430\u043b\u044c\u0442\u0438\u0439\u0441\u043a\u0438\u0439","mejs.norwegian":"\u041d\u043e\u0440\u0432\u0435\u0436\u0441\u043a\u0438\u0439","mejs.persian":"\u041f\u0435\u0440\u0441\u0438\u0434\u0441\u043a\u0438\u0439","mejs.polish":"\u041f\u043e\u043b\u044c\u0441\u043a\u0438\u0439","mejs.portuguese":"\u041f\u043e\u0440\u0442\u0443\u0433\u0430\u043b\u044c\u0441\u043a\u0438\u0439","mejs.romanian":"\u0420\u0443\u043c\u044b\u043d\u0441\u043a\u0438\u0439","mejs.russian":"\u0420\u0443\u0441\u0441\u043a\u0438\u0439","mejs.serbian":"\u0421\u0435\u0440\u0431\u0441\u043a\u0438\u0439","mejs.slovak":"\u0421\u043b\u043e\u0432\u0430\u0446\u043a\u0438\u0439","mejs.slovenian":"\u0421\u043b\u043e\u0432\u0435\u043d\u0441\u043a\u0438\u0439","mejs.spanish":"\u0418\u0441\u043f\u0430\u043d\u0441\u043a\u0438\u0439","mejs.swahili":"\u0421\u0443\u0430\u0445\u0438\u043b\u0438","mejs.swedish":"\u0428\u0432\u0435\u0434\u0441\u043a\u0438\u0439","mejs.tagalog":"\u0422\u0430\u0433\u0430\u043b\u043e\u0433","mejs.thai":"\u0422\u0430\u0439\u0441\u043a\u0438\u0439","mejs.turkish":"\u0422\u0443\u0440\u0435\u0446\u043a\u0438\u0439","mejs.ukrainian":"\u0423\u043a\u0440\u0430\u0438\u043d\u0441\u043a\u0438\u0439","mejs.vietnamese":"\u0412\u044c\u0435\u0442\u043d\u0430\u043c\u0441\u043a\u0438\u0439","mejs.welsh":"\u0412\u0430\u043b\u043b\u0438\u0439\u0441\u043a\u0438\u0439","mejs.yiddish":"\u0418\u0434\u0438\u0448"}}; </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.13-9993131' id='mediaelement-core-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=5.5.1' id='mediaelement-migrate-js'></script> <script type='text/javascript' id='mediaelement-js-extra'> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=5.5.1' id='wp-mediaelement-js'></script> <script type='text/javascript' id='jumla-script-js-extra'> /* <![CDATA[ */ var jumlaVal = {"nonce":"5cf5cb06d3","ajaxurl":"https:\/\/gnomesmonetized.ru\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/themes/jumla/assets/twp/js/custom-script.js?ver=5.5.1' id='jumla-script-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/comment-reply.min.js?ver=5.5.1' id='comment-reply-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"30"}; /* ]]> */ </script> <script type='text/javascript' src='https://gnomesmonetized.ru/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js'></script> </body> </html>