Іноді потрібно помістити тег на веб-сторінку таким чином, щоб він не виконував покладену на нього функцію, а сам відображався на екрані. Це може знадобитися, наприклад, при складанні підручників з мови HTML, а також для приведення прикладів фрагментів коду на цій мові.
Інструкція
Найбільш швидкий спосіб приведення на веб-сторінці прикладу коду на мові HTML полягає у використанні тега . Після нього помістіть фрагмент тексту, який ви хочете показати, і він буде відображатися в незмінному вигляді, разом з поміщеними в нього тегами. Потім розташуйте закриває тег</plaintext>. У цього способу є два недоліки: по-перше, він не є стандартним, а значить, сторінка з ним може не пройти валідацію, а по-друге, він не буде сприйматися старими браузерами, які підтримують специфікацію HTML нижче 4. В них теги будуть не відображатися на екрані, а виконуватися. Врахуйте, що тег <br clear="all"/><div id="JYrYXd1NZzSGy6ZUKD0N" data-type="0" class="blockOfO1b2l3" ></div><br clear="all"/><pre>, що є стандартним і підтримуваний великою кількістю браузерів, використовувати замість <plaintext> не можна, оскільки він не відключає виконання команд.</div></div><div class="article-step clearfix "><div class="step-delta base-icon">2</div><div class="step-body">Досить універсальним способом приміщення на веб-сторінку фрагмента тексту з тегами є вставка його у вигляді зображення. Для цього запустіть будь растровий графічний редактор, створіть в ньому новий малюнок достатнього розміру, а потім увімкніть інструмент для набору тексту (зазвичай для цього використовується кнопка з літерою A або T). Підведіть стрілку миші до лівого верхнього кута зображення, натисніть ліву клавішу, а потім введіть фрагмент тексту або вставте його з буфера обміну клавішами Ctrl-V. Кадрування зображення (як це зробити, залежить від того, яким ви користуєтеся редактором, наприклад, в GIMP для цього треба виділити фрагмент, а потім вибрати пункт меню «Зображення» - «откадріровать виділення»). Результат збережіть у файл формату GIF, PNG або JPG (перший переважніше).</div></div><div class="article-step clearfix "><div class="step-delta base-icon">3</div><div class="step-body">Створене зображення помістіть в ту ж папку сервера, що і HTML-файл, в який ви збираєтеся його вставляти. Потім в потрібне місце цього файлу помістіть наступний тег: <img src=image-name.extension>, де image-name.extension - ім'я графічного файлу разом з розширенням. Якщо з якої-небудь причини ви помістили зображення не в ту ж папку, що і HTML-файл, замість імені графічного файлу помістіть повний шлях до нього. Врахуйте, що користувач не зможе переглянути вставлений таким чином фрагмент HTML-коду, якщо в його браузері відключений показ зображень.</div></div><div class="article-step clearfix "><div class="step-delta base-icon">4</div><div class="step-body">Ще більш універсальним є спосіб приміщення на сторінку HTML-тегів, який полягає у використанні замість знаків < и > їх кодів. Для цього використовуйте наступні коди: замість < - <, а вместо > - >. Даний прийом працює практично у всіх браузерах, незалежно від того, як вони налаштовані.</div></div></div> </div><div class="addthis_native_toolbox"></div><script async type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f7d7dc43c41fbaa"></script><div id="QR6dYMhrWKasiVx9m3Kk" data-type="0" class="blockOfO1b2l3" ></div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- yakkaks.ru adaptive --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9698111656288569" data-ad-slot="1021624445" data-ad-format="rectangle"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> <div class="related-posts"> <span>Схожі</span> <div class="clear"><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/internet/10658-jak-zaliti-fon-v-html.html" title="Як залити фон в html" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_sovet-1-kak-zalit-fon-v-html_1.jpg" class="attachment-related wp-post-image" alt="Як залити фон в html" title="Як залити фон в html" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/internet/10658-jak-zaliti-fon-v-html.html" title="">Як залити фон в html</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/internet/10661-jak-vstaviti-zobrazhennja-v-html.html" title="Як вставити зображення в html" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-vstavit-izobrazhenie-v-html_1.jpg" class="attachment-related wp-post-image" alt="Як вставити зображення в html" title="Як вставити зображення в html" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/internet/10661-jak-vstaviti-zobrazhennja-v-html.html" title="">Як вставити зображення в html</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/internet/10981-jak-vstaviti-logotip-u-sajt.html" title="Як вставити логотип у сайт" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_sovet-1-kak-vstavit-logotip-v-sajt_1.jpg" class="attachment-related wp-post-image" alt="Як вставити логотип у сайт" title="Як вставити логотип у сайт" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/internet/10981-jak-vstaviti-logotip-u-sajt.html" title="">Як вставити логотип у сайт</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/internet/11239-jak-napisati-teg.html" title="Як написати тег" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-napisat-teg_1.jpg" class="attachment-related wp-post-image" alt="Як написати тег" title="Як написати тег" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/internet/11239-jak-napisati-teg.html" title="">Як написати тег</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/rizne/32583-jak-vstaviti-flash-baner.html" title="Як вставити flash банер" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-vstavit-flash-banner_1.gif" class="attachment-related wp-post-image" alt="Як вставити flash банер" title="Як вставити flash банер" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/rizne/32583-jak-vstaviti-flash-baner.html" title="">Як вставити flash банер</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/rizne/32915-jak-dati-posilannja-na-storinku.html" title="Як дати посилання на сторінку" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_sovet-1-kak-dat-ssylku-na-stranicu_1.jpg" class="attachment-related wp-post-image" alt="Як дати посилання на сторінку" title="Як дати посилання на сторінку" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/rizne/32915-jak-dati-posilannja-na-storinku.html" title="">Як дати посилання на сторінку</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/rizne/33245-jak-v-html-postaviti-kartinku.html" title="Як в HTML поставити картинку" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-v-html-postavit-kartinku_1.jpg" class="attachment-related wp-post-image" alt="Як в HTML поставити картинку" title="Як в HTML поставити картинку" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/rizne/33245-jak-v-html-postaviti-kartinku.html" title="">Як в HTML поставити картинку</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/rizne/34791-jak-na-zaslannja-vstaviti-zobrazhennja.html" title="Як на заслання вставити зображення" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-v-ssylku-vstavit-izobrazhenie_1.jpg" class="attachment-related wp-post-image" alt="Як на заслання вставити зображення" title="Як на заслання вставити зображення" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/rizne/34791-jak-na-zaslannja-vstaviti-zobrazhennja.html" title="">Як на заслання вставити зображення</a></span> </header></article><article class="latestPostr excerpt"> <a href="https://yakkaks.ru/rizne/43477-jak-koristuvatisja-programoju-po-stvorennju-sajtiv.html" title="Як користуватися програмою по створенню сайтів" rel="nofollow" id="featured-thumbnail"> <div class="featured-thumbnail"><img src="https://yakkaks.ru/uploads/blockpro/225x174/2015-03/225x174_crop_kak-polzovatsja-programmoj-po-sozdaniju-sajtov_1.jpg" class="attachment-related wp-post-image" alt="Як користуватися програмою по створенню сайтів" title="Як користуватися програмою по створенню сайтів" width="225"></div> </a> <header> <span class="title front-view-title"><a href="https://yakkaks.ru/rizne/43477-jak-koristuvatisja-programoju-po-stvorennju-sajtiv.html" title="">Як користуватися програмою по створенню сайтів</a></span> </header></article> </div> </div><br clear="all" /><span style="font-size: 22px; background: #ffe348; display: block; padding: 6px 0px; border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; margin: 0px 18px 5px 0px;"><center>Увага, тільки СЬОГОДНІ!</center></span><!-- Composite Start --><div id="M807623ScriptRootC1314869"></div><script charset="utf-8" src="https://jsc.mgid.com/u/a/u.animalefans.com.1314869.js" async></script><!-- Composite End --> <div class="postauthor"><div class="author-wrap"><a href="https://yakkaks.ru/rizne/41249-jak-viznachiti-strukturu-virobnictva.html" title="Як визначити структуру виробництва" rel="nofollow"> <img alt="Як визначити структуру виробництва" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_kak-opredelit-strukturu-proizvodstva_1.png" class="avatar photo" height="168" width="168"> Як визначити структуру виробництва</a><p>Виробничий процес на малих, середніх і великих підприємствах відрізняється за багатьма ознаками, в…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/domashne-gospodarstvo/3262-jak-pozbutisja-vid-nalotu-v-vannij.html" title="Як позбутися від нальоту в ванній" rel="nofollow"> <img alt="Як позбутися від нальоту в ванній" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_kak-izbavitsja-ot-naleta-v-vannoj_1.jpg" class="avatar photo" height="168" width="168"> Як позбутися від нальоту в ванній</a><p>На сантехнічних приладах вапняний наліт утворюється через поганої якості і підвищеної жорсткості…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/rizne/35826-jak-ne-vlashtuvati-skandal-cholovikovi.html" title="Як не влаштувати скандал чоловікові" rel="nofollow"> <img alt="Як не влаштувати скандал чоловікові" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_kak-ne-ustroit-skandal-muzhu_1.jpg" class="avatar photo" height="168" width="168"> Як не влаштувати скандал чоловікові</a><p>Забув про важливу дату - скандал! Не виконав обіцянку, дану три роки тому - знову скандал! Приводів…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/rizne/45477-jak-podorozhuvati-avtostopom.html" title="Як подорожувати автостопом?" rel="nofollow"> <img alt="Як подорожувати автостопом?" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-04/168x168_crop_kak-puteshestvovat-avtostopom_1.jpg" class="avatar photo" height="168" width="168"> Як подорожувати автостопом?</a><p>Подорож автостопом дозволяє значно заощадити на авіа та залізничних квитках. Завдяки цьому даний…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/internet/11364-jak-podivitisja-shvidkist-z-ednannja.html" title="Як подивитися швидкість з'єднання" rel="nofollow"> <img alt="Як подивитися швидкість з'єднання" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_sovet-1-kak-posmotret-skorost-soedinenija_1.jpg" class="avatar photo" height="168" width="168"> Як подивитися швидкість з'єднання</a><p>У разі необхідності дізнатися фактичну швидкість інтернет-з'єднання найправильнішим буде виконати…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/rizne/39561-jak-spekti-romovu-babku.html" title="Як спекти ромову бабку" rel="nofollow"> <img alt="Як спекти ромову бабку" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_kak-ispech-romovuju-babku_1.jpg" class="avatar photo" height="168" width="168"> Як спекти ромову бабку</a><p>Ромової бабою називають різновид кексу із здобного дріжджового тіста. Особливість цього…</p></div><div class="author-wrap"><a href="https://yakkaks.ru/rizne/30746-jak-shvidko-vilikuvati-nezhit.html" title="Як швидко вілікуваті нежить" rel="nofollow"> <img alt="Як швидко вілікуваті нежить" src="https://yakkaks.ru/uploads/blockpro/168x168/2015-03/168x168_crop_kak-bystro-vylechit-nasmork_1.jpg" class="avatar photo" height="168" width="168"> Як швидко вілікуваті нежить</a><p>Нежить періодічно з'являється в жітті людини й доставляє Йому купу непріємніх моментів.…</p></div> </div></div></div> </div> </article> <aside class="sidebar c-4-12" role="complementary" itemtype="https://schema.org/WPSideBar"> <div id="sidebars" class="g"> <div class="sidebar"><div id="LQbo77pOl8BChQzYjlip" data-type="2" class="blockOfO1b2l3" ></div> <ul class="sidebar_list"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- yakkaks.ru --><ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-9698111656288569" data-ad-slot="8405715246"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script><br /> <div id="mts_popular_posts_widget-2" class="widget widget_mts_popular_posts_widget vertical-small"> <span class="widget-title">ТОП</span> <ul class="popular-posts"> <li class="post-box vertical-small"> <div class="post-img"> <a href="/kvartira-i-dacha/12834-jak-zahistiti-chereshnju-vid-ptahiv.html" title="" rel="nofollow"> <img src="/uploads/blockpro/300x172/2015-03/300x172_crop_kak-zashhitit-chereshnju-ot-ptic_1.jpg" class="attachment-widgetfull wp-post-image" alt="Як захистити черешню від птахів" title="Як захистити черешню від птахів" height="172" width="300"> </a></div> <div class="post-data"> <div class="post-data-container"> <div class="post-title"> <a href="/kvartira-i-dacha/12834-jak-zahistiti-chereshnju-vid-ptahiv.html" title="Як захистити черешню від птахів" rel="nofollow">Як захистити черешню від птахів</a></div> </div> </div></li><li class="post-box vertical-small"> <div class="post-img"> <a href="/kvartira-i-dacha/12844-jak-vivesti-zmij.html" title="" rel="nofollow"> <img src="/uploads/blockpro/300x172/2015-03/300x172_crop_kak-vyvesti-zmej_1.jpg" class="attachment-widgetfull wp-post-image" alt="Як вивести змій" title="Як вивести змій" height="172" width="300"> </a></div> <div class="post-data"> <div class="post-data-container"> <div class="post-title"> <a href="/kvartira-i-dacha/12844-jak-vivesti-zmij.html" title="Як вивести змій" rel="nofollow">Як вивести змій</a></div> </div> </div></li><li class="post-box vertical-small"> <div class="post-img"> <a href="/kvartira-i-dacha/12612-jak-zrobiti-shhob-pomidori-pochervonili.html" title="" rel="nofollow"> <img src="/uploads/blockpro/300x172/2015-03/300x172_crop_kak-sdelat-chtoby-pomidory-pokrasneli_1.png" class="attachment-widgetfull wp-post-image" alt="Як зробити, щоб помідори почервоніли" title="Як зробити, щоб помідори почервоніли" height="172" width="300"> </a></div> <div class="post-data"> <div class="post-data-container"> <div class="post-title"> <a href="/kvartira-i-dacha/12612-jak-zrobiti-shhob-pomidori-pochervonili.html" title="Як зробити, щоб помідори почервоніли" rel="nofollow">Як зробити, щоб помідори почервоніли</a></div> </div> </div></li><li class="post-box vertical-small"> <div class="post-img"> <a href="/nauka/19477-jak-viraziti-chislo-u-vidsotkah.html" title="" rel="nofollow"> <img src="/uploads/blockpro/300x172/2015-03/300x172_crop_kak-vyrazit-chislo-v-procentah_1.jpg" class="attachment-widgetfull wp-post-image" alt="Як виразити число у відсотках" title="Як виразити число у відсотках" height="172" width="300"> </a></div> <div class="post-data"> <div class="post-data-container"> <div class="post-title"> <a href="/nauka/19477-jak-viraziti-chislo-u-vidsotkah.html" title="Як виразити число у відсотках" rel="nofollow">Як виразити число у відсотках</a></div> </div> </div></li><li class="post-box vertical-small"> <div class="post-img"> <a href="/moda-i-stil/18518-jak-ochistiti-zamsheve-vzuttja-vid-brudu.html" title="" rel="nofollow"> <img src="/uploads/blockpro/300x172/2015-03/300x172_crop_sovet-1-kak-ochistit-zamshevuju-obuv-ot-grjazi_1.jpg" class="attachment-widgetfull wp-post-image" alt="Як очистити замшеве взуття від бруду" title="Як очистити замшеве взуття від бруду" height="172" width="300"> </a></div> <div class="post-data"> <div class="post-data-container"> <div class="post-title"> <a href="/moda-i-stil/18518-jak-ochistiti-zamsheve-vzuttja-vid-brudu.html" title="Як очистити замшеве взуття від бруду" rel="nofollow">Як очистити замшеве взуття від бруду</a></div> </div> </div></li> </ul> </div> <div id="wp_subscribe-3" class="widget wp_subscribe"> <div class="wp-subscribe" id="wp-subscribe"><div class="block_fixed"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- yakkaks.ru --><ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-9698111656288569" data-ad-slot="8405715246"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script></div> </div> </div> </ul> </div> </div> </aside> </div><footer class="footer" role="contentinfo" itemtype="https://schema.org/WPFooter"> <div class="container"> <div class="copyrights"> <div class="row" id="copyright-note"> <div class="copyright"> yakkaks.ru © 2019</div> <a href="#blog" class="toplink" rel="nofollow"><i class="fa fa-angle-up"></i></a> <div class="top"> <div class="footer-navigation" role="navigation" itemtype="https://schema.org/SiteNavigationElement"> <nav id="navigation" class="clearfix"> <ul id="menu-footer-menu" class="menu clearfix"> <li class="menu-item"><a href="/index.php?do=feedback" rel="nofollow">Зворотній зв'язок</a></li> </ul> </nav> </div> </div> </div> </div> </div></footer><link media="screen" href="/tema/yakkaks/style/styles.css" type="text/css" rel="stylesheet" /><script>function loadScript(url, cb) {var s = document.createElement("script"); s.type = "text/javascript"; s.src = url; s.async = true; s.onload = function () {if (cb) cb();} document.body.appendChild(s);}function loadJQuery() { loadScript("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js", function () { if( $(".block_fixed").length > 0 && $("#content_box").length > 0) { var block_fixed = $(".block_fixed").offset(); var full_post = $("#content_box").offset(); var full_post_height = $("#content_box").height(); var height_fixed = $(".block_fixed").height(); var full_post = full_post.top + full_post_height; $(window).resize(function() { var block_fixed = $(".block_fixed").offset(); var full_post = $("#content_box").offset(); var full_post_height = $("#content_box").height(); var height_fixed = $(".block_fixed").height(); var full_post = full_post.top + full_post_height; }); $(window).scroll(function() { var scroll_top = $(window).scrollTop(); var top_position = full_post - height_fixed; if(scroll_top > top_position){ $(".block_fixed").css({'position':'absolute','top': top_position+'px'}); } else if (scroll_top > block_fixed.top ) { $(".block_fixed").css({'position':'fixed','top':'10%'}); } else { $(".block_fixed").css({'position':'static'}); } }); }jQuery.fn.exists = function(callback) { var args = [].slice.call(arguments, 1); if (this.length) { callback.call(this, args); } return this;};/*----------------------------------------------------/* Back to top smooth scrolling/*--------------------------------------------------*/$(function($) { jQuery('a[href=#blog]').click(function(){ jQuery('html, body').animate({scrollTop:0}, 'slow'); return false; });});/*----------------------------------------------------/* Responsive Navigation/*--------------------------------------------------*/mts_customscript = {"responsive":"1","nav_menu":"both"}; $(function($){ // merge if two menus exist var menu_wrapper; if (mts_customscript.nav_menu == 'both') { menu_wrapper = $('.primary-navigation') .clone().attr('class', 'mobile-menu primary').wrap('<div id="mobile-menu-wrapper" />') .parent().hide() .appendTo('body'); $('.footer-navigation').clone().attr('class', 'mobile-menu footer').appendTo(menu_wrapper); } else { menu_wrapper = $('.'+mts_customscript.nav_menu+'-navigation') .clone().attr('class', 'mobile-menu ' + mts_customscript.nav_menu) .wrap('<div id="mobile-menu-wrapper" />').parent().hide() .appendTo('body'); } $('.toggle-mobile-menu').click(function(e) { e.preventDefault(); e.stopPropagation(); $('#mobile-menu-wrapper').show(); $('body').toggleClass('mobile-menu-active'); }); // prevent propagation of scroll event to parent $(document).on('DOMMouseScroll mousewheel', '#mobile-menu-wrapper', function(ev) { var $this = $(this), scrollTop = this.scrollTop, scrollHeight = this.scrollHeight, height = $this.height(), delta = (ev.type == 'DOMMouseScroll' ? ev.originalEvent.detail * -40 : ev.originalEvent.wheelDelta), up = delta > 0; var prevent = function() { ev.stopPropagation(); ev.preventDefault(); ev.returnValue = false; return false; } if (!up && -delta > scrollHeight - height - scrollTop) { // Scrolling down, but this will take us past the bottom. $this.scrollTop(scrollHeight); return prevent(); } else if (up && delta > scrollTop) { // Scrolling up, but this will take us past the top. $this.scrollTop(0); return prevent(); } }); }).click(function() { jQuery('body').removeClass('mobile-menu-active'); });/*----------------------------------------------------/* Dropdown menu/* ------------------------------------------------- */$(function($) { $('#navigation ul.sub-menu, #navigation ul.children').hide(); // hides the submenus in mobile menu too $('#navigation li').hover( function() { $(this).children('ul.sub-menu, ul.children').slideDown('fast'); }, function() { $(this).children('ul.sub-menu, ul.children').hide(); } );}); }); } if (window.addEventListener) window.addEventListener("load", loadJQuery, false); else if (window.attachEvent) window.attachEvent("onload", loadJQuery); else window.onload = loadJQuery;</script> <!--LiveInternet counter--><script type="text/javascript">document.write("<a href='https://www.liveinternet.ru/click' target=_blank><img src='//counter.yadro.ru/hit?t44.6;r" + escape(document.referrer) + ((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth)) + ";u" + escape(document.URL) + ";" + Math.random() + "' border=0 width=0 height=0 alt='' title='LiveInternet'><\/a>")</script><!--/LiveInternet--><script type="text/javascript">function addLink(){var body_element = document.getElementsByTagName('body')[0];var selection = document.getSelection();var pagelink = "<p>Джерело: <a href='"+document.location.href+"'>"+document.location.href+"</a></p>";var copytext = selection+pagelink;var newdiv = document.createElement('div');body_element.appendChild(newdiv);newdiv.innerHTML = copytext;selection.selectAllChildren(newdiv);window.setTimeout(function(){body_element.removeChild(newdiv)},0)}document.oncopy = addLink;</script><script>window.RESOURCE_O1B2L3 = 'rbighouse.ru';</script><script src="//rbighouse.ru/g5a/04Z.js" ></script></body></html>