{"id":4223,"date":"2026-10-28T20:04:26","date_gmt":"2026-10-28T17:04:26","guid":{"rendered":"https:\/\/webmister.pro\/ispolzovanie-probelnyh-simvolov-dlya-formatirovaniya-koda-html-copy\/"},"modified":"2026-10-28T20:33:06","modified_gmt":"2026-10-28T17:33:06","slug":"html-5","status":"publish","type":"post","link":"https:\/\/webmister.pro\/ru\/html-5\/","title":{"rendered":"\u0422\u0435\u0433\u0438 HTML5: \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438"},"content":{"rendered":"<p>\u0422\u0435\u0433\u0438 HTML \u2014 \u044d\u0442\u043e \u043d\u0435 \u0441\u043f\u0438\u0441\u043e\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0443\u0436\u043d\u043e \u0432\u044b\u0437\u0443\u0431\u0440\u0438\u0442\u044c, \u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0441\u043c\u044b\u0441\u043b\u0430. \u0411\u0440\u0430\u0443\u0437\u0435\u0440, \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0440\u043e\u0431\u043e\u0442 \u0438 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u0447\u0438\u0442\u0430\u044e\u0442 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u043e-\u0440\u0430\u0437\u043d\u043e\u043c\u0443, \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435, \u043d\u0430 \u0447\u0442\u043e \u043e\u043d\u0438 \u0432\u0441\u0435 \u043e\u043f\u0438\u0440\u0430\u044e\u0442\u0441\u044f, \u2014 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0432\u0430\u043c\u0438 \u0442\u0435\u0433\u0438. \u041d\u0438\u0436\u0435 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043d\u044b \u0432\u0441\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0433\u0438 HTML5: \u0447\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043d\u0438\u0445 \u0437\u043d\u0430\u0447\u0438\u0442, \u043a\u043e\u0433\u0434\u0430 \u043e\u043d \u0443\u043c\u0435\u0441\u0442\u0435\u043d, \u043a\u0430\u043a\u043e\u0439 \u0442\u0435\u0433 \u043f\u0440\u0438\u0448\u0451\u043b \u043d\u0430 \u0441\u043c\u0435\u043d\u0443 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0435\u043c\u0443 \u0438 \u043a\u0430\u043a\u0438\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0432\u0441\u0442\u0440\u0435\u0447\u0430\u044e\u0442\u0441\u044f \u0432 \u0432\u0451\u0440\u0441\u0442\u043a\u0435.<\/p>\n<nav class=\"wppub-toc\" aria-label=\"\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435\">\n<p class=\"wppub-toc__title\">\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/p>\n<ul class=\"wppub-toc__list\">\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#kak-ustroen-html-dokument\">\u041a\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442<\/a>\n<ul class=\"wppub-toc__list wppub-toc__list--sub\">\n<li class=\"wppub-toc__item wppub-toc__item--sub\"><a class=\"wppub-toc__link\" href=\"#blochnye-i-strochnye-elementy\">\u0411\u043b\u043e\u0447\u043d\u044b\u0435 \u0438 \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#semanticheskaya-struktura-stranitsy\">\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#tekst-zagolovki-abzatsy-i-vydeleniya\">\u0422\u0435\u043a\u0441\u0442: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0430\u0431\u0437\u0430\u0446\u044b \u0438 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#spiski\">\u0421\u043f\u0438\u0441\u043a\u0438<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#ssylki-i-navigatsiya\">\u0421\u0441\u044b\u043b\u043a\u0438 \u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#izobrazheniya-video-i-audio\">\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u0443\u0434\u0438\u043e<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#tablitsy\">\u0422\u0430\u0431\u043b\u0438\u0446\u044b<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#formy-i-polya-vvoda\">\u0424\u043e\u0440\u043c\u044b \u0438 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#interaktivnye-elementy-bez-javascript\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0431\u0435\u0437 JavaScript<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#sluzhebnye-tegi-v\">\u0421\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u0442\u0435\u0433\u0438 \u0432 &lt;head&gt;<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#ustarevshie-tegi-i-chem-ih-zamenit\">\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0442\u0435\u0433\u0438 \u0438 \u0447\u0435\u043c \u0438\u0445 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#chastye-oshibki-razmetki\">\u0427\u0430\u0441\u0442\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#kak-proverit-razmetku\">\u041a\u0430\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#korotko-o-glavnom\">\u041a\u043e\u0440\u043e\u0442\u043a\u043e \u043e \u0433\u043b\u0430\u0432\u043d\u043e\u043c<\/a><\/li>\n<\/ul>\n<\/nav>\n<h2 id=\"kak-ustroen-html-dokument\">\u041a\u0430\u043a \u0443\u0441\u0442\u0440\u043e\u0435\u043d HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442<\/h2>\n<p>\u041b\u044e\u0431\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u2014 \u044d\u0442\u043e \u0434\u0435\u0440\u0435\u0432\u043e. \u0423 \u0434\u0435\u0440\u0435\u0432\u0430 \u043e\u0434\u0438\u043d \u043a\u043e\u0440\u0435\u043d\u044c <code>&lt;html&gt;<\/code> \u0438 \u0434\u0432\u0435 \u0432\u0435\u0442\u0432\u0438: <code>&lt;head&gt;<\/code> \u0441\u043e \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0438 <code>&lt;body&gt;<\/code> \u0441 \u0442\u0435\u043c, \u0447\u0442\u043e \u0432\u0438\u0434\u0438\u0442 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c. \u0412\u0441\u0451 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432 \u044d\u0442\u0438 \u0434\u0432\u0435 \u0432\u0435\u0442\u0432\u0438, \u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442, \u043a\u0430\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u0441\u0442\u0440\u043e\u0438\u0442 DOM, \u0430 CSS \u2014 \u043a \u0447\u0435\u043c\u0443 \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442 \u0441\u0442\u0438\u043b\u0438.<\/p>\n<p>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 HTML5 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"ru\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n    &lt;title&gt;\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;h1&gt;\u041f\u0440\u0438\u0432\u0435\u0442&lt;\/h1&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>\u0427\u0435\u0442\u044b\u0440\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b \u043a \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044e. <code>&lt;!DOCTYPE html&gt;<\/code> \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0432 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u2014 \u0431\u0435\u0437 \u043d\u0435\u0433\u043e \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0440\u0435\u0436\u0438\u043c \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u0441 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0434\u0432\u0430\u0434\u0446\u0430\u0442\u0438\u043b\u0435\u0442\u043d\u0435\u0439 \u0434\u0430\u0432\u043d\u043e\u0441\u0442\u0438, \u0438 \u0440\u0430\u0441\u0447\u0451\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0431\u043b\u043e\u043a\u043e\u0432 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>lang<\/code> \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0443 \u0438 \u0441\u0438\u043d\u0442\u0435\u0437\u0430\u0442\u043e\u0440\u0443 \u0440\u0435\u0447\u0438 \u044f\u0437\u044b\u043a \u0442\u0435\u043a\u0441\u0442\u0430. <code>&lt;meta charset=\"UTF-8\"&gt;<\/code> \u043e\u0431\u044f\u0437\u0430\u043d \u0438\u0434\u0442\u0438 \u0432 \u043f\u0435\u0440\u0432\u044b\u0445 1024 \u0431\u0430\u0439\u0442\u0430\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0438\u043d\u0430\u0447\u0435 \u043a\u0438\u0440\u0438\u043b\u043b\u0438\u0446\u0430 \u043f\u0440\u0435\u0432\u0440\u0430\u0442\u0438\u0442\u0441\u044f \u0432 \u0432\u043e\u043f\u0440\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0437\u043d\u0430\u043a\u0438. <code>&lt;meta name=\"viewport\"&gt;<\/code> \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0442\u043e, \u0447\u0442\u043e \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430 \u0432 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0435 \u00ab\u0432\u0441\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0430\u044f \u0448\u0438\u0440\u0438\u043d\u0430 \u043c\u0435\u043b\u043a\u0438\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c\u00bb.<\/p>\n<figure><svg viewbox=\"0 0 900 446\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"\u0414\u0435\u0440\u0435\u0432\u043e HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430: \u043a\u043e\u0440\u0435\u043d\u044c html, \u0432\u0435\u0442\u0432\u0438 head \u0438 body \u0441 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u043c\u0438 \u0442\u0435\u0433\u0430\u043c\u0438\" style=\"width:100%;height:auto;max-width:900px;display:block;margin:0 auto 20px\"><rect fill=\"#1B2B33\" stroke=\"#30738E\" stroke-width=\"1.5\" x=\"350\" y=\"14\" width=\"200\" height=\"46\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"450\" y=\"36\" text-anchor=\"middle\">&lt;html lang=\"ru\"&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"450\" y=\"52\" text-anchor=\"middle\">\u043a\u043e\u0440\u0435\u043d\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430<\/text><path stroke=\"#4A4A4A\" stroke-width=\"1.5\" fill=\"none\" d=\"M450 60 L450 86 M230 86 L670 86 M230 86 L230 110 M670 86 L670 110\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"130\" y=\"110\" width=\"200\" height=\"44\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"230\" y=\"131\" text-anchor=\"middle\">&lt;head&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"230\" y=\"147\" text-anchor=\"middle\">\u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/text><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"570\" y=\"110\" width=\"200\" height=\"44\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"670\" y=\"131\" text-anchor=\"middle\">&lt;body&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"670\" y=\"147\" text-anchor=\"middle\">\u0432\u0438\u0434\u0438\u043c\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435<\/text><path stroke=\"#4A4A4A\" stroke-width=\"1.5\" fill=\"none\" d=\"M160 154 L160 384 M160 182 L200 182 M160 232 L200 232 M160 282 L200 282 M160 332 L200 332 M160 382 L200 382\"><\/path><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"200\" y=\"164\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"214\" y=\"187\">&lt;meta charset&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"200\" y=\"214\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"214\" y=\"237\">&lt;meta viewport&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"200\" y=\"264\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"214\" y=\"287\">&lt;title&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"200\" y=\"314\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"214\" y=\"337\">&lt;link rel&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"200\" y=\"364\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"214\" y=\"387\">&lt;script&gt;<\/text><path stroke=\"#4A4A4A\" stroke-width=\"1.5\" fill=\"none\" d=\"M600 154 L600 334 M600 182 L640 182 M600 232 L640 232 M600 282 L640 282 M600 332 L640 332\"><\/path><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"640\" y=\"164\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"654\" y=\"187\">&lt;header&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"640\" y=\"214\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"654\" y=\"237\">&lt;main&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"640\" y=\"264\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"654\" y=\"287\">&lt;aside&gt;<\/text><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"640\" y=\"314\" width=\"180\" height=\"36\" rx=\"2\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"17px\" font-family=\"Roboto, Arial, sans-serif\" x=\"654\" y=\"337\">&lt;footer&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"450\" y=\"430\" text-anchor=\"middle\">\u0412\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0442\u0435\u0433\u043e\u0432 \u0438 \u0435\u0441\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 DOM: \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0442\u0440\u043e\u0438\u0442 \u0434\u0435\u0440\u0435\u0432\u043e \u0440\u043e\u0432\u043d\u043e \u043f\u043e \u043d\u0435\u0439<\/text><\/svg><figcaption>\u0414\u0435\u0440\u0435\u0432\u043e HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430: \u043e\u0434\u0438\u043d \u043a\u043e\u0440\u0435\u043d\u044c \u0438 \u0434\u0432\u0435 \u0432\u0435\u0442\u0432\u0438 \u2014 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u0430\u044f \u0438 \u0432\u0438\u0434\u0438\u043c\u0430\u044f<\/figcaption><\/figure>\n<h3 id=\"blochnye-i-strochnye-elementy\">\u0411\u043b\u043e\u0447\u043d\u044b\u0435 \u0438 \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/h3>\n<p>\u0418\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0438 \u0442\u0435\u0433\u0438 \u0434\u0435\u043b\u0438\u043b\u0438 \u043d\u0430 \u0431\u043b\u043e\u0447\u043d\u044b\u0435 (<code>div<\/code>, <code>p<\/code>, <code>section<\/code>) \u0438 \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0435 (<code>span<\/code>, <code>a<\/code>, <code>strong<\/code>). \u0412 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 HTML5 \u044d\u0442\u043e \u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0437\u0430\u043c\u0435\u043d\u0435\u043d\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f\u043c\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430, \u043d\u043e \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0440\u0430\u0437\u043b\u0438\u0447\u0438\u0435 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c: \u0431\u043b\u043e\u0447\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u0432\u0441\u044e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0443\u044e \u0448\u0438\u0440\u0438\u043d\u0443 \u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 \u043d\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438, \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0439 \u0442\u0435\u0447\u0451\u0442 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u043a\u0441\u0442\u0430. \u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u0438: \u0441\u0442\u0440\u043e\u0447\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u043b\u043e\u0447\u043d\u044b\u0439. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u2014 <code>&lt;a&gt;<\/code>, \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u0432 HTML5 \u0440\u0430\u0437\u0440\u0435\u0448\u0438\u043b\u0438 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u044b\u0435 \u0431\u043b\u043e\u043a\u0438, \u0447\u0435\u043c \u043c\u044b \u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u0441\u044f, \u043a\u043e\u0433\u0434\u0430 \u0432\u0441\u044f \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430 \u0434\u043e\u043b\u0436\u043d\u0430 \u0431\u044b\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u043e\u0439.<\/p>\n<h2 id=\"semanticheskaya-struktura-stranitsy\">\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b<\/h2>\n<p>\u0414\u043e HTML5 \u0442\u0438\u043f\u0438\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0441\u043e\u0441\u0442\u043e\u044f\u043b\u0430 \u0438\u0437 \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0445 \u0434\u0440\u0443\u0433 \u0432 \u0434\u0440\u0443\u0433\u0430 <code>&lt;div&gt;<\/code> \u0441 \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438 <code>header<\/code>, <code>menu<\/code>, <code>content<\/code>, <code>sidebar<\/code>. \u041c\u0430\u0448\u0438\u043d\u0430 \u043d\u0435 \u0437\u043d\u0430\u043b\u0430, \u0447\u0442\u043e \u044d\u0442\u0438 \u043a\u043b\u0430\u0441\u0441\u044b \u0437\u043d\u0430\u0447\u0430\u0442, \u2014 \u0434\u043b\u044f \u043d\u0435\u0451 \u0432\u0441\u0451 \u044d\u0442\u043e \u0431\u044b\u043b\u0438 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0435 \u0431\u0435\u0437\u044b\u043c\u044f\u043d\u043d\u044b\u0435 \u043a\u043e\u0440\u043e\u0431\u043a\u0438. \u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0435\u0433\u0438 \u0434\u0430\u043b\u0438 \u043a\u0430\u0436\u0434\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0438\u043c\u044f.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u0430, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442<\/th>\n<th>\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;header&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u0428\u0430\u043f\u043a\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u0432\u0432\u043e\u0434\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0440\u0430\u0437\u0434\u0435\u043b\u0430: \u043b\u043e\u0433\u043e\u0442\u0438\u043f, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043f\u043e\u0438\u0441\u043a<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e \u2014 \u0441\u0432\u043e\u0439 \u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u0443 \u043a\u0430\u0436\u0434\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;nav&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u0411\u043b\u043e\u043a \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438: \u0433\u043b\u0430\u0432\u043d\u043e\u0435 \u043c\u0435\u043d\u044e, \u0445\u043b\u0435\u0431\u043d\u044b\u0435 \u043a\u0440\u043e\u0448\u043a\u0438, \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044f<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e, \u043d\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0437\u043d\u0430\u0447\u0438\u043c\u044b\u0445 \u0433\u0440\u0443\u043f\u043f \u0441\u0441\u044b\u043b\u043e\u043a<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;main&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u043d\u0435\u0451<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u0442\u0440\u043e\u0433\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;article&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u0421\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0435\u0434\u0438\u043d\u0438\u0446\u0430: \u0441\u0442\u0430\u0442\u044c\u044f, \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0430, \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;section&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u0422\u0435\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0440\u0430\u0437\u0434\u0435\u043b, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0435\u0441\u0442\u044c \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;aside&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u041f\u043e\u0431\u043e\u0447\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435: \u0441\u0430\u0439\u0434\u0431\u0430\u0440, \u0441\u043d\u043e\u0441\u043a\u0430, \u0431\u043b\u043e\u043a \u00ab\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435\u00bb<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;footer&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u041f\u043e\u0434\u0432\u0430\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438\u043b\u0438 \u043a\u043e\u043d\u0446\u043e\u0432\u043a\u0430 \u0440\u0430\u0437\u0434\u0435\u043b\u0430: \u043a\u043e\u043f\u0438\u0440\u0430\u0439\u0442, \u0430\u0432\u0442\u043e\u0440, \u0434\u0430\u0442\u0430<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0443\u0433\u043e\u0434\u043d\u043e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;div&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\">\u0411\u043b\u043e\u043a \u0431\u0435\u0437 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0441\u043c\u044b\u0441\u043b\u0430 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438 \u0438 \u0433\u0440\u0443\u043f\u043f\u0438\u0440\u043e\u0432\u043a\u0438<\/td>\n<td data-label=\"\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\">\u041a\u043e\u0433\u0434\u0430 \u043d\u0438 \u043e\u0434\u0438\u043d \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0442\u0435\u0433 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 <code>&lt;article&gt;<\/code> \u0438 <code>&lt;section&gt;<\/code> \u0441\u0431\u0438\u0432\u0430\u0435\u0442 \u0441 \u0442\u043e\u043b\u043a\u0443 \u0447\u0430\u0449\u0435 \u043f\u0440\u043e\u0447\u0435\u0433\u043e. \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0430\u044f: \u0435\u0441\u043b\u0438 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u043e \u0432\u044b\u0440\u0435\u0437\u0430\u0442\u044c \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0438 \u043e\u043d \u043d\u0435 \u043f\u043e\u0442\u0435\u0440\u044f\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u2014 \u044d\u0442\u043e <code>&lt;article&gt;<\/code>. \u0415\u0441\u043b\u0438 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043c\u044b\u0441\u043b\u043e\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0447\u0435\u0433\u043e-\u0442\u043e \u0431\u043e\u043b\u044c\u0448\u0435\u0433\u043e \u2014 <code>&lt;section&gt;<\/code>. \u041f\u043e\u0441\u0442 \u0432 \u0431\u043b\u043e\u0433\u0435 \u2014 article. \u0420\u0430\u0437\u0434\u0435\u043b \u00ab\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438\u00bb \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0442\u043e\u0432\u0430\u0440\u0430 \u2014 section.<\/p>\n<p>\u0422\u0438\u043f\u0438\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0431\u043b\u043e\u0433\u0430 \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0435\u0442\u0441\u044f \u0442\u0430\u043a:<\/p>\n<pre><code>&lt;body&gt;\n  &lt;header&gt;\n    &lt;a href=\"\/\"&gt;\u041b\u043e\u0433\u043e\u0442\u0438\u043f&lt;\/a&gt;\n    &lt;nav&gt;&lt;a href=\"\/blog\/\"&gt;\u0411\u043b\u043e\u0433&lt;\/a&gt; &lt;a href=\"\/contacts\/\"&gt;\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b&lt;\/a&gt;&lt;\/nav&gt;\n  &lt;\/header&gt;\n\n  &lt;main&gt;\n    &lt;article&gt;\n      &lt;h1&gt;\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0430\u0442\u044c\u0438&lt;\/h1&gt;\n      &lt;p&gt;\u0422\u0435\u043a\u0441\u0442 \u0441\u0442\u0430\u0442\u044c\u0438\u2026&lt;\/p&gt;\n      &lt;section&gt;\n        &lt;h2&gt;\u0420\u0430\u0437\u0434\u0435\u043b \u0441\u0442\u0430\u0442\u044c\u0438&lt;\/h2&gt;\n        &lt;p&gt;\u2026&lt;\/p&gt;\n      &lt;\/section&gt;\n      &lt;footer&gt;\u0410\u0432\u0442\u043e\u0440, \u0434\u0430\u0442\u0430 \u043f\u0443\u0431\u043b\u0438\u043a\u0430\u0446\u0438\u0438&lt;\/footer&gt;\n    &lt;\/article&gt;\n  &lt;\/main&gt;\n\n  &lt;aside&gt;\u041f\u043e\u0445\u043e\u0436\u0438\u0435 \u0437\u0430\u043f\u0438\u0441\u0438&lt;\/aside&gt;\n\n  &lt;footer&gt;\u00a9 2026&lt;\/footer&gt;\n&lt;\/body&gt;<\/code><\/pre>\n<figure><svg viewbox=\"0 0 900 560\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"\u0421\u0445\u0435\u043c\u0430 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b: header \u0441 nav, main \u0441\u043e \u0441\u0442\u0430\u0442\u044c\u0451\u0439 \u0438 \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u043c\u0438, aside, footer\" style=\"width:100%;height:auto;max-width:900px;display:block;margin:0 auto 20px\"><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"20\" y=\"14\" width=\"860\" height=\"76\" rx=\"2\"><\/rect><text fill=\"#30738E\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"38\">&lt;header&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"56\">\u0448\u0430\u043f\u043a\u0430 \u0441\u0430\u0439\u0442\u0430<\/text><rect fill=\"#1B1E22\" stroke=\"#4A4A4A\" stroke-width=\"1\" x=\"430\" y=\"28\" width=\"434\" height=\"48\" rx=\"2\"><\/rect><text fill=\"#CBCBCB\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"446\" y=\"50\">&lt;nav&gt;<\/text><rect fill=\"#2E404F\" x=\"520\" y=\"44\" width=\"70\" height=\"16\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"604\" y=\"44\" width=\"90\" height=\"16\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"708\" y=\"44\" width=\"60\" height=\"16\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"782\" y=\"44\" width=\"66\" height=\"16\" rx=\"2\"><\/rect><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1.5\" x=\"20\" y=\"104\" width=\"600\" height=\"356\" rx=\"2\"><\/rect><text fill=\"#30738E\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"128\">&lt;main&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"92\" y=\"128\">\u2014 \u043e\u0434\u0438\u043d \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443<\/text><rect fill=\"#1B1E22\" stroke=\"#4A4A4A\" stroke-width=\"1\" x=\"36\" y=\"140\" width=\"568\" height=\"304\" rx=\"2\"><\/rect><text fill=\"#CBCBCB\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"52\" y=\"164\">&lt;article&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"128\" y=\"164\">\u2014 \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0435\u0434\u0438\u043d\u0438\u0446\u0430<\/text><rect fill=\"#2E404F\" x=\"52\" y=\"178\" width=\"340\" height=\"22\" rx=\"2\"><\/rect><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"400\" y=\"195\">&lt;h1&gt;<\/text><rect fill=\"#1B1E22\" stroke=\"#4A4A4A\" stroke-width=\"1\" x=\"52\" y=\"214\" width=\"536\" height=\"100\" rx=\"2\"><\/rect><text fill=\"#CBCBCB\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"68\" y=\"238\">&lt;section&gt;<\/text><rect fill=\"#2E404F\" x=\"68\" y=\"250\" width=\"220\" height=\"14\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"68\" y=\"272\" width=\"504\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"68\" y=\"290\" width=\"440\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#1B1E22\" stroke=\"#4A4A4A\" stroke-width=\"1\" x=\"52\" y=\"326\" width=\"536\" height=\"100\" rx=\"2\"><\/rect><text fill=\"#CBCBCB\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"68\" y=\"350\">&lt;section&gt;<\/text><rect fill=\"#2E404F\" x=\"68\" y=\"362\" width=\"260\" height=\"14\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"68\" y=\"384\" width=\"504\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"68\" y=\"402\" width=\"470\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"636\" y=\"104\" width=\"244\" height=\"356\" rx=\"2\"><\/rect><text fill=\"#30738E\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"652\" y=\"128\">&lt;aside&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"652\" y=\"146\">\u043f\u043e\u0431\u043e\u0447\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435<\/text><rect fill=\"#2E404F\" x=\"652\" y=\"166\" width=\"212\" height=\"12\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"652\" y=\"188\" width=\"180\" height=\"12\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"652\" y=\"210\" width=\"196\" height=\"12\" rx=\"2\"><\/rect><rect fill=\"#1B1E22\" stroke=\"#4A4A4A\" stroke-width=\"1\" x=\"652\" y=\"244\" width=\"212\" height=\"90\" rx=\"2\"><\/rect><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"668\" y=\"268\">\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u0436\u0435<\/text><rect fill=\"#2E404F\" x=\"668\" y=\"282\" width=\"180\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#2E404F\" x=\"668\" y=\"300\" width=\"150\" height=\"10\" rx=\"2\"><\/rect><rect fill=\"#16181B\" stroke=\"#3B3B3B\" stroke-width=\"1\" x=\"20\" y=\"474\" width=\"860\" height=\"66\" rx=\"2\"><\/rect><text fill=\"#30738E\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"500\">&lt;footer&gt;<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"520\">\u043f\u043e\u0434\u0432\u0430\u043b: \u043a\u043e\u043f\u0438\u0440\u0430\u0439\u0442, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u044b, \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u0441\u0441\u044b\u043b\u043a\u0438<\/text><\/svg><figcaption>\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0442\u0438\u043f\u043e\u0432\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b: \u043a\u0430\u0436\u0434\u0430\u044f \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043d\u0430\u0437\u0432\u0430\u043d\u0430 \u0441\u0432\u043e\u0438\u043c \u0442\u0435\u0433\u043e\u043c<\/figcaption><\/figure>\n<p>\u0412\u044b\u0438\u0433\u0440\u044b\u0448 \u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u043d\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439. \u0421\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043d\u0435\u0437\u0440\u044f\u0447\u0435\u043c\u0443 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044e \u043f\u0435\u0440\u0435\u043f\u0440\u044b\u0433\u043d\u0443\u0442\u044c \u0441\u0440\u0430\u0437\u0443 \u043a <code>main<\/code>, \u043c\u0438\u043d\u0443\u044f \u043c\u0435\u043d\u044e. \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u044b\u0439 \u0440\u0435\u0436\u0438\u043c \u0447\u0442\u0435\u043d\u0438\u044f \u043e\u043f\u043e\u0437\u043d\u0430\u0451\u0442 <code>article<\/code> \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043a\u0441\u0442. \u041f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0440\u043e\u0431\u043e\u0442 \u0442\u043e\u0447\u043d\u0435\u0435 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0433\u0434\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435, \u0430 \u0433\u0434\u0435 \u043e\u0431\u0432\u044f\u0437\u043a\u0430, \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0449\u0430\u044f\u0441\u044f \u043d\u0430 \u0432\u0441\u0435\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445.<\/p>\n<h2 id=\"tekst-zagolovki-abzatsy-i-vydeleniya\">\u0422\u0435\u043a\u0441\u0442: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0430\u0431\u0437\u0430\u0446\u044b \u0438 \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u044f<\/h2>\n<p>\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0442\u0435\u0433\u0438 \u2014 \u0442\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442\u0441\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, \u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0432 \u043d\u0438\u0445 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u043f\u0443\u0442\u0430\u044e\u0442 \u0432\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0441\u043e \u0441\u043c\u044b\u0441\u043b\u043e\u043c.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u0430, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/th>\n<th>\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;h1&gt;<\/code>\u2026<code>&lt;h6&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0448\u0435\u0441\u0442\u0438 \u0443\u0440\u043e\u0432\u043d\u0435\u0439<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u041e\u0434\u0438\u043d <code>h1<\/code> \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443, \u0443\u0440\u043e\u0432\u043d\u0438 \u043d\u0435 \u043f\u0435\u0440\u0435\u043f\u0440\u044b\u0433\u0438\u0432\u0430\u0442\u044c<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;p&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0410\u0431\u0437\u0430\u0446 \u0442\u0435\u043a\u0441\u0442\u0430<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u041d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0431\u043b\u043e\u0447\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;br&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041f\u0435\u0440\u0435\u043d\u043e\u0441 \u0441\u0442\u0440\u043e\u043a\u0438<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0422\u043e\u043b\u044c\u043a\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u0442\u0440\u043e\u043a\u0438 \u2014 \u0434\u043b\u044f \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432 \u0435\u0441\u0442\u044c CSS<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;hr&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0421\u043c\u044b\u0441\u043b\u043e\u0432\u043e\u0439 \u0440\u0430\u0437\u0440\u044b\u0432 \u043c\u0435\u0436\u0434\u0443 \u0442\u0435\u043c\u0430\u043c\u0438<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u041d\u0435 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043b\u0438\u043d\u0438\u044f, \u0434\u043b\u044f \u043d\u0435\u0451 \u0435\u0441\u0442\u044c <code>border<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;strong&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0412\u0430\u0436\u043d\u043e\u0441\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0412\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a <code>b<\/code>, \u043d\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442 \u00ab\u044d\u0442\u043e \u0432\u0430\u0436\u043d\u043e\u00bb<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;em&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0421\u043c\u044b\u0441\u043b\u043e\u0432\u043e\u0435 \u0443\u0434\u0430\u0440\u0435\u043d\u0438\u0435<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0421\u0438\u043d\u0442\u0435\u0437\u0430\u0442\u043e\u0440 \u0440\u0435\u0447\u0438 \u043c\u0435\u043d\u044f\u0435\u0442 \u0438\u043d\u0442\u043e\u043d\u0430\u0446\u0438\u044e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;b&gt;<\/code>, <code>&lt;i&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0431\u0435\u0437 \u0441\u043c\u044b\u0441\u043b\u043e\u0432\u043e\u0439 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0422\u0435\u0440\u043c\u0438\u043d, \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0441\u0443\u0434\u043d\u0430, \u0438\u043d\u043e\u0441\u0442\u0440\u0430\u043d\u043d\u043e\u0435 \u0441\u043b\u043e\u0432\u043e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;mark&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0430, \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u0430\u044f \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u044e<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0421\u043e\u0432\u043f\u0430\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u0438 \u043f\u043e\u0438\u0441\u043a\u0435 \u043f\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;small&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435 \u043c\u0435\u043b\u043a\u0438\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440, \u043a\u043e\u043f\u0438\u0440\u0430\u0439\u0442<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;s&gt;<\/code>, <code>&lt;del&gt;<\/code>, <code>&lt;ins&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041d\u0435\u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0435 \u0438 \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u043e\u0435<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0421\u0442\u0430\u0440\u0430\u044f \u0446\u0435\u043d\u0430 \u2014 <code>s<\/code>, \u043f\u0440\u0430\u0432\u043a\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u2014 <code>del<\/code> \u0438 <code>ins<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;sub&gt;<\/code>, <code>&lt;sup&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041d\u0438\u0436\u043d\u0438\u0439 \u0438 \u0432\u0435\u0440\u0445\u043d\u0438\u0439 \u0438\u043d\u0434\u0435\u043a\u0441<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0424\u043e\u0440\u043c\u0443\u043b\u044b, \u0441\u043d\u043e\u0441\u043a\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;abbr&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0410\u0431\u0431\u0440\u0435\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u0441 \u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u043e\u0439 \u0432 <code>title<\/code><\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0420\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u0443 \u0432\u0438\u0434\u043d\u043e \u043f\u043e \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u044e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;time&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0414\u0430\u0442\u0430 \u0438\u043b\u0438 \u0432\u0440\u0435\u043c\u044f \u0432 \u043c\u0430\u0448\u0438\u043d\u043d\u043e\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>datetime=\"2026-10-28\"<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;blockquote&gt;<\/code>, <code>&lt;q&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0411\u043b\u043e\u0447\u043d\u0430\u044f \u0438 \u0441\u0442\u0440\u043e\u0447\u043d\u0430\u044f \u0446\u0438\u0442\u0430\u0442\u0430<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a \u2014 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435 <code>cite<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;code&gt;<\/code>, <code>&lt;pre&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0430 \u0438 \u043f\u0440\u0435\u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0412\u043c\u0435\u0441\u0442\u0435 \u0434\u0430\u044e\u0442 \u0431\u043b\u043e\u043a \u043a\u043e\u0434\u0430 \u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;kbd&gt;<\/code>, <code>&lt;samp&gt;<\/code>, <code>&lt;var&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u041a\u043b\u0430\u0432\u0438\u0448\u0438, \u0432\u044b\u0432\u043e\u0434 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b, \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0438 \u0442\u0435\u0445\u0442\u0435\u043a\u0441\u0442\u044b<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;span&gt;<\/code><\/td>\n<td data-label=\"\u041d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\">\u0421\u0442\u0440\u043e\u0447\u043d\u044b\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0431\u0435\u0437 \u0441\u043c\u044b\u0441\u043b\u0430<\/td>\n<td data-label=\"\u0417\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0435\">\u041a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0446\u0435\u043f\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0438\u043b\u0435\u043c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 <code>&lt;strong&gt;<\/code> \u0438 <code>&lt;b&gt;<\/code> \u2014 \u0440\u043e\u0432\u043d\u043e \u0432 \u0441\u043c\u044b\u0441\u043b\u0435, \u0430 \u043d\u0435 \u0432 \u043d\u0430\u0447\u0435\u0440\u0442\u0430\u043d\u0438\u0438. \u00ab\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435: \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f\u00bb \u2014 \u044d\u0442\u043e <code>strong<\/code>, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0444\u0440\u0430\u0437\u0430 \u0432\u0430\u0436\u043d\u0430. \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u0432\u0430\u0440\u0430 \u0432 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0438, \u0432\u044b\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u0436\u0438\u0440\u043d\u044b\u043c \u043f\u043e \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0441\u043a\u043e\u0439 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u0438, \u2014 \u044d\u0442\u043e <code>b<\/code>. \u0422\u043e \u0436\u0435 \u0441 \u043f\u0430\u0440\u043e\u0439 <code>&lt;em&gt;<\/code> \u0438 <code>&lt;i&gt;<\/code>: \u043f\u0435\u0440\u0432\u044b\u0439 \u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u043c\u044b\u0441\u043b \u0444\u0440\u0430\u0437\u044b, \u0432\u0442\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u043a\u043b\u043e\u043d\u044f\u0435\u0442 \u0448\u0440\u0438\u0444\u0442.<\/p>\n<p>\u041f\u0440\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0435\u0441\u0442\u044c \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043d\u0430\u0440\u0443\u0448\u0430\u044e\u0442 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e: \u0443\u0440\u043e\u0432\u043d\u0438 \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u043e\u0433\u043b\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0430 \u043d\u0435 \u043d\u0430\u0431\u043e\u0440 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0448\u0440\u0438\u0444\u0442\u0430. \u0415\u0441\u043b\u0438 \u043f\u043e\u0441\u043b\u0435 <code>h2<\/code> \u0438\u0434\u0451\u0442 <code>h4<\/code>, \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u043f\u043e\u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0434\u044b\u0440\u0430. \u041d\u0443\u0436\u0435\u043d \u0448\u0440\u0438\u0444\u0442 \u043f\u043e\u043c\u0435\u043b\u044c\u0447\u0435 \u2014 \u044d\u0442\u043e \u0437\u0430\u0434\u0430\u0447\u0430 CSS, \u0430 \u043d\u0435 \u043f\u043e\u0432\u043e\u0434 \u0432\u0437\u044f\u0442\u044c \u0442\u0435\u0433 \u0443\u0440\u043e\u0432\u043d\u0435\u043c \u043d\u0438\u0436\u0435.<\/p>\n<h2 id=\"spiski\">\u0421\u043f\u0438\u0441\u043a\u0438<\/h2>\n<p>\u0421\u043f\u0438\u0441\u043a\u043e\u0432 \u0432 HTML \u0442\u0440\u0438, \u0438 \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0435\u0448\u0430\u0435\u0442 \u0441\u0432\u043e\u044e \u0437\u0430\u0434\u0430\u0447\u0443.<\/p>\n<pre><code>&lt;ul&gt;                        &lt;!-- \u043c\u0430\u0440\u043a\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043d\u0435 \u0432\u0430\u0436\u0435\u043d --&gt;\n  &lt;li&gt;\u041f\u0435\u0440\u0432\u044b\u0439 \u043f\u0443\u043d\u043a\u0442&lt;\/li&gt;\n  &lt;li&gt;\u0412\u0442\u043e\u0440\u043e\u0439 \u043f\u0443\u043d\u043a\u0442&lt;\/li&gt;\n&lt;\/ul&gt;\n\n&lt;ol start=\"3\" reversed&gt;      &lt;!-- \u043d\u0443\u043c\u0435\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0432\u0430\u0436\u0435\u043d --&gt;\n  &lt;li&gt;\u0422\u0440\u0435\u0442\u0438\u0439 \u043f\u043e \u0441\u0447\u0451\u0442\u0443&lt;\/li&gt;\n&lt;\/ol&gt;\n\n&lt;dl&gt;                         &lt;!-- \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 --&gt;\n  &lt;dt&gt;HTML&lt;\/dt&gt;\n  &lt;dd&gt;\u042f\u0437\u044b\u043a \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432&lt;\/dd&gt;\n  &lt;dt&gt;CSS&lt;\/dt&gt;\n  &lt;dd&gt;\u042f\u0437\u044b\u043a \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0432\u0438\u0434\u0430&lt;\/dd&gt;\n&lt;\/dl&gt;<\/code><\/pre>\n<p>\u0423 <code>&lt;ol&gt;<\/code> \u0435\u0441\u0442\u044c \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b, \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0437\u0430\u0431\u044b\u0432\u0430\u044e\u0442: <code>start<\/code> \u0437\u0430\u0434\u0430\u0451\u0442 \u043d\u0430\u0447\u0430\u043b\u043e \u043d\u0443\u043c\u0435\u0440\u0430\u0446\u0438\u0438, <code>reversed<\/code> \u0440\u0430\u0437\u0432\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0435\u0451, <code>type<\/code> \u043c\u0435\u043d\u044f\u0435\u0442 \u0432\u0438\u0434 \u043c\u0430\u0440\u043a\u0435\u0440\u0430 \u043d\u0430 \u0431\u0443\u043a\u0432\u044b \u0438\u043b\u0438 \u0440\u0438\u043c\u0441\u043a\u0438\u0435 \u0446\u0438\u0444\u0440\u044b. \u0421\u043f\u0438\u0441\u043e\u043a \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0439 <code>&lt;dl&gt;<\/code> \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0441\u043b\u043e\u0432\u0430\u0440\u0435\u0439 \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u0432, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a \u0442\u043e\u0432\u0430\u0440\u0430 \u0438 \u0431\u043b\u043e\u043a\u043e\u0432 \u00ab\u0432\u043e\u043f\u0440\u043e\u0441 \u2014 \u043e\u0442\u0432\u0435\u0442\u00bb: \u043f\u0430\u0440\u044b \u00ab\u0442\u0435\u0440\u043c\u0438\u043d \u2014 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u00bb \u043c\u0430\u0448\u0438\u043d\u0430 \u0447\u0438\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u044b\u0435, \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u0434\u0432\u0443\u0445 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0445 \u0430\u0431\u0437\u0430\u0446\u0435\u0432.<\/p>\n<p>\u041c\u0435\u043d\u044e \u0441\u0430\u0439\u0442\u0430 \u2014 \u044d\u0442\u043e \u0442\u043e\u0436\u0435 \u0441\u043f\u0438\u0441\u043e\u043a. \u041d\u0430\u0431\u043e\u0440 \u0441\u0441\u044b\u043b\u043e\u043a, \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0445 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0431\u0435\u043b, \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0435\u0442 \u043a\u0430\u043a \u0441\u043f\u043b\u043e\u0448\u043d\u043e\u0439 \u0442\u0435\u043a\u0441\u0442, \u0430 \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u0431\u044a\u044f\u0432\u0438\u0442: \u00ab\u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f, 5 \u043f\u0443\u043d\u043a\u0442\u043e\u0432\u00bb.<\/p>\n<h2 id=\"ssylki-i-navigatsiya\">\u0421\u0441\u044b\u043b\u043a\u0438 \u0438 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f<\/h2>\n<p>\u0422\u0435\u0433 <code>&lt;a&gt;<\/code> \u2014 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0442\u0435\u0433 \u0433\u0438\u043f\u0435\u0440\u0442\u0435\u043a\u0441\u0442\u0430, \u0438 \u0443 \u043d\u0435\u0433\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u0438\u0442 \u0437\u043d\u0430\u0442\u044c \u043d\u0430\u0438\u0437\u0443\u0441\u0442\u044c.<\/p>\n<pre><code>&lt;a href=\"\/blog\/\"&gt;\u0412\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u044f\u044f \u0441\u0441\u044b\u043b\u043a\u0430&lt;\/a&gt;\n&lt;a href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener noreferrer\"&gt;\u0412\u043d\u0435\u0448\u043d\u044f\u044f&lt;\/a&gt;\n&lt;a href=\"#section-2\"&gt;\u042f\u043a\u043e\u0440\u044c \u043d\u0430 \u044d\u0442\u043e\u0439 \u0436\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435&lt;\/a&gt;\n&lt;a href=\"mailto:info@example.com\"&gt;\u041f\u0438\u0441\u044c\u043c\u043e&lt;\/a&gt;\n&lt;a href=\"tel:+380675024584\"&gt;\u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u044c&lt;\/a&gt;\n&lt;a href=\"\/price.pdf\" download&gt;\u0421\u043a\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u0430\u0439\u0441&lt;\/a&gt;<\/code><\/pre>\n<p>\u0421\u0432\u044f\u0437\u043a\u0430 <code>target=\"_blank\"<\/code> \u0431\u0435\u0437 <code>rel=\"noopener\"<\/code> \u2014 \u0441\u0442\u0430\u0440\u0430\u044f \u0434\u044b\u0440\u0430 \u0432 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438: \u043e\u0442\u043a\u0440\u044b\u0442\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043e\u0431\u044a\u0435\u043a\u0442\u0443 <code>window.opener<\/code> \u0438 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0443\u044e \u0432\u043a\u043b\u0430\u0434\u043a\u0443. \u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442 <code>noopener<\/code> \u0441\u0430\u043c\u0438, \u043d\u043e \u043f\u043e\u043b\u0430\u0433\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u044d\u0442\u043e \u0432 \u0447\u0443\u0436\u043e\u0439 \u0441\u0440\u0435\u0434\u0435 \u043d\u0435 \u0441\u0442\u043e\u0438\u0442.<\/p>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>rel<\/code> \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0438 \u0437\u0430 SEO: <code>rel=\"nofollow\"<\/code> \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0443 \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u0435\u0441 \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435, <code>rel=\"sponsored\"<\/code> \u043f\u043e\u043c\u0435\u0447\u0430\u0435\u0442 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0443\u044e, <code>rel=\"ugc\"<\/code> \u2014 \u0441\u0441\u044b\u043b\u043a\u0443 \u0438\u0437 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430. \u0422\u0435\u043a\u0441\u0442 \u0441\u0441\u044b\u043b\u043a\u0438 \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u044b\u043c: \u00ab\u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435\u00bb \u0438 \u00ab\u0437\u0434\u0435\u0441\u044c\u00bb \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u043e \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u044b \u0438 \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430, \u0438 \u0434\u043b\u044f \u0447\u0435\u043b\u043e\u0432\u0435\u043a\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u043b\u0443\u0448\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0447\u0435\u0440\u0435\u0437 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0441\u044b\u043b\u043e\u043a \u0431\u0435\u0437 \u043e\u043a\u0440\u0443\u0436\u0430\u044e\u0449\u0435\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430.<\/p>\n<h2 id=\"izobrazheniya-video-i-audio\">\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0432\u0438\u0434\u0435\u043e \u0438 \u0430\u0443\u0434\u0438\u043e<\/h2>\n<p>\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0432 HTML \u2014 \u044d\u0442\u043e \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e <code>&lt;img&gt;<\/code>. \u0412\u043e\u043a\u0440\u0443\u0433 \u043d\u0435\u0451 \u0432\u044b\u0441\u0442\u0440\u043e\u0435\u043d\u043e \u0446\u0435\u043b\u043e\u0435 \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e \u0442\u0435\u0433\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0440\u0435\u0448\u0430\u0435\u0442 \u0434\u0432\u0435 \u0437\u0430\u0434\u0430\u0447\u0438: \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0438 \u043e\u0442\u0434\u0430\u0442\u044c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u043f\u043e \u0432\u0435\u0441\u0443 \u0444\u0430\u0439\u043b.<\/p>\n<pre><code>&lt;figure&gt;\n  &lt;img src=\"\/img\/scheme.webp\"\n       alt=\"\u0421\u0445\u0435\u043c\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\"\n       width=\"1200\" height=\"630\"\n       loading=\"lazy\" decoding=\"async\"&gt;\n  &lt;figcaption&gt;\u0414\u0435\u0440\u0435\u0432\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430: \u043e\u0434\u0438\u043d \u043a\u043e\u0440\u0435\u043d\u044c \u0438 \u0434\u0432\u0435 \u0432\u0435\u0442\u0432\u0438&lt;\/figcaption&gt;\n&lt;\/figure&gt;<\/code><\/pre>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>alt<\/code> \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d \u0432\u0441\u0435\u0433\u0434\u0430. \u041e\u043d \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u0435\u0451 \u043d\u0435 \u0432\u0438\u0434\u0438\u0442, \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u0435\u0441\u043b\u0438 \u0444\u0430\u0439\u043b \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0441\u044f. \u0414\u043b\u044f \u0447\u0438\u0441\u0442\u043e \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043f\u0438\u0448\u0443\u0442 \u043f\u0443\u0441\u0442\u043e\u0439 <code>alt=\"\"<\/code> \u2014 \u0442\u043e\u0433\u0434\u0430 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u0435\u0451 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442, \u0430 \u0432\u043e\u0442 \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442 \u0435\u0433\u043e \u0437\u0430\u0447\u0438\u0442\u0430\u0442\u044c \u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430. \u0410\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>width<\/code> \u0438 <code>height<\/code> \u043d\u0443\u0436\u043d\u044b \u043d\u0435 \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432, \u0430 \u0447\u0442\u043e\u0431\u044b \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0438\u0440\u043e\u0432\u0430\u043b \u043c\u0435\u0441\u0442\u043e: \u0431\u0435\u0437 \u043d\u0438\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0434\u0451\u0440\u0433\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435, \u0438 \u044d\u0442\u043e \u043f\u0440\u044f\u043c\u043e \u0443\u0445\u0443\u0434\u0448\u0430\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c Cumulative Layout Shift \u0432 Core Web Vitals. <code>loading=\"lazy\"<\/code> \u043e\u0442\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u044d\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>\u041a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043e\u0442\u0434\u0430\u0442\u044c \u0440\u0430\u0437\u043d\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0440\u0430\u0437\u043d\u044b\u043c \u044d\u043a\u0440\u0430\u043d\u0430\u043c, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442 <code>&lt;picture&gt;<\/code>:<\/p>\n<pre><code>&lt;picture&gt;\n  &lt;source srcset=\"\/img\/hero.avif\" type=\"image\/avif\"&gt;\n  &lt;source srcset=\"\/img\/hero.webp\" type=\"image\/webp\"&gt;\n  &lt;img src=\"\/img\/hero.jpg\" alt=\"\u041e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\"&gt;\n&lt;\/picture&gt;<\/code><\/pre>\n<p>\u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u0435\u0440\u0451\u0442 \u043f\u0435\u0440\u0432\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0438 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f. \u0421\u0442\u0430\u0440\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0434\u043e\u0439\u0434\u0451\u0442 \u0434\u043e <code>&lt;img&gt;<\/code> \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442 JPEG. \u0422\u043e\u0442 \u0436\u0435 \u043f\u0440\u0438\u0451\u043c \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c <code>media<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u0430\u0434\u0440, \u0430 \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0435 \u2014 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u044b\u0439.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u0430, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u0414\u043b\u044f \u0447\u0435\u0433\u043e<\/th>\n<th>\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;img&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>src<\/code>, <code>alt<\/code>, <code>srcset<\/code>, <code>sizes<\/code>, <code>loading<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;picture&gt;<\/code>, <code>&lt;source&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0412\u044b\u0431\u043e\u0440 \u0444\u0430\u0439\u043b\u0430 \u043f\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u0438 \u044d\u043a\u0440\u0430\u043d\u0443<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>type<\/code>, <code>media<\/code>, <code>srcset<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;figure&gt;<\/code>, <code>&lt;figcaption&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0441 \u043f\u043e\u0434\u043f\u0438\u0441\u044c\u044e<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\">\u2014<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;video&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0412\u0438\u0434\u0435\u043e \u0432 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>controls<\/code>, <code>poster<\/code>, <code>muted<\/code>, <code>playsinline<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;audio&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0417\u0432\u0443\u043a<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>controls<\/code>, <code>preload<\/code>, <code>loop<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;track&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0421\u0443\u0431\u0442\u0438\u0442\u0440\u044b \u043a \u0432\u0438\u0434\u0435\u043e<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>kind<\/code>, <code>srclang<\/code>, <code>label<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;canvas&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0425\u043e\u043b\u0441\u0442 \u0434\u043b\u044f \u0440\u0438\u0441\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>width<\/code>, <code>height<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;svg&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0412\u0435\u043a\u0442\u043e\u0440\u043d\u0430\u044f \u0433\u0440\u0430\u0444\u0438\u043a\u0430 \u043f\u0440\u044f\u043c\u043e \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>viewBox<\/code>, <code>role<\/code>, <code>aria-label<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;iframe&gt;<\/code><\/td>\n<td data-label=\"\u0414\u043b\u044f \u0447\u0435\u0433\u043e\">\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0439 \u0447\u0443\u0436\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b\"><code>loading<\/code>, <code>sandbox<\/code>, <code>allow<\/code>, <code>title<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0410\u0432\u0442\u043e\u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u0438\u0434\u0435\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u0432\u044f\u0437\u043a\u0435 <code>autoplay muted playsinline<\/code> \u2014 \u0431\u0435\u0437 <code>muted<\/code> \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0435\u0433\u043e \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u0443\u0435\u0442. \u0423 <code>&lt;iframe&gt;<\/code> \u0432\u0441\u0435\u0433\u0434\u0430 \u0441\u0442\u043e\u0438\u0442 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c <code>title<\/code>: \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u0442 \u0438\u043c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 \u0444\u0440\u0435\u0439\u043c\u0430, \u0438\u043d\u0430\u0447\u0435 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c \u0443\u0441\u043b\u044b\u0448\u0438\u0442 \u0431\u0435\u0437\u044b\u043c\u044f\u043d\u043d\u0443\u044e \u00ab\u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c\u00bb.<\/p>\n<h2 id=\"tablitsy\">\u0422\u0430\u0431\u043b\u0438\u0446\u044b<\/h2>\n<p>\u0422\u0430\u0431\u043b\u0438\u0446\u044b \u0432\u0435\u0440\u043d\u0443\u043b\u0438\u0441\u044c \u0432 \u043e\u0431\u0438\u0445\u043e\u0434 \u043f\u043e\u0441\u043b\u0435 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0438\u0445 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438. \u0414\u043b\u044f \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u044b \u0438\u043c \u043d\u0435\u0442, \u043d\u043e \u0440\u0430\u0437\u043c\u0435\u0447\u0430\u0442\u044c \u0438\u0445 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n<pre><code>&lt;table&gt;\n  &lt;caption&gt;\u0422\u0430\u0440\u0438\u0444\u044b \u043d\u0430 \u0445\u043e\u0441\u0442\u0438\u043d\u0433&lt;\/caption&gt;\n  &lt;thead&gt;\n    &lt;tr&gt;&lt;th scope=\"col\"&gt;\u0422\u0430\u0440\u0438\u0444&lt;\/th&gt;&lt;th scope=\"col\"&gt;\u0414\u0438\u0441\u043a&lt;\/th&gt;&lt;th scope=\"col\"&gt;\u0426\u0435\u043d\u0430&lt;\/th&gt;&lt;\/tr&gt;\n  &lt;\/thead&gt;\n  &lt;tbody&gt;\n    &lt;tr&gt;&lt;th scope=\"row\"&gt;\u0421\u0442\u0430\u0440\u0442&lt;\/th&gt;&lt;td&gt;10 \u0413\u0411&lt;\/td&gt;&lt;td&gt;3 $&lt;\/td&gt;&lt;\/tr&gt;\n    &lt;tr&gt;&lt;th scope=\"row\"&gt;\u0411\u0438\u0437\u043d\u0435\u0441&lt;\/th&gt;&lt;td&gt;50 \u0413\u0411&lt;\/td&gt;&lt;td&gt;9 $&lt;\/td&gt;&lt;\/tr&gt;\n  &lt;\/tbody&gt;\n  &lt;tfoot&gt;\n    &lt;tr&gt;&lt;td colspan=\"3\"&gt;\u0426\u0435\u043d\u044b \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0431\u0435\u0437 \u041d\u0414\u0421&lt;\/td&gt;&lt;\/tr&gt;\n  &lt;\/tfoot&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<p>\u0422\u0440\u0438 \u0432\u0435\u0449\u0438 \u043e\u0442\u043b\u0438\u0447\u0430\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0447\u0435\u043d\u043d\u0443\u044e \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u043e\u0442 \u043d\u0430\u0431\u043e\u0440\u0430 \u044f\u0447\u0435\u0435\u043a. <code>&lt;caption&gt;<\/code> \u0434\u0430\u0451\u0442 \u0435\u0439 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0437\u0430\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c. <code>&lt;th&gt;<\/code> \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c <code>scope<\/code> \u043e\u0431\u044a\u044f\u0432\u043b\u044f\u0435\u0442, \u0447\u0442\u043e \u044f\u0447\u0435\u0439\u043a\u0430 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u0438\u043b\u0438 \u0441\u0442\u0440\u043e\u043a\u0438, \u0438 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u043f\u0440\u0438 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0435 \u043f\u043e \u044f\u0447\u0435\u0439\u043a\u0430\u043c \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442: \u00ab\u0411\u0438\u0437\u043d\u0435\u0441, \u0426\u0435\u043d\u0430, 9 \u0434\u043e\u043b\u043b\u0430\u0440\u043e\u0432\u00bb. \u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code> \u0438 <code>&lt;tfoot&gt;<\/code> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u0442\u044c \u0448\u0430\u043f\u043a\u0443 \u043f\u0440\u0438 \u043f\u0435\u0447\u0430\u0442\u0438 \u0434\u043b\u0438\u043d\u043d\u043e\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0442\u044c \u0442\u0435\u043b\u043e \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e \u043e\u0442 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u0432.<\/p>\n<p>\u041d\u0430 \u0443\u0437\u043a\u043e\u043c \u044d\u043a\u0440\u0430\u043d\u0435 \u0448\u0438\u0440\u043e\u043a\u0430\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u2014 \u0432\u0441\u0435\u0433\u0434\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u0420\u0430\u0431\u043e\u0447\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u0432\u0430: \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0435\u0451 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441 <code>overflow-x: auto<\/code> \u0438 \u0434\u0430\u0442\u044c \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443, \u043b\u0438\u0431\u043e \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0438 \u0432 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 CSS, \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044f \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0438\u0437 <code>data-label<\/code>. \u041e\u0431\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e\u0439 \u2014 \u043b\u043e\u043c\u0430\u0435\u0442 \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0438\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u043f\u044b\u0442\u043a\u0430 \u0443\u043f\u0438\u0445\u043d\u0443\u0442\u044c \u0435\u0451 \u0432 \u0448\u0438\u0440\u0438\u043d\u0443 \u044d\u043a\u0440\u0430\u043d\u0430 \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u0438\u0435\u043c \u0448\u0440\u0438\u0444\u0442\u0430.<\/p>\n<h2 id=\"formy-i-polya-vvoda\">\u0424\u043e\u0440\u043c\u044b \u0438 \u043f\u043e\u043b\u044f \u0432\u0432\u043e\u0434\u0430<\/h2>\n<p>\u0424\u043e\u0440\u043c\u044b \u2014 \u0441\u0430\u043c\u0430\u044f \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0433\u0440\u0443\u043f\u043f\u0430 \u0442\u0435\u0433\u043e\u0432 \u0438 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043c\u0435\u0441\u0442\u043e, \u0433\u0434\u0435 HTML \u0443\u043c\u0435\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c, \u043d\u043e \u0438 \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435.<\/p>\n<pre><code>&lt;form action=\"\/send\/\" method=\"post\"&gt;\n  &lt;fieldset&gt;\n    &lt;legend&gt;\u0417\u0430\u044f\u0432\u043a\u0430&lt;\/legend&gt;\n\n    &lt;label for=\"name\"&gt;\u0418\u043c\u044f&lt;\/label&gt;\n    &lt;input type=\"text\" id=\"name\" name=\"name\" required autocomplete=\"name\"&gt;\n\n    &lt;label for=\"mail\"&gt;\u041f\u043e\u0447\u0442\u0430&lt;\/label&gt;\n    &lt;input type=\"email\" id=\"mail\" name=\"email\" required\n           placeholder=\"you@example.com\" autocomplete=\"email\"&gt;\n\n    &lt;label for=\"plan\"&gt;\u0422\u0430\u0440\u0438\u0444&lt;\/label&gt;\n    &lt;select id=\"plan\" name=\"plan\"&gt;\n      &lt;optgroup label=\"\u0425\u043e\u0441\u0442\u0438\u043d\u0433\"&gt;\n        &lt;option value=\"start\"&gt;\u0421\u0442\u0430\u0440\u0442&lt;\/option&gt;\n        &lt;option value=\"pro\" selected&gt;\u0411\u0438\u0437\u043d\u0435\u0441&lt;\/option&gt;\n      &lt;\/optgroup&gt;\n    &lt;\/select&gt;\n\n    &lt;label for=\"msg\"&gt;\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435&lt;\/label&gt;\n    &lt;textarea id=\"msg\" name=\"message\" rows=\"5\"&gt;&lt;\/textarea&gt;\n\n    &lt;button type=\"submit\"&gt;\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c&lt;\/button&gt;\n  &lt;\/fieldset&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>\u0421\u0432\u044f\u0437\u043a\u0430 <code>&lt;label for&gt;<\/code> \u0441 <code>id<\/code> \u043f\u043e\u043b\u044f \u2014 \u043d\u0435 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c. \u041e\u043d\u0430 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0435\u0442 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043d\u0430\u0436\u0430\u0442\u0438\u044f (\u043a\u043b\u0438\u043a \u043f\u043e \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u0441\u0442\u0430\u0432\u0438\u0442 \u043a\u0443\u0440\u0441\u043e\u0440 \u0432 \u043f\u043e\u043b\u0435), \u0430 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u0435\u0439 \u0437\u043d\u0430\u0435\u0442, \u0447\u0442\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442. \u041f\u043e\u043b\u0435 \u0431\u0435\u0437 \u043f\u043e\u0434\u043f\u0438\u0441\u0438, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u043e\u043b\u044c \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u0438\u0433\u0440\u0430\u0435\u0442 <code>placeholder<\/code>, \u2014 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0451\u043d\u043d\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430: \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430 \u0438\u0441\u0447\u0435\u0437\u0430\u0435\u0442 \u043f\u0440\u0438 \u043f\u0435\u0440\u0432\u043e\u043c \u0436\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u0435, \u0438 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0451\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c, \u0447\u0442\u043e \u0432\u0432\u043e\u0434\u0438\u0442.<\/p>\n<p>\u0422\u0438\u043f \u043f\u043e\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435, \u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443:<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u0430, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438\">\n<table>\n<thead>\n<tr>\n<th>\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 <code>type<\/code><\/th>\n<th>\u0427\u0442\u043e \u0434\u0430\u0451\u0442<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>text<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u041e\u0431\u044b\u0447\u043d\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>email<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0430\u0434\u0440\u0435\u0441\u0430, \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430 \u0441 \u00ab@\u00bb<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>tel<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0426\u0438\u0444\u0440\u043e\u0432\u0430\u044f \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0430, \u0444\u043e\u0440\u043c\u0430\u0442 \u043d\u0435 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442\u0441\u044f<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>url<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0430\u0434\u0440\u0435\u0441\u0430 \u0441\u0430\u0439\u0442\u0430<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>number<\/code>, <code>range<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0427\u0438\u0441\u043b\u043e \u0441\u043e \u0441\u0442\u0440\u0435\u043b\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u043b\u0437\u0443\u043d\u043e\u043a, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>min<\/code>, <code>max<\/code>, <code>step<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>date<\/code>, <code>time<\/code>, <code>datetime-local<\/code>, <code>month<\/code>, <code>week<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0412\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440\u044c \u0438 \u0447\u0430\u0441\u044b<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>password<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0432\u0432\u043e\u0434<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>search<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u041f\u043e\u043b\u0435 \u043f\u043e\u0438\u0441\u043a\u0430 \u0441 \u043a\u0440\u0435\u0441\u0442\u0438\u043a\u043e\u043c \u043e\u0447\u0438\u0441\u0442\u043a\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>checkbox<\/code>, <code>radio<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0424\u043b\u0430\u0436\u043e\u043a \u0438 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u0435\u043b\u044c (\u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u0439 <code>name<\/code> \u0443 \u0433\u0440\u0443\u043f\u043f\u044b)<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>file<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0417\u0430\u0433\u0440\u0443\u0437\u043a\u0430 \u0444\u0430\u0439\u043b\u0430, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>accept<\/code> \u0438 <code>multiple<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>color<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u041f\u0430\u043b\u0438\u0442\u0440\u0430 \u0432\u044b\u0431\u043e\u0440\u0430 \u0446\u0432\u0435\u0442\u0430<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 type\"><code>hidden<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0430\u0451\u0442\">\u0421\u043b\u0443\u0436\u0435\u0431\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u0441\u043a\u0440\u044b\u0442\u043e\u0435 \u043e\u0442 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044f<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<figure><svg viewbox=\"0 0 900 470\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"\u0422\u0438\u043f\u044b \u043f\u043e\u043b\u0435\u0439 \u0432\u0432\u043e\u0434\u0430 HTML5: text, email, tel, number, date, color, range, checkbox \u0438 radio, file\" style=\"width:100%;height:auto;max-width:900px;display:block;margin:0 auto 20px\"><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"22\">type=\"text\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"42\">\u0418\u043c\u044f<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"20\" y=\"50\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"32\" y=\"75\">\u041c\u0430\u043a\u0441\u0438\u043c<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"22\">type=\"email\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"42\">\u041f\u043e\u0447\u0442\u0430<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"320\" y=\"50\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><text fill=\"#6E6E6E\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"332\" y=\"75\">you@example.com<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"22\">type=\"tel\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"42\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"620\" y=\"50\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"632\" y=\"75\">+38 067 502-45-84<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"132\">type=\"number\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"152\">\u041a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"20\" y=\"160\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"32\" y=\"185\">12<\/text><path stroke=\"#30738E\" stroke-width=\"2\" fill=\"none\" d=\"M252 174 l8 -8 l8 8 M252 184 l8 8 l8 -8\"><\/path><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"132\">type=\"date\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"152\">\u0414\u0430\u0442\u0430<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"320\" y=\"160\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"332\" y=\"185\">28.10.2026<\/text><rect stroke=\"#30738E\" stroke-width=\"2\" fill=\"none\" x=\"548\" y=\"170\" width=\"18\" height=\"18\"><\/rect><path stroke=\"#30738E\" stroke-width=\"2\" fill=\"none\" d=\"M548 176 h18\"><\/path><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"132\">type=\"color\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"152\">\u0426\u0432\u0435\u0442<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"620\" y=\"160\" width=\"260\" height=\"38\" rx=\"0\"><\/rect><rect x=\"632\" y=\"168\" width=\"60\" height=\"22\" fill=\"#30738E\" stroke=\"#B3B3B3\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"706\" y=\"185\">#30738E<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"242\">type=\"range\"<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"262\">\u0411\u044e\u0434\u0436\u0435\u0442<\/text><rect x=\"20\" y=\"282\" width=\"260\" height=\"4\" fill=\"#2E404F\"><\/rect><rect x=\"20\" y=\"282\" width=\"150\" height=\"4\" fill=\"#30738E\"><\/rect><circle cx=\"170\" cy=\"284\" r=\"10\" fill=\"#30738E\"><\/circle><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"242\">type=\"checkbox\"<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"320\" y=\"262\" width=\"20\" height=\"20\"><\/rect><path stroke=\"#30738E\" stroke-width=\"2\" fill=\"none\" d=\"M324 272 l5 6 l9 -11\"><\/path><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"352\" y=\"279\">\u041f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u0438<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"320\" y=\"292\" width=\"20\" height=\"20\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"352\" y=\"309\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"242\">type=\"radio\"<\/text><circle fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" cx=\"630\" cy=\"272\" r=\"10\"><\/circle><circle cx=\"630\" cy=\"272\" r=\"5\" fill=\"#30738E\"><\/circle><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"652\" y=\"278\">\u0422\u0430\u0440\u0438\u0444 \u00ab\u0421\u0442\u0430\u0440\u0442\u00bb<\/text><circle fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" cx=\"630\" cy=\"302\" r=\"10\"><\/circle><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"652\" y=\"308\">\u0422\u0430\u0440\u0438\u0444 \u00ab\u0411\u0438\u0437\u043d\u0435\u0441\u00bb<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"352\">type=\"file\"<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"20\" y=\"370\" width=\"260\" height=\"38\"><\/rect><rect x=\"28\" y=\"378\" width=\"118\" height=\"22\" fill=\"#2E404F\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"40\" y=\"395\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0444\u0430\u0439\u043b<\/text><text fill=\"#6E6E6E\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"158\" y=\"395\">\u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043d<\/text><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"320\" y=\"352\">&lt;select&gt;<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"320\" y=\"370\" width=\"260\" height=\"38\"><\/rect><text fill=\"#DDDDDD\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"332\" y=\"395\">\u0411\u0438\u0437\u043d\u0435\u0441<\/text><path stroke=\"#30738E\" stroke-width=\"2\" fill=\"none\" d=\"M552 384 l8 8 l8 -8\"><\/path><text fill=\"#30738E\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"620\" y=\"352\">&lt;textarea&gt;<\/text><rect fill=\"#232323\" stroke=\"#B3B3B3\" stroke-width=\"1\" x=\"620\" y=\"370\" width=\"260\" height=\"60\"><\/rect><text fill=\"#6E6E6E\" font-weight=\"200\" font-size=\"15px\" font-family=\"Roboto, Arial, sans-serif\" x=\"632\" y=\"392\">\u0420\u0430\u0441\u0441\u043a\u0430\u0436\u0438\u0442\u0435 \u043e \u0437\u0430\u0434\u0430\u0447\u0435\u2026<\/text><text fill=\"#848484\" font-weight=\"300\" font-size=\"13px\" font-family=\"Roboto, Arial, sans-serif\" x=\"450\" y=\"458\" text-anchor=\"middle\">\u0422\u0438\u043f \u043f\u043e\u043b\u044f \u0437\u0430\u0434\u0430\u0451\u0442 \u0438 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u0443 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435, \u0438 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f<\/text><\/svg><figcaption>\u041e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u0442\u0438\u043f\u044b \u043f\u043e\u043b\u0435\u0439 \u0432\u0432\u043e\u0434\u0430 \u0438 \u0442\u043e, \u043a\u0430\u043a \u043e\u043d\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435<\/figcaption><\/figure>\n<p>\u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0430\u043c\u0438 HTML \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 JavaScript: <code>required<\/code> \u0437\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0443 \u043f\u0443\u0441\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044f, <code>minlength<\/code> \u0438 <code>maxlength<\/code> \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0432\u0430\u044e\u0442 \u0434\u043b\u0438\u043d\u0443, <code>pattern<\/code> \u0437\u0430\u0434\u0430\u0451\u0442 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u043e\u0435 \u0432\u044b\u0440\u0430\u0436\u0435\u043d\u0438\u0435, <code>min<\/code> \u0438 <code>max<\/code> \u2014 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u0447\u0438\u0441\u043b\u0430 \u0438 \u0434\u0430\u0442\u044b. \u042d\u0442\u043e \u043f\u0435\u0440\u0432\u0430\u044f \u043b\u0438\u043d\u0438\u044f, \u0430 \u043d\u0435 \u0437\u0430\u0449\u0438\u0442\u0430: \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u043e\u043d\u0430 \u043d\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u0435\u0442, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043b\u044e\u0431\u043e\u0439 \u0437\u0430\u043f\u0440\u043e\u0441 \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0432 \u043e\u0431\u0445\u043e\u0434 \u0444\u043e\u0440\u043c\u044b.<\/p>\n<p>\u0415\u0449\u0451 \u0434\u0432\u0430 \u0442\u0435\u0433\u0430 \u044d\u0442\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b \u0437\u0430\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u044e\u0442 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f. <code>&lt;datalist&gt;<\/code> \u0434\u0430\u0451\u0442 \u043f\u043e\u043b\u044e \u0430\u0432\u0442\u043e\u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0438, \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u0432\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0451 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. <code>&lt;output&gt;<\/code> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f \u2014 \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0441\u0443\u043c\u043c\u0443 \u0437\u0430\u043a\u0430\u0437\u0430, \u043f\u0435\u0440\u0435\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u0443\u044e \u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\n<h2 id=\"interaktivnye-elementy-bez-javascript\">\u0418\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0431\u0435\u0437 JavaScript<\/h2>\n<p>\u0427\u0430\u0441\u0442\u044c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f, \u0440\u0430\u0434\u0438 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u043b\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u0432 HTML5 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u0430.<\/p>\n<pre><code>&lt;details&gt;\n  &lt;summary&gt;\u0427\u0442\u043e \u0432\u0445\u043e\u0434\u0438\u0442 \u0432 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u0430\u0439\u0442\u0430?&lt;\/summary&gt;\n  &lt;p&gt;\u041e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f, \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0435 \u043a\u043e\u043f\u0438\u0438, \u043c\u043e\u043d\u0438\u0442\u043e\u0440\u0438\u043d\u0433 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438.&lt;\/p&gt;\n&lt;\/details&gt;\n\n&lt;dialog id=\"modal\"&gt;\n  &lt;p&gt;\u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430&lt;\/p&gt;\n  &lt;button onclick=\"modal.close()\"&gt;\u0417\u0430\u043a\u0440\u044b\u0442\u044c&lt;\/button&gt;\n&lt;\/dialog&gt;\n\n&lt;progress value=\"70\" max=\"100\"&gt;70%&lt;\/progress&gt;\n&lt;meter value=\"0.8\" low=\"0.3\" high=\"0.9\"&gt;80%&lt;\/meter&gt;<\/code><\/pre>\n<p><code>&lt;details&gt;<\/code> \u0441 <code>&lt;summary&gt;<\/code> \u2014 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u0430\u043a\u043a\u043e\u0440\u0434\u0435\u043e\u043d: \u0440\u0430\u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u043a\u043b\u0438\u043a\u0443, \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, \u0438\u043d\u0434\u0435\u043a\u0441\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u043e\u043c. \u0411\u043b\u043e\u043a \u00ab\u0432\u043e\u043f\u0440\u043e\u0441 \u2014 \u043e\u0442\u0432\u0435\u0442\u00bb \u043d\u0430 \u044d\u0442\u043e\u043c \u0442\u0435\u0433\u0435 \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043d\u0438 \u0441\u0442\u0440\u043e\u0447\u043a\u0438 JavaScript. <code>&lt;dialog&gt;<\/code> \u2014 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u043c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435\u043c \u0444\u043e\u043a\u0443\u0441\u0430: \u043c\u0435\u0442\u043e\u0434 <code>showModal()<\/code> \u0437\u0430\u043f\u0438\u0440\u0430\u0435\u0442 \u0444\u043e\u043a\u0443\u0441 \u0432\u043d\u0443\u0442\u0440\u0438 \u043e\u043a\u043d\u0430 \u0438 \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0435\u0433\u043e \u043f\u043e Escape. <code>&lt;progress&gt;<\/code> \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0445\u043e\u0434 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430, <code>&lt;meter&gt;<\/code> \u2014 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u043e\u043c \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d\u0435, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0434\u0438\u0441\u043a\u0430.<\/p>\n<h2 id=\"sluzhebnye-tegi-v\">\u0421\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u0442\u0435\u0433\u0438 \u0432 <code>&lt;head&gt;<\/code><\/h2>\n<p>\u042d\u0442\u0438 \u0442\u0435\u0433\u0438 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c \u043d\u0435 \u0432\u0438\u0434\u0438\u0442, \u043d\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u043e\u043d\u0438 \u0440\u0435\u0448\u0430\u044e\u0442, \u043a\u0430\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u0432\u044b\u0434\u0430\u0447\u0435 \u0438 \u0432 \u0441\u043e\u0446\u0441\u0435\u0442\u044f\u0445.<\/p>\n<pre><code>&lt;head&gt;\n  &lt;meta charset=\"UTF-8\"&gt;\n  &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\n  &lt;title&gt;\u0422\u0435\u0433\u0438 HTML5: \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a&lt;\/title&gt;\n  &lt;meta name=\"description\" content=\"\u0412\u0441\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0433\u0438 HTML5 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438\"&gt;\n  &lt;link rel=\"canonical\" href=\"https:\/\/example.com\/html5\/\"&gt;\n  &lt;link rel=\"alternate\" hreflang=\"uk\" href=\"https:\/\/example.com\/uk\/html5\/\"&gt;\n  &lt;link rel=\"icon\" href=\"\/favicon.svg\" type=\"image\/svg+xml\"&gt;\n  &lt;link rel=\"stylesheet\" href=\"\/style.css\"&gt;\n  &lt;meta property=\"og:title\" content=\"\u0422\u0435\u0433\u0438 HTML5: \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\"&gt;\n  &lt;meta property=\"og:image\" content=\"https:\/\/example.com\/img\/cover.webp\"&gt;\n  &lt;script src=\"\/app.js\" defer&gt;&lt;\/script&gt;\n&lt;\/head&gt;<\/code><\/pre>\n<p><code>&lt;title&gt;<\/code> \u2014 \u0441\u0430\u043c\u044b\u0439 \u0432\u0435\u0441\u043e\u043c\u044b\u0439 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u0441\u0438\u0433\u043d\u0430\u043b \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430 \u0438 \u0442\u043e, \u0447\u0442\u043e \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u044c \u0432\u0438\u0434\u0438\u0442 \u0432\u043e \u0432\u043a\u043b\u0430\u0434\u043a\u0435. <code>&lt;link rel=\"canonical\"&gt;<\/code> \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0433\u043b\u0430\u0432\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043a\u043e\u0433\u0434\u0430 \u0434\u043e \u043d\u0435\u0451 \u0432\u0435\u0434\u0443\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e URL \u0441 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438. <code>hreflang<\/code> \u0441\u0432\u044f\u0437\u044b\u0432\u0430\u0435\u0442 \u044f\u0437\u044b\u043a\u043e\u0432\u044b\u0435 \u0432\u0435\u0440\u0441\u0438\u0438 \u043c\u0435\u0436\u0434\u0443 \u0441\u043e\u0431\u043e\u0439 \u2014 \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u043e\u044f\u0437\u044b\u0447\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0430 \u044d\u0442\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430, \u0431\u0435\u0437 \u043d\u0435\u0451 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u043d\u0435 \u0442\u0443 \u0432\u0435\u0440\u0441\u0438\u044e. \u041e\u0442\u043a\u0440\u044b\u0442\u044b\u0435 \u0433\u0440\u0430\u0444\u044b <code>og:<\/code> \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u044e\u0442, \u043a\u0430\u043a \u0441\u0441\u044b\u043b\u043a\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0435 \u0438 \u0441\u043e\u0446\u0441\u0435\u0442\u0438.<\/p>\n<p>\u041f\u0440\u043e \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0441\u0442\u043e\u0438\u0442 \u043f\u043e\u043c\u043d\u0438\u0442\u044c \u043e\u0434\u043d\u043e: <code>&lt;script&gt;<\/code> \u0431\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0440\u0430\u0437\u0431\u043e\u0440 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u043f\u043e\u043a\u0430 \u0444\u0430\u0439\u043b \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f \u0438 \u043d\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>defer<\/code> \u043e\u0442\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u0434\u043e \u043a\u043e\u043d\u0446\u0430 \u0440\u0430\u0437\u0431\u043e\u0440\u0430 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432, <code>async<\/code> \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435 \u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043d\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u0442. \u0414\u043b\u044f \u0441\u0447\u0451\u0442\u0447\u0438\u043a\u043e\u0432 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 <code>async<\/code>, \u0434\u043b\u044f \u043a\u043e\u0434\u0430 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u2014 <code>defer<\/code>.<\/p>\n<h2 id=\"ustarevshie-tegi-i-chem-ih-zamenit\">\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0442\u0435\u0433\u0438 \u0438 \u0447\u0435\u043c \u0438\u0445 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c<\/h2>\n<p>\u042d\u0442\u0438 \u0442\u0435\u0433\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0432\u0441\u0451 \u0435\u0449\u0451 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u044e\u0442, \u043d\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0438\u0445 \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u043b\u0430: \u0447\u0430\u0441\u0442\u044c \u043e\u0442\u0432\u0435\u0447\u0430\u043b\u0430 \u0437\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0434\u0430\u0432\u043d\u043e \u0443\u0448\u043b\u043e \u0432 CSS, \u0447\u0430\u0441\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0440\u0435\u0434\u0438\u043b\u0430.<\/p>\n<figure><svg viewbox=\"0 0 900 430\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" role=\"img\" aria-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0442\u0435\u0433\u0438 HTML \u0438 \u0438\u0445 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0437\u0430\u043c\u0435\u043d\u044b\" style=\"width:100%;height:auto;max-width:900px;display:block;margin:0 auto 20px\"><text fill=\"#848484\" letter-spacing=\"1px\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"20\" y=\"24\">\u0411\u042b\u041b\u041e \u2014 \u0418\u0421\u041a\u041b\u042e\u0427\u0415\u041d\u041e \u0418\u0417 \u0421\u041f\u0415\u0426\u0418\u0424\u0418\u041a\u0410\u0426\u0418\u0418<\/text><text fill=\"#848484\" letter-spacing=\"1px\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"520\" y=\"24\">\u0421\u0422\u0410\u041b\u041e \u2014 \u0421\u041e\u0412\u0420\u0415\u041c\u0415\u041d\u041d\u0410\u042f \u0417\u0410\u041c\u0415\u041d\u0410<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"40\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"68\">&lt;font size color&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 62 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"40\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"68\">CSS: font-family, font-size, color<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"100\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"128\">&lt;center&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 122 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"100\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"128\">CSS: text-align, margin: 0 auto<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"160\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"188\">&lt;strike&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 182 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"160\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"188\">&lt;s&gt; \u2014 \u043d\u0435\u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435, &lt;del&gt; \u2014 \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0435<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"220\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"248\">&lt;marquee&gt;, &lt;blink&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 242 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"220\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"248\">CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u2014 \u0438 \u043b\u0443\u0447\u0448\u0435 \u0431\u0435\u0437 \u043d\u0435\u0451<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"280\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"308\">&lt;frameset&gt;, &lt;frame&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 302 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"280\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"308\">\u041e\u0431\u044b\u0447\u043d\u0430\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430, \u043f\u0440\u0438 \u043d\u0443\u0436\u0434\u0435 &lt;iframe&gt;<\/text><rect fill=\"#1E1618\" stroke=\"#5A3B40\" stroke-width=\"1\" x=\"20\" y=\"340\" width=\"330\" height=\"44\"><\/rect><text fill=\"#A98086\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"36\" y=\"368\">&lt;acronym&gt;<\/text><path stroke=\"#30738E\" stroke-width=\"1.5\" fill=\"none\" d=\"M360 362 h150 m-12 -6 l12 6 l-12 6\"><\/path><rect fill=\"#15202A\" stroke=\"#30738E\" stroke-width=\"1\" x=\"520\" y=\"340\" width=\"360\" height=\"44\"><\/rect><text fill=\"#EEEEEE\" font-weight=\"300\" font-size=\"16px\" font-family=\"Roboto, Arial, sans-serif\" x=\"536\" y=\"368\">&lt;abbr title=\"\u0440\u0430\u0441\u0448\u0438\u0444\u0440\u043e\u0432\u043a\u0430\"&gt;<\/text><text fill=\"#848484\" letter-spacing=\"1px\" font-weight=\"400\" font-size=\"14px\" font-family=\"Roboto, Arial, sans-serif\" x=\"450\" y=\"416\" text-anchor=\"middle\" style=\"letter-spacing:0\">\u0411\u0440\u0430\u0443\u0437\u0435\u0440\u044b \u0432\u0441\u0451 \u0435\u0449\u0451 \u0438\u0445 \u0440\u0438\u0441\u0443\u044e\u0442, \u043d\u043e \u0432\u0430\u043b\u0438\u0434\u0430\u0442\u043e\u0440 \u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a \u0441\u0447\u0438\u0442\u0430\u044e\u0442 \u0442\u0430\u043a\u0443\u044e \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443 \u043e\u0448\u0438\u0431\u043a\u043e\u0439<\/text><\/svg><figcaption>\u0428\u0435\u0441\u0442\u044c \u0441\u0430\u043c\u044b\u0445 \u0447\u0430\u0441\u0442\u044b\u0445 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0445 \u0442\u0435\u0433\u043e\u0432 \u0438 \u0447\u0435\u043c \u0438\u0445 \u0437\u0430\u043c\u0435\u043d\u044f\u044e\u0442 \u0441\u0435\u0433\u043e\u0434\u043d\u044f<\/figcaption><\/figure>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u0430, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u0438\">\n<table>\n<thead>\n<tr>\n<th>\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433<\/th>\n<th>\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b<\/th>\n<th>\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;font&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0428\u0440\u0438\u0444\u0442, \u0440\u0430\u0437\u043c\u0435\u0440 \u0438 \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">CSS: <code>font-family<\/code>, <code>font-size<\/code>, <code>color<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;center&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0412\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u0435 \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">CSS: <code>text-align<\/code>, <code>margin: 0 auto<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;big&gt;<\/code>, <code>&lt;tt&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u041a\u0440\u0443\u043f\u043d\u044b\u0439 \u0438 \u043c\u043e\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">CSS; \u0434\u043b\u044f \u043a\u043e\u0434\u0430 \u2014 <code>&lt;code&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;strike&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0417\u0430\u0447\u0451\u0440\u043a\u043d\u0443\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\"><code>&lt;s&gt;<\/code> \u0438\u043b\u0438 <code>&lt;del&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;marquee&gt;<\/code>, <code>&lt;blink&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0411\u0435\u0433\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 \u0438 \u043c\u0438\u0433\u0430\u043d\u0438\u0435<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f, \u0438 \u043b\u0443\u0447\u0448\u0435 \u0431\u0435\u0437 \u043d\u0435\u0451<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;frame&gt;<\/code>, <code>&lt;frameset&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0414\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u043a\u043d\u0430 \u043d\u0430 \u0444\u0440\u0435\u0439\u043c\u044b<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">\u041d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0430; \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 <code>&lt;iframe&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;applet&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">Java-\u0430\u043f\u043f\u043b\u0435\u0442<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">\u041d\u0435 \u043d\u0443\u0436\u0435\u043d; \u0434\u043b\u044f \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u2014 <code>&lt;iframe&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;acronym&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0410\u043a\u0440\u043e\u043d\u0438\u043c<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\"><code>&lt;abbr&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;dir&gt;<\/code><\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u0421\u043f\u0438\u0441\u043e\u043a \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u043e\u0432<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\"><code>&lt;ul&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0423\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0439 \u0442\u0435\u0433\">\u0410\u0442\u0440\u0438\u0431\u0443\u0442\u044b <code>align<\/code>, <code>bgcolor<\/code>, <code>border<\/code>, <code>width<\/code> \u0443 \u0442\u0430\u0431\u043b\u0438\u0446 \u0438 \u0431\u043b\u043e\u043a\u043e\u0432<\/td>\n<td data-label=\"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b\">\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435 \u0432 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0435<\/td>\n<td data-label=\"\u0427\u0435\u043c \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c\">\u0426\u0435\u043b\u0438\u043a\u043e\u043c \u0432 CSS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0438\u0441\u0442\u043e\u0440\u0438\u044f \u2014 <code>&lt;hgroup&gt;<\/code>. \u0415\u0433\u043e \u0438\u0441\u043a\u043b\u044e\u0447\u0438\u043b\u0438 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u043f\u043e\u0442\u043e\u043c \u0432\u0435\u0440\u043d\u0443\u043b\u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c \u0441\u043c\u044b\u0441\u043b\u043e\u043c, \u0438 \u0441\u0435\u0433\u043e\u0434\u043d\u044f \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u043a\u0438 \u00ab\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043b\u044e\u0441 \u043f\u043e\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\u00bb \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e <code>&lt;p&gt;<\/code> \u0440\u044f\u0434\u043e\u043c \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c.<\/p>\n<h2 id=\"chastye-oshibki-razmetki\">\u0427\u0430\u0441\u0442\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0438<\/h2>\n<ul>\n<li><strong>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e <code>&lt;h1&gt;<\/code> \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<\/strong> \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0438 \u043e\u043d \u043e\u0434\u0438\u043d. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u2014 \u0443\u0440\u043e\u0432\u043d\u0438 \u043d\u0438\u0436\u0435.<\/li>\n<li><strong>\u0411\u043b\u043e\u043a \u0432\u043d\u0443\u0442\u0440\u0438 \u0430\u0431\u0437\u0430\u0446\u0430.<\/strong> <code>&lt;div&gt;<\/code> \u0432\u043d\u0443\u0442\u0440\u0438 <code>&lt;p&gt;<\/code> \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043c\u043e\u043b\u0447\u0430 \u0438\u0441\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442, \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044f \u0430\u0431\u0437\u0430\u0446 \u0440\u0430\u043d\u044c\u0448\u0435, \u2014 \u0438 \u0432\u0451\u0440\u0441\u0442\u043a\u0430 \u0435\u0434\u0435\u0442 \u0431\u0435\u0437 \u0432\u0438\u0434\u0438\u043c\u043e\u0439 \u043f\u0440\u0438\u0447\u0438\u043d\u044b.<\/li>\n<li><strong><code>&lt;br&gt;<\/code> \u0432\u043c\u0435\u0441\u0442\u043e \u043e\u0442\u0441\u0442\u0443\u043f\u043e\u0432.<\/strong> \u0422\u0440\u0438 \u043f\u043e\u0434\u0440\u044f\u0434 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 \u0441\u0442\u0440\u043e\u043a\u0438 \u2014 \u044d\u0442\u043e \u043f\u043e\u043f\u044b\u0442\u043a\u0430 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0442\u043e, \u0447\u0442\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u0438 \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f: <code>margin<\/code>.<\/li>\n<li><strong>\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0431\u0435\u0437 <code>alt<\/code>.<\/strong> \u0422\u0435\u0440\u044f\u044e\u0442\u0441\u044f \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c, \u0438 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u044b\u0439 \u0442\u0440\u0430\u0444\u0438\u043a \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a.<\/li>\n<li><strong>\u041a\u043d\u043e\u043f\u043a\u0430, \u0441\u0434\u0435\u043b\u0430\u043d\u043d\u0430\u044f \u0438\u0437 <code>&lt;div&gt;<\/code>.<\/strong> \u0422\u0430\u043a\u043e\u0439 \u00ab\u043a\u043d\u043e\u043f\u043a\u0435\u00bb \u043d\u0443\u0436\u043d\u044b \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b, <code>role<\/code> \u0438 <code>tabindex<\/code>, \u0442\u043e\u0433\u0434\u0430 \u043a\u0430\u043a <code>&lt;button&gt;<\/code> \u0443\u043c\u0435\u0435\u0442 \u044d\u0442\u043e \u0441\u0440\u0430\u0437\u0443.<\/li>\n<li><strong>\u0421\u0441\u044b\u043b\u043a\u0430 \u0431\u0435\u0437 <code>href<\/code>.<\/strong> \u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u044b\u043f\u0430\u0434\u0430\u0435\u0442 \u0438\u0437 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0441 \u043a\u043b\u0430\u0432\u0438\u0430\u0442\u0443\u0440\u044b. \u041d\u0435\u0442 \u0430\u0434\u0440\u0435\u0441\u0430 \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 <code>&lt;button&gt;<\/code>.<\/li>\n<li><strong>\u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u0434\u043b\u044f \u0432\u0451\u0440\u0441\u0442\u043a\u0438.<\/strong> \u041d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u043e\u043c \u0442\u0430\u043a\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u043d\u0435 \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0430 \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440 \u0437\u0430\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0435\u0451 \u043a\u0430\u043a \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0434\u0430\u043d\u043d\u044b\u0445.<\/li>\n<li><strong><code>&lt;div&gt;<\/code> \u0432\u043c\u0435\u0441\u0442\u043e \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0438.<\/strong> \u0421\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u0438\u0437 \u043e\u0434\u043d\u0438\u0445 \u0442\u043e\u043b\u044c\u043a\u043e <code>div<\/code> \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u043d\u043e \u043b\u0438\u0448\u0430\u0435\u0442\u0441\u044f \u0432\u0441\u0435\u0433\u043e, \u0447\u0442\u043e \u0434\u0430\u0451\u0442 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0441\u043c\u044b\u0441\u043b\u0430: \u0431\u044b\u0441\u0442\u0440\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438, \u0440\u0435\u0436\u0438\u043c\u0430 \u0447\u0442\u0435\u043d\u0438\u044f, \u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0434\u043b\u044f \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u0438\u043a\u0430.<\/li>\n<\/ul>\n<h2 id=\"kak-proverit-razmetku\">\u041a\u0430\u043a \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0443<\/h2>\n<p>\u0422\u0440\u0438 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043f\u043e\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0435 \u043e\u0448\u0438\u0431\u043a\u0438. <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u0412\u0430\u043b\u0438\u0434\u0430\u0442\u043e\u0440 W3C<\/a> \u043d\u0430\u0445\u043e\u0434\u0438\u0442 \u043d\u0435\u0437\u0430\u043a\u0440\u044b\u0442\u044b\u0435 \u0442\u0435\u0433\u0438, \u043d\u0435\u0432\u0435\u0440\u043d\u0443\u044e \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438 \u043d\u0435\u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b. \u0412\u043a\u043b\u0430\u0434\u043a\u0430 Accessibility \u0432 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0434\u0435\u0440\u0435\u0432\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438 \u2014 \u0442\u043e, \u0447\u0442\u043e \u00ab\u0432\u0438\u0434\u0438\u0442\u00bb \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440. Lighthouse \u0432 Chrome \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0443 \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e \u0438 \u0432\u044b\u0434\u0430\u0451\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u0445 \u0437\u0430\u043c\u0435\u0447\u0430\u043d\u0438\u0439.<\/p>\n<p>\u041e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u0438\u0451\u043c \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438: \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0451\u043d\u043d\u044b\u043c CSS. \u0415\u0441\u043b\u0438 \u0431\u0435\u0437 \u0441\u0442\u0438\u043b\u0435\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0441\u0432\u0435\u0440\u0445\u0443 \u0432\u043d\u0438\u0437 \u043a\u0430\u043a \u043e\u0441\u043c\u044b\u0441\u043b\u0435\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0441 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438, \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438 \u0438 \u043f\u043e\u0434\u043f\u0438\u0441\u044f\u043c\u0438 \u043a \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430\u043c \u2014 \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u0441\u0434\u0435\u043b\u0430\u043d\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u0415\u0441\u043b\u0438 \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u0430\u0448\u0443, \u0434\u0435\u043b\u043e \u043d\u0435 \u0432 \u0441\u0442\u0438\u043b\u044f\u0445, \u0430 \u0432 \u0442\u0435\u0433\u0430\u0445.<\/p>\n<h2 id=\"korotko-o-glavnom\">\u041a\u043e\u0440\u043e\u0442\u043a\u043e \u043e \u0433\u043b\u0430\u0432\u043d\u043e\u043c<\/h2>\n<p>\u0415\u0441\u043b\u0438 \u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0432 \u0433\u043e\u043b\u043e\u0432\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0430\u0432\u0438\u043b, \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0438\u0437 \u043d\u0438\u0445 \u0441\u0430\u043c\u043e:<\/p>\n<ul>\n<li><strong>\u0422\u0435\u0433 \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 \u043f\u043e \u0441\u043c\u044b\u0441\u043b\u0443, \u0430 \u043d\u0435 \u043f\u043e \u0432\u0438\u0434\u0443.<\/strong> \u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u043b\u044e\u0431\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u043e\u0439 CSS, \u0430 \u0441\u043c\u044b\u0441\u043b, \u0437\u0430\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0439 \u0442\u0435\u0433\u043e\u043c, \u0447\u0438\u0442\u0430\u044e\u0442 \u043c\u0430\u0448\u0438\u043d\u044b \u2014 \u0438 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u043d\u0435\u043b\u044c\u0437\u044f.<\/li>\n<li><strong>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u2014 \u044d\u0442\u043e <code>header<\/code>, <code>nav<\/code>, <code>main<\/code>, <code>article<\/code>, <code>section<\/code>, <code>aside<\/code>, <code>footer<\/code>.<\/strong> <code>&lt;div&gt;<\/code> \u043e\u0441\u0442\u0430\u0451\u0442\u0441\u044f \u0434\u043b\u044f \u0441\u043b\u0443\u0447\u0430\u0435\u0432, \u043a\u043e\u0433\u0434\u0430 \u043d\u0438 \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u0442, \u0430 \u043d\u0435 \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442.<\/li>\n<li><strong>\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u043e\u0431\u0440\u0430\u0437\u0443\u044e\u0442 \u043e\u0433\u043b\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430.<\/strong> \u041e\u0434\u0438\u043d <code>h1<\/code>, \u0434\u0430\u043b\u044c\u0448\u0435 \u043f\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0443, \u0431\u0435\u0437 \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u043e\u0432 \u0443\u0440\u043e\u0432\u043d\u0435\u0439.<\/li>\n<li><strong>\u0422\u0440\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u0431\u044b\u0432\u0430\u044e\u0442 \u0447\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e:<\/strong> <code>alt<\/code> \u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, <code>for<\/code> \u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u0438 \u043f\u043e\u043b\u044f \u0438 <code>title<\/code> \u0443 \u0444\u0440\u0435\u0439\u043c\u0430. \u041a\u0430\u0436\u0434\u044b\u0439 \u0438\u0437 \u043d\u0438\u0445 \u2014 \u043f\u0430\u0440\u0430 \u043c\u0438\u043d\u0443\u0442 \u0440\u0430\u0431\u043e\u0442\u044b \u0438 \u0437\u0430\u043c\u0435\u0442\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u0432 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0438.<\/li>\n<li><strong>\u0424\u043e\u0440\u043c\u0430 \u0443\u043c\u0435\u0435\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0442\u044c \u0441\u0435\u0431\u044f \u0441\u0430\u043c\u0430.<\/strong> \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 <code>type<\/code> \u043f\u043b\u044e\u0441 <code>required<\/code> \u0438 <code>pattern<\/code> \u0437\u0430\u043a\u0440\u044b\u0432\u0430\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0447\u0430\u0441\u0442\u044c \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0431\u0435\u0437 JavaScript \u2014 \u043d\u043e \u043d\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u044e\u0442 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435.<\/li>\n<li><strong>\u0412\u0441\u0451, \u0447\u0442\u043e \u043f\u0440\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435, \u0436\u0438\u0432\u0451\u0442 \u0432 CSS.<\/strong> \u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0438\u0437 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u0443\u0448\u043b\u0438 <code>font<\/code>, <code>center<\/code> \u0438 \u0438\u0445 \u0441\u043e\u0441\u0435\u0434\u0438.<\/li>\n<\/ul>\n<p>\u0425\u043e\u0440\u043e\u0448\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430 \u043f\u043e\u0447\u0442\u0438 \u043d\u0435 \u0432\u0438\u0434\u043d\u0430: \u0441\u0430\u0439\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u2014 \u0431\u044b\u0441\u0442\u0440\u043e \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u0442\u0441\u044f, \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 \u043f\u043e\u0438\u0441\u043a\u043e\u0432\u043e\u0439 \u0432\u044b\u0434\u0430\u0447\u0435 \u0438 \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0435, \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043b\u044e\u0434\u044f\u043c \u0441\u043e \u0441\u043a\u0440\u0438\u043d\u0440\u0438\u0434\u0435\u0440\u043e\u043c. \u041f\u043b\u043e\u0445\u0443\u044e \u0437\u0430\u043c\u0435\u0447\u0430\u044e\u0442 \u0441\u0440\u0430\u0437\u0443, \u043d\u043e \u043b\u0435\u0447\u0430\u0442 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u0442\u0430\u043c, \u0433\u0434\u0435 \u0431\u043e\u043b\u0438\u0442: \u043f\u0440\u0430\u0432\u044f\u0442 \u0441\u0442\u0438\u043b\u0438, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442 \u0441\u043a\u0440\u0438\u043f\u0442\u044b, \u0441\u0442\u0430\u0432\u044f\u0442 \u043f\u043b\u0430\u0433\u0438\u043d\u044b \u2014 \u0445\u043e\u0442\u044f \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0434\u0432\u0443\u0445-\u0442\u0440\u0451\u0445 \u043d\u0435\u0432\u0435\u0440\u043d\u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0442\u0435\u0433\u0430\u0445.<\/p>\n<p>\u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u0441\u0432\u043e\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441: \u043e\u0442\u043a\u0440\u043e\u0439\u0442\u0435 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434 \u0438 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432 \u043d\u0451\u043c <code>&lt;div&gt;<\/code> \u0438 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u0433\u043e\u0432 \u0441\u043e \u0441\u043c\u044b\u0441\u043b\u043e\u043c. \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0432\u044b\u0445 \u0432\u0442\u0440\u043e\u0435 \u0431\u043e\u043b\u044c\u0448\u0435 \u2014 \u043d\u0430\u0447\u043d\u0438\u0442\u0435 \u0441 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438 \u0441\u0432\u0435\u0440\u0445\u0443, \u043f\u043e \u0440\u0430\u0437\u0434\u0435\u043b\u0430\u043c. \u041f\u0435\u0440\u0435\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u0441\u044c \u0441\u0430\u0439\u0442 \u043d\u0435 \u043f\u0440\u0438\u0434\u0451\u0442\u0441\u044f: \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u0435\u0440\u0435\u043d\u0430\u0437\u0432\u0430\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u043e\u0432 \u0438 \u0440\u0430\u0441\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u0431\u044b\u0442\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0441\u0435 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0442\u0435\u0433\u0438 HTML5 \u0441 \u043f\u0440\u0438\u043c\u0435\u0440\u0430\u043c\u0438 \u043a\u043e\u0434\u0430 \u0438 \u0441\u0445\u0435\u043c\u0430\u043c\u0438: \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430, \u0444\u043e\u0440\u043c\u044b, \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u043c\u0435\u0434\u0438\u0430 \u0438 \u0443\u0441\u0442\u0430\u0440\u0435\u0432\u0448\u0438\u0435 \u0442\u0435\u0433\u0438 \u0441 \u0437\u0430\u043c\u0435\u043d\u0430\u043c\u0438.<\/p>\n","protected":false},"author":3,"featured_media":12014,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-4223","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-i-css"],"acf":[],"_links":{"self":[{"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/posts\/4223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/comments?post=4223"}],"version-history":[{"count":3,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/posts\/4223\/revisions"}],"predecessor-version":[{"id":11970,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/posts\/4223\/revisions\/11970"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/media\/12014"}],"wp:attachment":[{"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/media?parent=4223"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/categories?post=4223"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webmister.pro\/ru\/wp-json\/wp\/v2\/tags?post=4223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}