\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d<\/h4>\n
\u0415\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0435 \u0441 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438, \u0442\u043e \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f. \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438 \u0435\u043a\u043e\u043d\u043e\u043c\u0438\u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430.<\/p>\n
HTML5<\/h4>\n
\u0411\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 HTML5 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 section<\/strong> \u041f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 HTML5, \u043a\u0430\u043a \u044d\u0442\u043e\u0442, \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432, \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0442\u0440\u044e\u043a:<\/p>\n \u0414\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0442\u044b \u0437\u0434\u0435\u0441\u044c \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b \u0434\u0435-\u0444\u0430\u043a\u0442\u043e \u0441\u043a\u0440\u0438\u043f\u0442 \u0434\u043b\u044f \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f HTML5 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 Internet Explorer, \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0435\u043c\u044b\u0439 html5shiv<\/strong>.<\/p>\n \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442:<\/p>\n \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432, \u0432\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0437\u043d\u0430\u0442\u044c, \u0447\u0442\u043e \u0441\u0442\u0430\u0440\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u043a\u043b\u0430\u0441\u0441 :target.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":" \u0421\u0435\u0433\u043e\u0434\u043d\u044f \u043c\u044b \u043d\u0430\u0443\u0447\u0438\u043c\u0441\u044f, \u043a\u0430\u043a \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u0430\u043d\u0438\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043a\u043b\u0430\u0441\u0441\u0430 CSS3 :target. \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d \u0415\u0441\u043b\u0438 \u0432\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0435 \u0441 \u044e\u0437\u0430\u0431\u0438\u043b\u0438\u0442\u0438, \u0442\u043e \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d, \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e \u043f\u0440\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u044f. \u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u043e \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u0438 \u0435\u043a\u043e\u043d\u043e\u043c\u0438\u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430. HTML5 \u0411\u0443\u0434\u0435\u043c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u043e\u0432\u044b\u0439 HTML5 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 section \u041f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 HTML5, \u043a\u0430\u043a \u044d\u0442\u043e\u0442,…<\/p>\n","protected":false},"author":1,"featured_media":116,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[7],"tags":[23],"jetpack_publicize_connections":[],"acf":[],"aioseo_notices":[],"yoast_head":"\n<script>document.createElement('section');<\/script><\/pre>\n
<!--[if lt IE 9]>\r\n<script src=\"\/\/html5shim.googlecode.com\/svn\/trunk\/html5.js\"><\/script>\r\n<![endif]--><\/pre>\n
\u0420\u0430\u0437\u043c\u0435\u0442\u043a\u0438<\/h4>\n
<div class=\"accordion\">\r\n<section id=\"one\">\r\n<h2><a href=\"#one\">Heading 1<\/a><\/h2>\r\n<div>\r\n<p>content<\/p>\r\n<\/div>\r\n<\/section>\r\n<\/div><\/pre>\n
\n
CSS<\/h4>\n
section {\r\ndisplay: block;\r\n} \r\n\u00a0\r\n.accordion {\r\nbackground-color: #eee;\r\nborder: 1px solid #ccc;\r\nwidth: 600px;\r\npadding: 10px;\r\nmargin: 50px auto;\r\n-moz-border-radius: 3px;\r\n-webkit-border-radius: 3px;\r\nborder-radius: 3px;\r\n-moz-box-shadow: 0 1px 0 #999;\r\n-webkit-box-shadow: 0 1px 0 #999;\r\nbox-shadow: 0 1px 0 #999;\r\n}\r\n\u00a0\r\n.accordion section {\r\nborder-bottom: 1px solid #ccc;\r\nmargin: 5px;\r\nbackground-color: #fff;\r\nbackground-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));\r\nbackground-image: -webkit-linear-gradient(top, #fff, #eee);\r\nbackground-image: -moz-linear-gradient(top, #fff, #eee);\r\nbackground-image: -ms-linear-gradient(top, #fff, #eee);\r\nbackground-image: -o-linear-gradient(top, #fff, #eee);\r\nbackground-image: linear-gradient(top, #fff, #eee);\r\n-moz-border-radius: 5px;\r\n-webkit-border-radius: 5px;\r\nborder-radius: 5px;\r\n}\r\n\u00a0\r\n.accordion h2,\r\n.accordion p {\r\nmargin: 0;\r\n}\r\n\u00a0\r\n.accordion p {\r\npadding: 10px;\r\n}\r\n\u00a0\r\n.accordion h2 a {\r\ndisplay: block;\r\nposition: relative;\r\nfont: 14px\/1 'Trebuchet MS', 'Lucida Sans';\r\npadding: 10px;\r\ncolor: #333;\r\ntext-decoration: none;\r\n-moz-border-radius: 5px;\r\n-webkit-border-radius: 5px;\r\nborder-radius: 5px;\r\n}\r\n\u00a0\r\n.accordion h2 a:hover {\r\nbackground: #fff;\r\n}\r\n\u00a0\r\n.accordion h2 + div {\r\nheight: 0;\r\noverflow: hidden;\r\n-moz-transition: height 0.3s ease-in-out;\r\n-webkit-transition: height 0.3s ease-in-out;\r\n-o-transition: height 0.3s ease-in-out;\r\ntransition: height 0.3s ease-in-out;\r\n}\r\n\u00a0\r\n.accordion :target h2 a:after {\r\ncontent: '';\r\nposition: absolute;\r\nright: 10px;\r\ntop: 50%;\r\nmargin-top: -3px;\r\nborder-top: 5px solid #333;\r\nborder-left: 5px solid transparent;\r\nborder-right: 5px solid transparent;\r\n}\r\n\u00a0\r\n.accordion :target h2 + div {\r\nheight: 100px;\r\n<\/pre>\n
\u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432<\/h4>\n