{"id":11967,"date":"2026-10-28T20:04:26","date_gmt":"2026-10-28T17:04:26","guid":{"rendered":"https:\/\/webmister.pro\/html-5-2\/"},"modified":"2026-10-28T20:34:11","modified_gmt":"2026-10-28T17:34:11","slug":"html-5","status":"publish","type":"post","link":"https:\/\/webmister.pro\/uk\/html-5\/","title":{"rendered":"\u0422\u0435\u0433\u0438 HTML5: \u0434\u043e\u0432\u0456\u0434\u043d\u0438\u043a \u0437 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0430\u043c\u0438"},"content":{"rendered":"<p>\u0422\u0435\u0433\u0438 HTML \u2014 \u0446\u0435 \u043d\u0435 \u0441\u043f\u0438\u0441\u043e\u043a, \u044f\u043a\u0438\u0439 \u0442\u0440\u0435\u0431\u0430 \u0432\u0438\u0437\u0443\u0431\u0440\u0438\u0442\u0438, \u0430 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438 \u0437\u043c\u0456\u0441\u0442\u0443. \u0411\u0440\u0430\u0443\u0437\u0435\u0440, \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u0439 \u0440\u043e\u0431\u043e\u0442 \u0456 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0447\u0438\u0442\u0430\u044e\u0442\u044c \u043e\u0434\u043d\u0443 \u0439 \u0442\u0443 \u0441\u0430\u043c\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u043f\u043e-\u0440\u0456\u0437\u043d\u043e\u043c\u0443, \u0456 \u0454\u0434\u0438\u043d\u0435, \u043d\u0430 \u0449\u043e \u0432\u0441\u0456 \u0432\u043e\u043d\u0438 \u0441\u043f\u0438\u0440\u0430\u044e\u0442\u044c\u0441\u044f, \u2014 \u043e\u0431\u0440\u0430\u043d\u0456 \u0432\u0430\u043c\u0438 \u0442\u0435\u0433\u0438. \u041d\u0438\u0436\u0447\u0435 \u0440\u043e\u0437\u0456\u0431\u0440\u0430\u043d\u043e \u0432\u0441\u0456 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0456 \u0442\u0435\u0433\u0438 HTML5: \u0449\u043e \u043a\u043e\u0436\u0435\u043d \u0456\u0437 \u043d\u0438\u0445 \u043e\u0437\u043d\u0430\u0447\u0430\u0454, \u043a\u043e\u043b\u0438 \u0432\u0456\u043d \u0434\u043e\u0440\u0435\u0447\u043d\u0438\u0439, \u044f\u043a\u0438\u0439 \u0442\u0435\u0433 \u043f\u0440\u0438\u0439\u0448\u043e\u0432 \u043d\u0430 \u0437\u043c\u0456\u043d\u0443 \u0437\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u043e\u043c\u0443 \u0456 \u044f\u043a\u0456 \u043f\u043e\u043c\u0438\u043b\u043a\u0438 \u0442\u0440\u0430\u043f\u043b\u044f\u044e\u0442\u044c\u0441\u044f \u0443 \u0432\u0435\u0440\u0441\u0442\u0446\u0456 \u043d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0435.<\/p>\n<nav class=\"wppub-toc\" aria-label=\"\u0417\u043c\u0456\u0441\u0442\">\n<p class=\"wppub-toc__title\">\u0417\u043c\u0456\u0441\u0442<\/p>\n<ul class=\"wppub-toc__list\">\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#yak-vlashtovaniy-html-dokument\">\u042f\u043a \u0432\u043b\u0430\u0448\u0442\u043e\u0432\u0430\u043d\u0438\u0439 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=\"#blokovi-ta-ryadkovi-elementi\">\u0411\u043b\u043e\u043a\u043e\u0432\u0456 \u0442\u0430 \u0440\u044f\u0434\u043a\u043e\u0432\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/a><\/li>\n<\/ul>\n<\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#semantichna-struktura-storinki\">\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#tekst-zagolovki-abzatsi-ta-vidilennya\">\u0422\u0435\u043a\u0441\u0442: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0430\u0431\u0437\u0430\u0446\u0438 \u0442\u0430 \u0432\u0438\u0434\u0456\u043b\u0435\u043d\u043d\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=\"#posilannya-ta-navigatsiya\">\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0442\u0430 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044f<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#zobrazhennya-video-ta-audio\">\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f, \u0432\u0456\u0434\u0435\u043e \u0442\u0430 \u0430\u0443\u0434\u0456\u043e<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#tablitsi\">\u0422\u0430\u0431\u043b\u0438\u0446\u0456<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#formi-ta-polya-vvedennya\">\u0424\u043e\u0440\u043c\u0438 \u0442\u0430 \u043f\u043e\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#interaktivni-elementi-bez-javascript\">\u0406\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0431\u0435\u0437 JavaScript<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#sluzhbovi-tegi-v\">\u0421\u043b\u0443\u0436\u0431\u043e\u0432\u0456 \u0442\u0435\u0433\u0438 \u0432 &lt;head&gt;<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#zastarili-tegi-i-chim-yih-zaminiti\">\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0456 \u0442\u0435\u0433\u0438 \u0456 \u0447\u0438\u043c \u0457\u0445 \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#chasti-pomilki-rozmitki\">\u0427\u0430\u0441\u0442\u0456 \u043f\u043e\u043c\u0438\u043b\u043a\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#yak-pereviriti-rozmitku\">\u042f\u043a \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443<\/a><\/li>\n<li class=\"wppub-toc__item\"><a class=\"wppub-toc__link\" href=\"#korotko-pro-golovne\">\u041a\u043e\u0440\u043e\u0442\u043a\u043e \u043f\u0440\u043e \u0433\u043e\u043b\u043e\u0432\u043d\u0435<\/a><\/li>\n<\/ul>\n<\/nav>\n<h2 id=\"yak-vlashtovaniy-html-dokument\">\u042f\u043a \u0432\u043b\u0430\u0448\u0442\u043e\u0432\u0430\u043d\u0438\u0439 HTML-\u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442<\/h2>\n<p>\u0411\u0443\u0434\u044c-\u044f\u043a\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u2014 \u0446\u0435 \u0434\u0435\u0440\u0435\u0432\u043e. \u0423 \u0434\u0435\u0440\u0435\u0432\u0430 \u043e\u0434\u0438\u043d \u043a\u043e\u0440\u0456\u043d\u044c <code>&lt;html&gt;<\/code> \u0456 \u0434\u0432\u0456 \u0433\u0456\u043b\u043a\u0438: <code>&lt;head&gt;<\/code> \u0437\u0456 \u0441\u043b\u0443\u0436\u0431\u043e\u0432\u0438\u043c\u0438 \u0434\u0430\u043d\u0438\u043c\u0438 \u0442\u0430 <code>&lt;body&gt;<\/code> \u0437 \u0442\u0438\u043c, \u0449\u043e \u0431\u0430\u0447\u0438\u0442\u044c \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447. \u0423\u0441\u0435 \u0456\u043d\u0448\u0435 \u0432\u043a\u043b\u0430\u0434\u0430\u0454\u0442\u044c\u0441\u044f \u0432 \u0446\u0456 \u0434\u0432\u0456 \u0433\u0456\u043b\u043a\u0438, \u0456 \u0441\u0430\u043c\u0435 \u0432\u043a\u043b\u0430\u0434\u0435\u043d\u0456\u0441\u0442\u044c \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u0454, \u044f\u043a \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u0431\u0443\u0434\u0443\u0454 DOM, \u0430 CSS \u2014 \u0434\u043e \u0447\u043e\u0433\u043e \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0454 \u0441\u0442\u0438\u043b\u0456.<\/p>\n<p>\u041c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0438\u0439 \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 HTML5 \u043c\u0430\u0454 \u0442\u0430\u043a\u0438\u0439 \u0432\u0438\u0433\u043b\u044f\u0434:<\/p>\n<pre><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"uk\"&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\u043e\u0440\u0456\u043d\u043a\u0438&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;h1&gt;\u041f\u0440\u0438\u0432\u0456\u0442&lt;\/h1&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n<p>\u0427\u043e\u0442\u0438\u0440\u0438 \u0440\u044f\u0434\u043a\u0438 \u0432 \u0446\u044c\u043e\u043c\u0443 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0456 \u043e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u0456 \u0434\u043e \u0440\u043e\u0437\u0443\u043c\u0456\u043d\u043d\u044f. <code>&lt;!DOCTYPE html&gt;<\/code> \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0454 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0443 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0438\u0439 \u0440\u0435\u0436\u0438\u043c \u2014 \u0431\u0435\u0437 \u043d\u044c\u043e\u0433\u043e \u0432\u043c\u0438\u043a\u0430\u0454\u0442\u044c\u0441\u044f \u0440\u0435\u0436\u0438\u043c \u0441\u0443\u043c\u0456\u0441\u043d\u043e\u0441\u0442\u0456 \u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0434\u0432\u0430\u0434\u0446\u044f\u0442\u0438\u0440\u0456\u0447\u043d\u043e\u0457 \u0434\u0430\u0432\u043d\u0438\u043d\u0438, \u0456 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a \u0440\u043e\u0437\u043c\u0456\u0440\u0456\u0432 \u0431\u043b\u043e\u043a\u0456\u0432 \u0437\u043c\u0456\u043d\u044e\u0454\u0442\u044c\u0441\u044f. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>lang<\/code> \u043f\u0456\u0434\u043a\u0430\u0437\u0443\u0454 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u0443 \u0442\u0430 \u0441\u0438\u043d\u0442\u0435\u0437\u0430\u0442\u043e\u0440\u0443 \u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u043c\u043e\u0432\u0443 \u0442\u0435\u043a\u0441\u0442\u0443. <code>&lt;meta charset=\"UTF-8\"&gt;<\/code> \u0437\u043e\u0431\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0438\u0439 \u0431\u0443\u0442\u0438 \u0432 \u043f\u0435\u0440\u0448\u0438\u0445 1024 \u0431\u0430\u0439\u0442\u0430\u0445 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0456\u043d\u0430\u043a\u0448\u0435 \u043a\u0438\u0440\u0438\u043b\u0438\u0446\u044f \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u044c\u0441\u044f \u043d\u0430 \u0437\u043d\u0430\u043a\u0438 \u043f\u0438\u0442\u0430\u043d\u043d\u044f. <code>&lt;meta name=\"viewport\"&gt;<\/code> \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0454 \u0437\u0430 \u0442\u0435, \u0449\u043e\u0431 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0456 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u043d\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043b\u0438 \u0432 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0456 \u00ab\u0432\u0441\u044f \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u043d\u0430 \u0448\u0438\u0440\u0438\u043d\u0430 \u0434\u0440\u0456\u0431\u043d\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\u0456\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\u0431\u043e\u0432\u0456 \u0434\u0430\u043d\u0456<\/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\u0438\u0439 \u0432\u043c\u0456\u0441\u0442<\/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\u043a\u043b\u0430\u0434\u0435\u043d\u0456\u0441\u0442\u044c \u0442\u0435\u0433\u0456\u0432 \u0456 \u0454 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u044e DOM: \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u0443\u0434\u0443\u0454 \u0434\u0435\u0440\u0435\u0432\u043e \u0441\u0430\u043c\u0435 \u0437\u0430 \u043d\u0435\u044e<\/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\u0456\u043d\u044c \u0456 \u0434\u0432\u0456 \u0433\u0456\u043b\u043a\u0438 \u2014 \u0441\u043b\u0443\u0436\u0431\u043e\u0432\u0430 \u0442\u0430 \u0432\u0438\u0434\u0438\u043c\u0430<\/figcaption><\/figure>\n<h3 id=\"blokovi-ta-ryadkovi-elementi\">\u0411\u043b\u043e\u043a\u043e\u0432\u0456 \u0442\u0430 \u0440\u044f\u0434\u043a\u043e\u0432\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/h3>\n<p>\u0406\u0441\u0442\u043e\u0440\u0438\u0447\u043d\u043e \u0442\u0435\u0433\u0438 \u043f\u043e\u0434\u0456\u043b\u044f\u043b\u0438 \u043d\u0430 \u0431\u043b\u043e\u043a\u043e\u0432\u0456 (<code>div<\/code>, <code>p<\/code>, <code>section<\/code>) \u0456 \u0440\u044f\u0434\u043a\u043e\u0432\u0456 (<code>span<\/code>, <code>a<\/code>, <code>strong<\/code>). \u0423 \u0441\u043f\u0435\u0446\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457 HTML5 \u0446\u0435\u0439 \u043f\u043e\u0434\u0456\u043b \u0437\u0430\u043c\u0456\u043d\u0435\u043d\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0456\u044f\u043c\u0438 \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443, \u0430\u043b\u0435 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0446\u0456 \u0440\u0456\u0437\u043d\u0438\u0446\u044f \u043b\u0438\u0448\u0438\u043b\u0430\u0441\u044f: \u0431\u043b\u043e\u043a\u043e\u0432\u0438\u0439 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0437\u0430\u0439\u043c\u0430\u0454 \u0432\u0441\u044e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0443 \u0448\u0438\u0440\u0438\u043d\u0443 \u0439 \u043f\u043e\u0447\u0438\u043d\u0430\u0454\u0442\u044c\u0441\u044f \u0437 \u043d\u043e\u0432\u043e\u0433\u043e \u0440\u044f\u0434\u043a\u0430, \u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0442\u0435\u0447\u0435 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0442\u0435\u043a\u0441\u0442\u0443. \u0412\u0430\u0436\u043b\u0438\u0432\u043e \u043f\u0430\u043c\u2019\u044f\u0442\u0430\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0432\u043a\u043b\u0430\u0434\u0435\u043d\u043e\u0441\u0442\u0456: \u0440\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0435 \u043c\u043e\u0436\u0435 \u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0431\u043b\u043e\u043a\u043e\u0432\u0438\u0439. \u0404\u0434\u0438\u043d\u0438\u0439 \u0432\u0438\u043d\u044f\u0442\u043e\u043a \u2014 <code>&lt;a&gt;<\/code>, \u044f\u043a\u043e\u043c\u0443 \u0432 HTML5 \u0434\u043e\u0437\u0432\u043e\u043b\u0438\u043b\u0438 \u043e\u0431\u0433\u043e\u0440\u0442\u0430\u0442\u0438 \u0446\u0456\u043b\u0456 \u0431\u043b\u043e\u043a\u0438, \u0447\u0438\u043c \u043c\u0438 \u0439 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0454\u043c\u043e\u0441\u044f, \u043a\u043e\u043b\u0438 \u0432\u0441\u044f \u043a\u0430\u0440\u0442\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0443 \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f\u043c.<\/p>\n<h2 id=\"semantichna-struktura-storinki\">\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438<\/h2>\n<p>\u0414\u043e HTML5 \u0442\u0438\u043f\u043e\u0432\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0441\u043a\u043b\u0430\u0434\u0430\u043b\u0430\u0441\u044f \u0437 \u0432\u043a\u043b\u0430\u0434\u0435\u043d\u0438\u0445 \u043e\u0434\u0438\u043d \u0432 \u043e\u0434\u043d\u043e\u0433\u043e <code>&lt;div&gt;<\/code> \u0456\u0437 \u043a\u043b\u0430\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, \u0449\u043e \u0446\u0456 \u043a\u043b\u0430\u0441\u0438 \u043e\u0437\u043d\u0430\u0447\u0430\u044e\u0442\u044c, \u2014 \u0434\u043b\u044f \u043d\u0435\u0457 \u0446\u0435 \u0431\u0443\u043b\u0438 \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0456 \u0431\u0435\u0437\u0456\u043c\u0435\u043d\u043d\u0456 \u043a\u043e\u0440\u043e\u0431\u043a\u0438. \u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0456 \u0442\u0435\u0433\u0438 \u0434\u0430\u043b\u0438 \u043a\u043e\u0436\u043d\u0456\u0439 \u0447\u0430\u0441\u0442\u0438\u043d\u0456 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0432\u043b\u0430\u0441\u043d\u0435 \u0456\u043c\u2019\u044f.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u044f, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454<\/th>\n<th>\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456<\/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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u0428\u0430\u043f\u043a\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0430\u0431\u043e \u0432\u0441\u0442\u0443\u043f\u043d\u0430 \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u0440\u043e\u0437\u0434\u0456\u043b\u0443: \u043b\u043e\u0433\u043e\u0442\u0438\u043f, \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043f\u043e\u0448\u0443\u043a<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0437\u0430\u0432\u0433\u043e\u0434\u043d\u043e \u2014 \u0441\u0432\u0456\u0439 \u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0456 \u0432 \u043a\u043e\u0436\u043d\u043e\u0457 \u0441\u0442\u0430\u0442\u0442\u0456<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;nav&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u0411\u043b\u043e\u043a \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457: \u0433\u043e\u043b\u043e\u0432\u043d\u0435 \u043c\u0435\u043d\u044e, \u0445\u043b\u0456\u0431\u043d\u0456 \u043a\u0440\u0438\u0445\u0442\u0438, \u043f\u0430\u0433\u0456\u043d\u0430\u0446\u0456\u044f<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u041a\u0456\u043b\u044c\u043a\u0430, \u0430\u043b\u0435 \u043b\u0438\u0448\u0435 \u0434\u043b\u044f \u0437\u043d\u0430\u0447\u0443\u0449\u0438\u0445 \u0433\u0440\u0443\u043f \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;main&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u041e\u0441\u043d\u043e\u0432\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438, \u0443\u043d\u0456\u043a\u0430\u043b\u044c\u043d\u0438\u0439 \u0434\u043b\u044f \u043d\u0435\u0457<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u0421\u0430\u043c\u043e\u0441\u0442\u0456\u0439\u043d\u0430 \u043e\u0434\u0438\u043d\u0438\u0446\u044f: \u0441\u0442\u0430\u0442\u0442\u044f, \u043a\u0430\u0440\u0442\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u0443, \u043a\u043e\u043c\u0435\u043d\u0442\u0430\u0440<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0437\u0430\u0432\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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u0422\u0435\u043c\u0430\u0442\u0438\u0447\u043d\u0438\u0439 \u0440\u043e\u0437\u0434\u0456\u043b, \u0449\u043e \u043c\u0430\u0454 \u0432\u043b\u0430\u0441\u043d\u0438\u0439 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0437\u0430\u0432\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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u041f\u043e\u0431\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442: \u0441\u0430\u0439\u0434\u0431\u0430\u0440, \u0432\u0438\u043d\u043e\u0441\u043a\u0430, \u0431\u043b\u043e\u043a \u00ab\u0447\u0438\u0442\u0430\u0439\u0442\u0435 \u0442\u0430\u043a\u043e\u0436\u00bb<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0437\u0430\u0432\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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u041f\u0456\u0434\u0432\u0430\u043b \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0430\u0431\u043e \u043a\u0456\u043d\u0446\u0456\u0432\u043a\u0430 \u0440\u043e\u0437\u0434\u0456\u043b\u0443: \u043a\u043e\u043f\u0456\u0440\u0430\u0439\u0442, \u0430\u0432\u0442\u043e\u0440, \u0434\u0430\u0442\u0430<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0437\u0430\u0432\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=\"\u0429\u043e \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\">\u0411\u043b\u043e\u043a \u0431\u0435\u0437 \u0432\u043b\u0430\u0441\u043d\u043e\u0433\u043e \u0437\u043c\u0456\u0441\u0442\u0443 \u2014 \u043b\u0438\u0448\u0435 \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u0442\u0430 \u0433\u0440\u0443\u043f\u0443\u0432\u0430\u043d\u043d\u044f<\/td>\n<td data-label=\"\u0421\u043a\u0456\u043b\u044c\u043a\u0438 \u0440\u0430\u0437\u0456\u0432 \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456\">\u041a\u043e\u043b\u0438 \u0436\u043e\u0434\u0435\u043d \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0438\u0439 \u0442\u0435\u0433 \u043d\u0435 \u043f\u0456\u0434\u0445\u043e\u0434\u0438\u0442\u044c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0420\u0456\u0437\u043d\u0438\u0446\u044f \u043c\u0456\u0436 <code>&lt;article&gt;<\/code> \u0456 <code>&lt;section&gt;<\/code> \u0437\u0431\u0438\u0432\u0430\u0454 \u0437 \u043f\u0430\u043d\u0442\u0435\u043b\u0438\u043a\u0443 \u043d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0435. \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u0430: \u044f\u043a\u0449\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u043d\u0430 \u0432\u0438\u0440\u0456\u0437\u0430\u0442\u0438 \u0437\u0456 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u0439 \u043e\u043f\u0443\u0431\u043b\u0456\u043a\u0443\u0432\u0430\u0442\u0438 \u043e\u043a\u0440\u0435\u043c\u043e, \u0456 \u0432\u0456\u043d \u043d\u0435 \u0432\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u0441\u0435\u043d\u0441 \u2014 \u0446\u0435 <code>&lt;article&gt;<\/code>. \u042f\u043a\u0449\u043e \u0446\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u043c\u0456\u0441\u0442\u043e\u0432\u0430 \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u0447\u043e\u0433\u043e\u0441\u044c \u0431\u0456\u043b\u044c\u0448\u043e\u0433\u043e \u2014 <code>&lt;section&gt;<\/code>. \u0414\u043e\u043f\u0438\u0441 \u0443 \u0431\u043b\u043e\u0437\u0456 \u2014 article. \u0420\u043e\u0437\u0434\u0456\u043b \u00ab\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438\u00bb \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u043e\u043f\u0438\u0441\u0443 \u0442\u043e\u0432\u0430\u0440\u0443 \u2014 section.<\/p>\n<p>\u0422\u0438\u043f\u043e\u0432\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0431\u043b\u043e\u0433\u0443 \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0454\u0442\u044c\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\u0438&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\u0442\u0456&lt;\/h1&gt;\n      &lt;p&gt;\u0422\u0435\u043a\u0441\u0442 \u0441\u0442\u0430\u0442\u0442\u0456\u2026&lt;\/p&gt;\n      &lt;section&gt;\n        &lt;h2&gt;\u0420\u043e\u0437\u0434\u0456\u043b \u0441\u0442\u0430\u0442\u0442\u0456&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\u0456\u043a\u0430\u0446\u0456\u0457&lt;\/footer&gt;\n    &lt;\/article&gt;\n  &lt;\/main&gt;\n\n  &lt;aside&gt;\u0421\u0445\u043e\u0436\u0456 \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\u0443<\/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\u043e\u0440\u0456\u043d\u043a\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\u0456\u0439\u043d\u0430 \u043e\u0434\u0438\u043d\u0438\u0446\u044f<\/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\u0456\u0447\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442<\/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\u043e\u0436<\/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\u0456\u0434\u0432\u0430\u043b: \u043a\u043e\u043f\u0456\u0440\u0430\u0439\u0442, \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0438, \u0441\u043b\u0443\u0436\u0431\u043e\u0432\u0456 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f<\/text><\/svg><figcaption>\u0421\u0435\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u0442\u0438\u043f\u043e\u0432\u043e\u0457 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438: \u043a\u043e\u0436\u043d\u0443 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043d\u0430\u0437\u0432\u0430\u043d\u043e \u0441\u0432\u043e\u0457\u043c \u0442\u0435\u0433\u043e\u043c<\/figcaption><\/figure>\n<p>\u0412\u0438\u0433\u0440\u0430\u0448 \u0432\u0456\u0434 \u0442\u0430\u043a\u043e\u0457 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438 \u043d\u0435 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u0438\u0439. \u0421\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043d\u0435\u0437\u0440\u044f\u0447\u043e\u043c\u0443 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0443 \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u0438\u0431\u043d\u0443\u0442\u0438 \u043e\u0434\u0440\u0430\u0437\u0443 \u0434\u043e <code>main<\/code>, \u043e\u043c\u0438\u043d\u0443\u0432\u0448\u0438 \u043c\u0435\u043d\u044e. \u0411\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u0438\u0439 \u0440\u0435\u0436\u0438\u043c \u0447\u0438\u0442\u0430\u043d\u043d\u044f \u0440\u043e\u0437\u043f\u0456\u0437\u043d\u0430\u0454 <code>article<\/code> \u0456 \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u043b\u0438\u0448\u0435 \u0442\u0435\u043a\u0441\u0442. \u041f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u0439 \u0440\u043e\u0431\u043e\u0442 \u0442\u043e\u0447\u043d\u0456\u0448\u0435 \u0440\u043e\u0437\u0443\u043c\u0456\u0454, \u0434\u0435 \u043e\u0441\u043d\u043e\u0432\u043d\u0438\u0439 \u0432\u043c\u0456\u0441\u0442, \u0430 \u0434\u0435 \u043e\u0431\u0432\u2019\u044f\u0437\u043a\u0430, \u0449\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u044e\u0454\u0442\u044c\u0441\u044f \u043d\u0430 \u0432\u0441\u0456\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430\u0445.<\/p>\n<h2 id=\"tekst-zagolovki-abzatsi-ta-vidilennya\">\u0422\u0435\u043a\u0441\u0442: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438, \u0430\u0431\u0437\u0430\u0446\u0438 \u0442\u0430 \u0432\u0438\u0434\u0456\u043b\u0435\u043d\u043d\u044f<\/h2>\n<p>\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u0456 \u0442\u0435\u0433\u0438 \u2014 \u0442\u0456, \u044f\u043a\u0438\u043c\u0438 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u044e\u0442\u044c\u0441\u044f \u0449\u043e\u0434\u043d\u044f, \u0456 \u0441\u0430\u043c\u0435 \u0432 \u043d\u0438\u0445 \u043d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0435 \u043f\u043b\u0443\u0442\u0430\u044e\u0442\u044c \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0437\u0456 \u0437\u043c\u0456\u0441\u0442\u043e\u043c.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u044f, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f<\/th>\n<th>\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f<\/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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0448\u0435\u0441\u0442\u0438 \u0440\u0456\u0432\u043d\u0456\u0432<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u041e\u0434\u0438\u043d <code>h1<\/code> \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443, \u0440\u0456\u0432\u043d\u0456 \u043d\u0435 \u043f\u0435\u0440\u0435\u0441\u0442\u0440\u0438\u0431\u0443\u0432\u0430\u0442\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;p&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0410\u0431\u0437\u0430\u0446 \u0442\u0435\u043a\u0441\u0442\u0443<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u041d\u0435 \u043c\u043e\u0436\u0435 \u043c\u0456\u0441\u0442\u0438\u0442\u0438 \u0431\u043b\u043e\u043a\u043e\u0432\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;br&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0440\u044f\u0434\u043a\u0430<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u041b\u0438\u0448\u0435 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0440\u044f\u0434\u043a\u0430 \u2014 \u0434\u043b\u044f \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0456\u0432 \u0454 CSS<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;hr&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0417\u043c\u0456\u0441\u0442\u043e\u0432\u0438\u0439 \u0440\u043e\u0437\u0440\u0438\u0432 \u043c\u0456\u0436 \u0442\u0435\u043c\u0430\u043c\u0438<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u041d\u0435 \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u0430 \u043b\u0456\u043d\u0456\u044f, \u0434\u043b\u044f \u043d\u0435\u0457 \u0454 <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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0412\u0430\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u0432\u043c\u0456\u0441\u0442\u0443<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0412\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u044f\u043a <code>b<\/code>, \u0430\u043b\u0435 \u043e\u0437\u043d\u0430\u0447\u0430\u0454 \u00ab\u0446\u0435 \u0432\u0430\u0436\u043b\u0438\u0432\u043e\u00bb<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;em&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0417\u043c\u0456\u0441\u0442\u043e\u0432\u0438\u0439 \u043d\u0430\u0433\u043e\u043b\u043e\u0441<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0421\u0438\u043d\u0442\u0435\u0437\u0430\u0442\u043e\u0440 \u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0437\u043c\u0456\u043d\u044e\u0454 \u0456\u043d\u0442\u043e\u043d\u0430\u0446\u0456\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0412\u0438\u0434\u0456\u043b\u0435\u043d\u043d\u044f \u0431\u0435\u0437 \u0437\u043c\u0456\u0441\u0442\u043e\u0432\u043e\u0433\u043e \u043d\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0422\u0435\u0440\u043c\u0456\u043d, \u043d\u0430\u0437\u0432\u0430 \u0441\u0443\u0434\u043d\u0430, \u0456\u043d\u0448\u043e\u043c\u043e\u0432\u043d\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041f\u0456\u0434\u0441\u0432\u0456\u0447\u0443\u0432\u0430\u043d\u043d\u044f, \u0440\u0435\u043b\u0435\u0432\u0430\u043d\u0442\u043d\u0435 \u0447\u0438\u0442\u0430\u0447\u0435\u0432\u0456<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0417\u0431\u0456\u0433 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u043e\u0448\u0443\u043a\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u043e\u044e<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;small&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041f\u0440\u0438\u043c\u0456\u0442\u043a\u0430 \u0434\u0440\u0456\u0431\u043d\u0438\u043c \u0448\u0440\u0438\u0444\u0442\u043e\u043c<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0414\u0438\u0441\u043a\u043b\u0435\u0439\u043c\u0435\u0440, \u043a\u043e\u043f\u0456\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041d\u0435\u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0435, \u0432\u0438\u0434\u0430\u043b\u0435\u043d\u0435 \u0442\u0430 \u0432\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0435<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0421\u0442\u0430\u0440\u0430 \u0446\u0456\u043d\u0430 \u2014 <code>s<\/code>, \u043f\u0440\u0430\u0432\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u2014 <code>del<\/code> \u0442\u0430 <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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041d\u0438\u0436\u043d\u0456\u0439 \u0456 \u0432\u0435\u0440\u0445\u043d\u0456\u0439 \u0456\u043d\u0434\u0435\u043a\u0441<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0424\u043e\u0440\u043c\u0443\u043b\u0438, \u0432\u0438\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0410\u0431\u0440\u0435\u0432\u0456\u0430\u0442\u0443\u0440\u0430 \u0437 \u0440\u043e\u0437\u0448\u0438\u0444\u0440\u0443\u0432\u0430\u043d\u043d\u044f\u043c \u0443 <code>title<\/code><\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0420\u043e\u0437\u0448\u0438\u0444\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u0432\u0438\u0434\u043d\u043e \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;time&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0414\u0430\u0442\u0430 \u0430\u0431\u043e \u0447\u0430\u0441 \u0443 \u043c\u0430\u0448\u0438\u043d\u043d\u043e\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0456<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0411\u043b\u043e\u043a\u043e\u0432\u0430 \u0442\u0430 \u0440\u044f\u0434\u043a\u043e\u0432\u0430 \u0446\u0438\u0442\u0430\u0442\u0430<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0414\u0436\u0435\u0440\u0435\u043b\u043e \u2014 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0456 <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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0424\u0440\u0430\u0433\u043c\u0435\u043d\u0442 \u043a\u043e\u0434\u0443 \u0442\u0430 \u043f\u0440\u0435\u0444\u043e\u0440\u043c\u0430\u0442\u043e\u0432\u0430\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0420\u0430\u0437\u043e\u043c \u0434\u0430\u044e\u0442\u044c \u0431\u043b\u043e\u043a \u043a\u043e\u0434\u0443 \u0437\u0456 \u0437\u0431\u0435\u0440\u0435\u0436\u0435\u043d\u043d\u044f\u043c \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0456\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=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u041a\u043b\u0430\u0432\u0456\u0448\u0456, \u0432\u0438\u0432\u0456\u0434 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438, \u0437\u043c\u0456\u043d\u043d\u0430<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0456\u044f \u0442\u0430 \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0456 \u0442\u0435\u043a\u0441\u0442\u0438<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0422\u0435\u0433\"><code>&lt;span&gt;<\/code><\/td>\n<td data-label=\"\u041f\u0440\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f\">\u0420\u044f\u0434\u043a\u043e\u0432\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0431\u0435\u0437 \u0437\u043c\u0456\u0441\u0442\u0443<\/td>\n<td data-label=\"\u0417\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u043d\u044f\">\u041a\u043e\u043b\u0438 \u0442\u0440\u0435\u0431\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0447\u0435\u043f\u0438\u0442\u0438\u0441\u044f \u0441\u0442\u0438\u043b\u0435\u043c<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0420\u0456\u0437\u043d\u0438\u0446\u044f \u043c\u0456\u0436 <code>&lt;strong&gt;<\/code> \u0456 <code>&lt;b&gt;<\/code> \u2014 \u0441\u0430\u043c\u0435 \u0443 \u0437\u043c\u0456\u0441\u0442\u0456, \u0430 \u043d\u0435 \u0432 \u043d\u0430\u043a\u0440\u0435\u0441\u043b\u0435\u043d\u043d\u0456. \u00ab\u0423\u0432\u0430\u0433\u0430: \u0441\u0435\u0440\u0432\u0435\u0440 \u043f\u0435\u0440\u0435\u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u044c\u0441\u044f\u00bb \u2014 \u0446\u0435 <code>strong<\/code>, \u0431\u043e \u0444\u0440\u0430\u0437\u0430 \u0432\u0430\u0436\u043b\u0438\u0432\u0430. \u041d\u0430\u0437\u0432\u0430 \u0442\u043e\u0432\u0430\u0440\u0443 \u0432 \u043e\u043f\u0438\u0441\u0456, \u0432\u0438\u0434\u0456\u043b\u0435\u043d\u0430 \u0436\u0438\u0440\u043d\u0438\u043c \u0437\u0430 \u0434\u0440\u0443\u043a\u0430\u0440\u0441\u044c\u043a\u043e\u044e \u0442\u0440\u0430\u0434\u0438\u0446\u0456\u0454\u044e, \u2014 \u0446\u0435 <code>b<\/code>. \u0422\u0435 \u0441\u0430\u043c\u0435 \u0437 \u043f\u0430\u0440\u043e\u044e <code>&lt;em&gt;<\/code> \u0456 <code>&lt;i&gt;<\/code>: \u043f\u0435\u0440\u0448\u0438\u0439 \u0437\u043c\u0456\u043d\u044e\u0454 \u0437\u043c\u0456\u0441\u0442 \u0444\u0440\u0430\u0437\u0438, \u0434\u0440\u0443\u0433\u0438\u0439 \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u0445\u0438\u043b\u044f\u0454 \u0448\u0440\u0438\u0444\u0442.<\/p>\n<p>\u041f\u0440\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0454 \u043e\u043a\u0440\u0435\u043c\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e, \u044f\u043a\u0435 \u043f\u043e\u0440\u0443\u0448\u0443\u044e\u0442\u044c \u043f\u043e\u0441\u0442\u0456\u0439\u043d\u043e: \u0440\u0456\u0432\u043d\u0456 \u0443\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c \u0437\u043c\u0456\u0441\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0430 \u043d\u0435 \u043d\u0430\u0431\u0456\u0440 \u0440\u043e\u0437\u043c\u0456\u0440\u0456\u0432 \u0448\u0440\u0438\u0444\u0442\u0443. \u042f\u043a\u0449\u043e \u043f\u0456\u0441\u043b\u044f <code>h2<\/code> \u0439\u0434\u0435 <code>h4<\/code>, \u0443 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0456 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u0437\u2019\u044f\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u0434\u0456\u0440\u0430. \u041f\u043e\u0442\u0440\u0456\u0431\u0435\u043d \u0434\u0440\u0456\u0431\u043d\u0456\u0448\u0438\u0439 \u0448\u0440\u0438\u0444\u0442 \u2014 \u0446\u0435 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f CSS, \u0430 \u043d\u0435 \u043f\u0440\u0438\u0432\u0456\u0434 \u0443\u0437\u044f\u0442\u0438 \u0442\u0435\u0433 \u0440\u0456\u0432\u043d\u0435\u043c \u043d\u0438\u0436\u0447\u0435.<\/p>\n<h2 id=\"spiski\">\u0421\u043f\u0438\u0441\u043a\u0438<\/h2>\n<p>\u0421\u043f\u0438\u0441\u043a\u0456\u0432 \u0443 HTML \u0442\u0440\u0438, \u0456 \u043a\u043e\u0436\u0435\u043d \u0440\u043e\u0437\u0432\u2019\u044f\u0437\u0443\u0454 \u0441\u0432\u043e\u0454 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f.<\/p>\n<pre><code>&lt;ul&gt;                        &lt;!-- \u043c\u0430\u0440\u043a\u043e\u0432\u0430\u043d\u0438\u0439, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043d\u0435\u0432\u0430\u0436\u043b\u0438\u0432\u0438\u0439 --&gt;\n  &lt;li&gt;\u041f\u0435\u0440\u0448\u0438\u0439 \u043f\u0443\u043d\u043a\u0442&lt;\/li&gt;\n  &lt;li&gt;\u0414\u0440\u0443\u0433\u0438\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\u0438\u0439, \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0432\u0430\u0436\u043b\u0438\u0432\u0438\u0439 --&gt;\n  &lt;li&gt;\u0422\u0440\u0435\u0442\u0456\u0439 \u0437\u0430 \u043b\u0456\u043a\u043e\u043c&lt;\/li&gt;\n&lt;\/ol&gt;\n\n&lt;dl&gt;                         &lt;!-- \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u044c --&gt;\n  &lt;dt&gt;HTML&lt;\/dt&gt;\n  &lt;dd&gt;\u041c\u043e\u0432\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432&lt;\/dd&gt;\n  &lt;dt&gt;CSS&lt;\/dt&gt;\n  &lt;dd&gt;\u041c\u043e\u0432\u0430 \u043e\u043f\u0438\u0441\u0443 \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u044c\u043e\u0433\u043e \u0432\u0438\u0433\u043b\u044f\u0434\u0443&lt;\/dd&gt;\n&lt;\/dl&gt;<\/code><\/pre>\n<p>\u0423 <code>&lt;ol&gt;<\/code> \u0454 \u043a\u043e\u0440\u0438\u0441\u043d\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438, \u043f\u0440\u043e \u044f\u043a\u0456 \u0437\u0430\u0431\u0443\u0432\u0430\u044e\u0442\u044c: <code>start<\/code> \u0437\u0430\u0434\u0430\u0454 \u043f\u043e\u0447\u0430\u0442\u043e\u043a \u043d\u0443\u043c\u0435\u0440\u0430\u0446\u0456\u0457, <code>reversed<\/code> \u0440\u043e\u0437\u0432\u0435\u0440\u0442\u0430\u0454 \u0457\u0457, <code>type<\/code> \u0437\u043c\u0456\u043d\u044e\u0454 \u0432\u0438\u0433\u043b\u044f\u0434 \u043c\u0430\u0440\u043a\u0435\u0440\u0430 \u043d\u0430 \u043b\u0456\u0442\u0435\u0440\u0438 \u0447\u0438 \u0440\u0438\u043c\u0441\u044c\u043a\u0456 \u0446\u0438\u0444\u0440\u0438. \u0421\u043f\u0438\u0441\u043e\u043a \u0432\u0438\u0437\u043d\u0430\u0447\u0435\u043d\u044c <code>&lt;dl&gt;<\/code> \u0447\u0443\u0434\u043e\u0432\u043e \u043f\u0430\u0441\u0443\u0454 \u0434\u043b\u044f \u0441\u043b\u043e\u0432\u043d\u0438\u043a\u0456\u0432 \u0442\u0435\u0440\u043c\u0456\u043d\u0456\u0432, \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a \u0442\u043e\u0432\u0430\u0440\u0443 \u0442\u0430 \u0431\u043b\u043e\u043a\u0456\u0432 \u00ab\u043f\u0438\u0442\u0430\u043d\u043d\u044f \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c\u00bb: \u043f\u0430\u0440\u0438 \u00ab\u0442\u0435\u0440\u043c\u0456\u043d \u2014 \u043e\u043f\u0438\u0441\u00bb \u043c\u0430\u0448\u0438\u043d\u0430 \u0447\u0438\u0442\u0430\u0454 \u044f\u043a \u043f\u043e\u0432\u2019\u044f\u0437\u0430\u043d\u0456, \u043d\u0430 \u0432\u0456\u0434\u043c\u0456\u043d\u0443 \u0432\u0456\u0434 \u0434\u0432\u043e\u0445 \u0441\u0443\u0441\u0456\u0434\u043d\u0456\u0445 \u0430\u0431\u0437\u0430\u0446\u0456\u0432.<\/p>\n<p>\u041c\u0435\u043d\u044e \u0441\u0430\u0439\u0442\u0443 \u2014 \u0446\u0435 \u0442\u0435\u0436 \u0441\u043f\u0438\u0441\u043e\u043a. \u041d\u0430\u0431\u0456\u0440 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c, \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u043e\u0437\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0445 \u0447\u0435\u0440\u0435\u0437 \u043f\u0440\u043e\u0431\u0456\u043b, \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0454 \u044f\u043a \u0441\u0443\u0446\u0456\u043b\u044c\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442, \u0430 \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u0433\u043e\u043b\u043e\u0441\u0438\u0442\u044c: \u00ab\u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044f, 5 \u043f\u0443\u043d\u043a\u0442\u0456\u0432\u00bb.<\/p>\n<h2 id=\"posilannya-ta-navigatsiya\">\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0442\u0430 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044f<\/h2>\n<p>\u0422\u0435\u0433 <code>&lt;a&gt;<\/code> \u2014 \u0433\u043e\u043b\u043e\u0432\u043d\u0438\u0439 \u0442\u0435\u0433 \u0433\u0456\u043f\u0435\u0440\u0442\u0435\u043a\u0441\u0442\u0443, \u0456 \u043a\u0456\u043b\u044c\u043a\u0430 \u0439\u043e\u0433\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0456\u0432 \u0432\u0430\u0440\u0442\u043e \u0437\u043d\u0430\u0442\u0438 \u043d\u0430\u043f\u0430\u043c\u2019\u044f\u0442\u044c.<\/p>\n<pre><code>&lt;a href=\"\/blog\/\"&gt;\u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0454 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f&lt;\/a&gt;\n&lt;a href=\"https:\/\/example.com\" target=\"_blank\" rel=\"noopener noreferrer\"&gt;\u0417\u043e\u0432\u043d\u0456\u0448\u043d\u0454&lt;\/a&gt;\n&lt;a href=\"#section-2\"&gt;\u042f\u043a\u0456\u0440 \u043d\u0430 \u0446\u0456\u0439 \u0436\u0435 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456&lt;\/a&gt;\n&lt;a href=\"mailto:info@example.com\"&gt;\u041b\u0438\u0441\u0442&lt;\/a&gt;\n&lt;a href=\"tel:+380675024584\"&gt;\u0417\u0430\u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443\u0432\u0430\u0442\u0438&lt;\/a&gt;\n&lt;a href=\"\/price.pdf\" download&gt;\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438 \u043f\u0440\u0430\u0439\u0441&lt;\/a&gt;<\/code><\/pre>\n<p>\u0417\u0432\u2019\u044f\u0437\u043a\u0430 <code>target=\"_blank\"<\/code> \u0431\u0435\u0437 <code>rel=\"noopener\"<\/code> \u2014 \u0441\u0442\u0430\u0440\u0430 \u0434\u0456\u0440\u0430 \u0432 \u0431\u0435\u0437\u043f\u0435\u0446\u0456: \u0432\u0456\u0434\u043a\u0440\u0438\u0442\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u043e\u0442\u0440\u0438\u043c\u0443\u0454 \u0434\u043e\u0441\u0442\u0443\u043f \u0434\u043e \u043e\u0431\u2019\u0454\u043a\u0442\u0430 <code>window.opener<\/code> \u0456 \u043c\u043e\u0436\u0435 \u043f\u0456\u0434\u043c\u0456\u043d\u0438\u0442\u0438 \u0432\u0438\u0445\u0456\u0434\u043d\u0443 \u0432\u043a\u043b\u0430\u0434\u043a\u0443. \u0421\u0443\u0447\u0430\u0441\u043d\u0456 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0438 \u0434\u043e\u0434\u0430\u044e\u0442\u044c <code>noopener<\/code> \u0441\u0430\u043c\u0456, \u0430\u043b\u0435 \u043f\u043e\u043a\u043b\u0430\u0434\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u0446\u0435 \u0432 \u0447\u0443\u0436\u043e\u043c\u0443 \u0441\u0435\u0440\u0435\u0434\u043e\u0432\u0438\u0449\u0456 \u043d\u0435 \u0432\u0430\u0440\u0442\u043e.<\/p>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>rel<\/code> \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0454 \u0456 \u0437\u0430 SEO: <code>rel=\"nofollow\"<\/code> \u043a\u0430\u0436\u0435 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u0443 \u043d\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u0438 \u0432\u0430\u0433\u0443 \u0437\u0430 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f\u043c, <code>rel=\"sponsored\"<\/code> \u043f\u043e\u0437\u043d\u0430\u0447\u0430\u0454 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u0435, <code>rel=\"ugc\"<\/code> \u2014 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0437 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0446\u044c\u043a\u043e\u0433\u043e \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0443. \u0422\u0435\u043a\u0441\u0442 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043f\u0440\u0438 \u0446\u044c\u043e\u043c\u0443 \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 \u0437\u043c\u0456\u0441\u0442\u043e\u0432\u043d\u0438\u043c: \u00ab\u0434\u043e\u043a\u043b\u0430\u0434\u043d\u0456\u0448\u0435\u00bb \u0456 \u00ab\u0442\u0443\u0442\u00bb \u043e\u0434\u043d\u0430\u043a\u043e\u0432\u043e \u043c\u0430\u0440\u043d\u0456 \u0456 \u0434\u043b\u044f \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u0430, \u0456 \u0434\u043b\u044f \u043b\u044e\u0434\u0438\u043d\u0438, \u044f\u043a\u0430 \u0441\u043b\u0443\u0445\u0430\u0454 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0439 \u043e\u0442\u0440\u0438\u043c\u0443\u0454 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u044c \u0431\u0435\u0437 \u043d\u0430\u0432\u043a\u043e\u043b\u0438\u0448\u043d\u044c\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0443.<\/p>\n<h2 id=\"zobrazhennya-video-ta-audio\">\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f, \u0432\u0456\u0434\u0435\u043e \u0442\u0430 \u0430\u0443\u0434\u0456\u043e<\/h2>\n<p>\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0432 HTML \u2014 \u0446\u0435 \u043d\u0435 \u043b\u0438\u0448\u0435 <code>&lt;img&gt;<\/code>. \u041d\u0430\u0432\u043a\u043e\u043b\u043e \u043d\u0435\u0457 \u0432\u0438\u0431\u0443\u0434\u0443\u0432\u0430\u043d\u043e \u0446\u0456\u043b\u0435 \u0441\u0456\u043c\u0435\u0439\u0441\u0442\u0432\u043e \u0442\u0435\u0433\u0456\u0432, \u044f\u043a\u0435 \u0440\u043e\u0437\u0432\u2019\u044f\u0437\u0443\u0454 \u0434\u0432\u0430 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f: \u043f\u0456\u0434\u043f\u0438\u0441\u0430\u0442\u0438 \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f \u0439 \u0432\u0456\u0434\u0434\u0430\u0442\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u0438\u0439 \u0437\u0430 \u0432\u0430\u0433\u043e\u044e \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\u0438 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\u0456\u043d\u044c \u0456 \u0434\u0432\u0456 \u0433\u0456\u043b\u043a\u0438&lt;\/figcaption&gt;\n&lt;\/figure&gt;<\/code><\/pre>\n<p>\u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>alt<\/code> \u043e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u0438\u0439 \u0437\u0430\u0432\u0436\u0434\u0438. \u0412\u0456\u043d \u043e\u043f\u0438\u0441\u0443\u0454 \u0432\u043c\u0456\u0441\u0442 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u0434\u043b\u044f \u0442\u0438\u0445, \u0445\u0442\u043e \u0457\u0457 \u043d\u0435 \u0431\u0430\u0447\u0438\u0442\u044c, \u0456 \u043f\u043e\u043a\u0430\u0437\u0443\u0454\u0442\u044c\u0441\u044f \u0437\u0430\u043c\u0456\u0441\u0442\u044c \u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f, \u044f\u043a\u0449\u043e \u0444\u0430\u0439\u043b \u043d\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0432\u0441\u044f. \u0414\u043b\u044f \u0441\u0443\u0442\u043e \u0434\u0435\u043a\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0457 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043f\u0438\u0448\u0443\u0442\u044c \u043f\u043e\u0440\u043e\u0436\u043d\u0456\u0439 <code>alt=\"\"<\/code> \u2014 \u0442\u043e\u0434\u0456 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0457\u0457 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c, \u0430 \u0432\u0456\u0434\u0441\u0443\u0442\u043d\u0456\u0441\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0437\u043c\u0443\u0441\u0438\u0442\u044c \u0439\u043e\u0433\u043e \u0437\u0430\u0447\u0438\u0442\u0430\u0442\u0438 \u0456\u043c\u2019\u044f \u0444\u0430\u0439\u043b\u0443. \u0410\u0442\u0440\u0438\u0431\u0443\u0442\u0438 <code>width<\/code> \u0456 <code>height<\/code> \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0456 \u043d\u0435 \u0434\u043b\u044f \u0440\u043e\u0437\u043c\u0456\u0440\u0456\u0432, \u0430 \u0449\u043e\u0431 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0437\u0430\u0437\u0434\u0430\u043b\u0435\u0433\u0456\u0434\u044c \u0437\u0430\u0440\u0435\u0437\u0435\u0440\u0432\u0443\u0432\u0430\u0432 \u043c\u0456\u0441\u0446\u0435: \u0431\u0435\u0437 \u043d\u0438\u0445 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0441\u043c\u0438\u043a\u0430\u0454\u0442\u044c\u0441\u044f \u043f\u0456\u0434 \u0447\u0430\u0441 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f, \u0456 \u0446\u0435 \u043f\u0440\u044f\u043c\u043e \u043f\u043e\u0433\u0456\u0440\u0448\u0443\u0454 \u043f\u043e\u043a\u0430\u0437\u043d\u0438\u043a Cumulative Layout Shift \u0443 Core Web Vitals. <code>loading=\"lazy\"<\/code> \u0432\u0456\u0434\u043a\u043b\u0430\u0434\u0430\u0454 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u0437\u0430 \u043c\u0435\u0436\u0430\u043c\u0438 \u0435\u043a\u0440\u0430\u043d\u0430.<\/p>\n<p>\u041a\u043e\u043b\u0438 \u0442\u0440\u0435\u0431\u0430 \u0432\u0456\u0434\u0434\u0430\u0442\u0438 \u0440\u0456\u0437\u043d\u0456 \u0444\u0430\u0439\u043b\u0438 \u0440\u0456\u0437\u043d\u0438\u043c \u0435\u043a\u0440\u0430\u043d\u0430\u043c, \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u044c <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\"&gt;\n&lt;\/picture&gt;<\/code><\/pre>\n<p>\u0411\u0440\u0430\u0443\u0437\u0435\u0440 \u0431\u0435\u0440\u0435 \u043f\u0435\u0440\u0448\u0438\u0439 \u0444\u043e\u0440\u043c\u0430\u0442, \u044f\u043a\u0438\u0439 \u0440\u043e\u0437\u0443\u043c\u0456\u0454, \u0456 \u0437\u0443\u043f\u0438\u043d\u044f\u0454\u0442\u044c\u0441\u044f. \u0421\u0442\u0430\u0440\u0438\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0434\u0456\u0439\u0434\u0435 \u0434\u043e <code>&lt;img&gt;<\/code> \u0439 \u043e\u0442\u0440\u0438\u043c\u0430\u0454 JPEG. \u0422\u043e\u0439 \u0441\u0430\u043c\u0438\u0439 \u043f\u0440\u0438\u0439\u043e\u043c \u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c <code>media<\/code> \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0456 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0438\u0439 \u043a\u0430\u0434\u0440, \u0430 \u043d\u0430 \u0434\u0435\u0441\u043a\u0442\u043e\u043f\u0456 \u2014 \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u0439.<\/p>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u044f, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\">\n<table>\n<thead>\n<tr>\n<th>\u0422\u0435\u0433<\/th>\n<th>\u0414\u043b\u044f \u0447\u043e\u0433\u043e<\/th>\n<th>\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438<\/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\u043e\u0433\u043e\">\u0417\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043d\u044f<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0412\u0438\u0431\u0456\u0440 \u0444\u0430\u0439\u043b\u0443 \u0437\u0430 \u0444\u043e\u0440\u043c\u0430\u0442\u043e\u043c \u0456 \u0435\u043a\u0440\u0430\u043d\u043e\u043c<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0406\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0437 \u043f\u0456\u0434\u043f\u0438\u0441\u043e\u043c<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\">\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\u043e\u0433\u043e\">\u0412\u0456\u0434\u0435\u043e \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0417\u0432\u0443\u043a<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0421\u0443\u0431\u0442\u0438\u0442\u0440\u0438 \u0434\u043e \u0432\u0456\u0434\u0435\u043e<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u041f\u043e\u043b\u043e\u0442\u043d\u043e \u0434\u043b\u044f \u043c\u0430\u043b\u044e\u0432\u0430\u043d\u043d\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u043c<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0412\u0435\u043a\u0442\u043e\u0440\u043d\u0430 \u0433\u0440\u0430\u0444\u0456\u043a\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0432 \u0440\u043e\u0437\u043c\u0456\u0442\u0446\u0456<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u043e\u0433\u043e\">\u0412\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0439 \u0447\u0443\u0436\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442<\/td>\n<td data-label=\"\u041a\u043b\u044e\u0447\u043e\u0432\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438\"><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\u0456\u0434\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0432\u0456\u0434\u0435\u043e \u043f\u0440\u0430\u0446\u044e\u0454 \u043b\u0438\u0448\u0435 \u0443 \u0437\u0432\u2019\u044f\u0437\u0446\u0456 <code>autoplay muted playsinline<\/code> \u2014 \u0431\u0435\u0437 <code>muted<\/code> \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u0438\u0439 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0439\u043e\u0433\u043e \u0437\u0430\u0431\u043b\u043e\u043a\u0443\u0454. \u0414\u043b\u044f <code>&lt;iframe&gt;<\/code> \u0437\u0430\u0432\u0436\u0434\u0438 \u0432\u0430\u0440\u0442\u043e \u0432\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438 <code>title<\/code>: \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u043e\u0433\u043e\u043b\u043e\u0448\u0443\u0454 \u043d\u0438\u043c \u0432\u043c\u0456\u0441\u0442 \u0444\u0440\u0435\u0439\u043c\u0430, \u0456\u043d\u0430\u043a\u0448\u0435 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447 \u043f\u043e\u0447\u0443\u0454 \u0431\u0435\u0437\u0456\u043c\u0435\u043d\u043d\u0443 \u00ab\u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0443 \u043e\u0431\u043b\u0430\u0441\u0442\u044c\u00bb.<\/p>\n<h2 id=\"tablitsi\">\u0422\u0430\u0431\u043b\u0438\u0446\u0456<\/h2>\n<p>\u0422\u0430\u0431\u043b\u0438\u0446\u0456 \u043f\u043e\u0432\u0435\u0440\u043d\u0443\u043b\u0438\u0441\u044f \u0434\u043e \u0432\u0436\u0438\u0442\u043a\u0443 \u043f\u0456\u0441\u043b\u044f \u0442\u043e\u0433\u043e, \u044f\u043a \u0457\u0445 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u043b\u0438 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u0442\u0438 \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0438. \u0414\u043b\u044f \u0441\u043f\u0440\u0430\u0432\u0436\u043d\u0456\u0445 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u0438\u0445 \u0434\u0430\u043d\u0438\u0445 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0438 \u0457\u043c \u043d\u0435\u043c\u0430\u0454, \u0430\u043b\u0435 \u0440\u043e\u0437\u043c\u0456\u0447\u0430\u0442\u0438 \u0457\u0445 \u0442\u0440\u0435\u0431\u0430 \u043f\u043e\u0432\u043d\u0456\u0441\u0442\u044e.<\/p>\n<pre><code>&lt;table&gt;\n  &lt;caption&gt;\u0422\u0430\u0440\u0438\u0444\u0438 \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\u0456\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\u0456\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\u0456\u043d\u0438 \u0432\u043a\u0430\u0437\u0430\u043d\u043e \u0431\u0435\u0437 \u041f\u0414\u0412&lt;\/td&gt;&lt;\/tr&gt;\n  &lt;\/tfoot&gt;\n&lt;\/table&gt;<\/code><\/pre>\n<p>\u0422\u0440\u0438 \u0440\u0435\u0447\u0456 \u0432\u0456\u0434\u0440\u0456\u0437\u043d\u044f\u044e\u0442\u044c \u0440\u043e\u0437\u043c\u0456\u0447\u0435\u043d\u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u044e \u0432\u0456\u0434 \u043d\u0430\u0431\u043e\u0440\u0443 \u043a\u043e\u043c\u0456\u0440\u043e\u043a. <code>&lt;caption&gt;<\/code> \u0434\u0430\u0454 \u0457\u0439 \u043d\u0430\u0437\u0432\u0443, \u044f\u043a\u0443 \u0437\u0430\u0447\u0438\u0442\u0443\u044e\u0442\u044c \u043f\u0435\u0440\u0448\u043e\u044e. <code>&lt;th&gt;<\/code> \u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c <code>scope<\/code> \u043e\u0433\u043e\u043b\u043e\u0448\u0443\u0454, \u0449\u043e \u043a\u043e\u043c\u0456\u0440\u043a\u0430 \u2014 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u043e\u0432\u043f\u0446\u044f \u0430\u0431\u043e \u0440\u044f\u0434\u043a\u0430, \u0456 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u043f\u0456\u0434 \u0447\u0430\u0441 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0443 \u043a\u043e\u043c\u0456\u0440\u043a\u0430\u043c\u0438 \u043f\u0456\u0434\u043a\u0430\u0437\u0443\u0454: \u00ab\u0411\u0456\u0437\u043d\u0435\u0441, \u0426\u0456\u043d\u0430, 9 \u0434\u043e\u043b\u0430\u0440\u0456\u0432\u00bb. \u041f\u043e\u0434\u0456\u043b \u043d\u0430 <code>&lt;thead&gt;<\/code>, <code>&lt;tbody&gt;<\/code> \u0456 <code>&lt;tfoot&gt;<\/code> \u0434\u043e\u0437\u0432\u043e\u043b\u044f\u0454 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0443 \u043f\u043e\u0432\u0442\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0448\u0430\u043f\u043a\u0443 \u043f\u0456\u0434 \u0447\u0430\u0441 \u0434\u0440\u0443\u043a\u0443 \u0434\u043e\u0432\u0433\u043e\u0457 \u0442\u0430\u0431\u043b\u0438\u0446\u0456 \u0442\u0430 \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0432\u0430\u0442\u0438 \u0442\u0456\u043b\u043e \u043e\u043a\u0440\u0435\u043c\u043e \u0432\u0456\u0434 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0456\u0432.<\/p>\n<p>\u041d\u0430 \u0432\u0443\u0437\u044c\u043a\u043e\u043c\u0443 \u0435\u043a\u0440\u0430\u043d\u0456 \u0448\u0438\u0440\u043e\u043a\u0430 \u0442\u0430\u0431\u043b\u0438\u0446\u044f \u2014 \u0437\u0430\u0432\u0436\u0434\u0438 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430. \u0420\u043e\u0431\u043e\u0447\u0438\u0445 \u0440\u0456\u0448\u0435\u043d\u043d\u044f \u0434\u0432\u0430: \u043e\u0431\u0433\u043e\u0440\u043d\u0443\u0442\u0438 \u0457\u0457 \u0432 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0437 <code>overflow-x: auto<\/code> \u0456 \u0434\u0430\u0442\u0438 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0443, \u0430\u0431\u043e \u043f\u0435\u0440\u0435\u0431\u0443\u0434\u0443\u0432\u0430\u0442\u0438 \u0440\u044f\u0434\u043a\u0438 \u0432 \u043a\u0430\u0440\u0442\u043a\u0438 \u0447\u0435\u0440\u0435\u0437 CSS, \u043f\u0456\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0447\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441\u0442\u043e\u0432\u043f\u0446\u0456\u0432 \u0456\u0437 <code>data-label<\/code>. \u041e\u0431\u0438\u0434\u0432\u0430 \u0441\u043f\u043e\u0441\u043e\u0431\u0438 \u0437\u0430\u043b\u0438\u0448\u0430\u044e\u0442\u044c \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u043e\u044e \u2014 \u043b\u0430\u043c\u0430\u0454 \u0442\u0430\u0431\u043b\u0438\u0446\u044e \u0441\u0430\u043c\u0435 \u0441\u043f\u0440\u043e\u0431\u0430 \u0432\u0442\u0438\u0441\u043d\u0443\u0442\u0438 \u0457\u0457 \u0432 \u0448\u0438\u0440\u0438\u043d\u0443 \u0435\u043a\u0440\u0430\u043d\u0430 \u0437\u043c\u0435\u043d\u0448\u0435\u043d\u043d\u044f\u043c \u0448\u0440\u0438\u0444\u0442\u0443.<\/p>\n<h2 id=\"formi-ta-polya-vvedennya\">\u0424\u043e\u0440\u043c\u0438 \u0442\u0430 \u043f\u043e\u043b\u044f \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f<\/h2>\n<p>\u0424\u043e\u0440\u043c\u0438 \u2014 \u043d\u0430\u0439\u0431\u0456\u043b\u044c\u0448\u0430 \u0433\u0440\u0443\u043f\u0430 \u0442\u0435\u0433\u0456\u0432 \u0456 \u0454\u0434\u0438\u043d\u0435 \u043c\u0456\u0441\u0446\u0435, \u0434\u0435 HTML \u0443\u043c\u0456\u0454 \u043d\u0435 \u043b\u0438\u0448\u0435 \u043f\u043e\u043a\u0430\u0437\u0443\u0432\u0430\u0442\u0438, \u0430 \u0439 \u0437\u0431\u0438\u0440\u0430\u0442\u0438 \u0434\u0430\u043d\u0456.<\/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;\u0406\u043c\u2019\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\u0448\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\u0456\u0437\u043d\u0435\u0441&lt;\/option&gt;\n      &lt;\/optgroup&gt;\n    &lt;\/select&gt;\n\n    &lt;label for=\"msg\"&gt;\u041f\u043e\u0432\u0456\u0434\u043e\u043c\u043b\u0435\u043d\u043d\u044f&lt;\/label&gt;\n    &lt;textarea id=\"msg\" name=\"message\" rows=\"5\"&gt;&lt;\/textarea&gt;\n\n    &lt;button type=\"submit\"&gt;\u041d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438&lt;\/button&gt;\n  &lt;\/fieldset&gt;\n&lt;\/form&gt;<\/code><\/pre>\n<p>\u0417\u0432\u2019\u044f\u0437\u043a\u0430 <code>&lt;label for&gt;<\/code> \u0437 <code>id<\/code> \u043f\u043e\u043b\u044f \u2014 \u043d\u0435 \u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0456\u0441\u0442\u044c. \u0412\u043e\u043d\u0430 \u0437\u0431\u0456\u043b\u044c\u0448\u0443\u0454 \u043e\u0431\u043b\u0430\u0441\u0442\u044c \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f (\u043a\u043b\u0456\u043a \u043f\u043e \u043f\u0456\u0434\u043f\u0438\u0441\u0443 \u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043a\u0443\u0440\u0441\u043e\u0440 \u0443 \u043f\u043e\u043b\u0435), \u0430 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0437\u0430\u0432\u0434\u044f\u043a\u0438 \u0457\u0439 \u0437\u043d\u0430\u0454, \u0449\u043e \u0441\u0430\u043c\u0435 \u0437\u0430\u043f\u0438\u0442\u0443\u044e\u0442\u044c. \u041f\u043e\u043b\u0435 \u0431\u0435\u0437 \u043f\u0456\u0434\u043f\u0438\u0441\u0443, \u0434\u0435 \u0440\u043e\u043b\u044c \u043f\u0456\u0434\u043f\u0438\u0441\u0443 \u0433\u0440\u0430\u0454 <code>placeholder<\/code>, \u2014 \u043f\u043e\u0448\u0438\u0440\u0435\u043d\u0430 \u043f\u043e\u043c\u0438\u043b\u043a\u0430: \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430 \u0437\u043d\u0438\u043a\u0430\u0454 \u0437 \u043f\u0435\u0440\u0448\u0438\u043c \u0436\u0435 \u0441\u0438\u043c\u0432\u043e\u043b\u043e\u043c, \u0456 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447 \u043f\u0435\u0440\u0435\u0441\u0442\u0430\u0454 \u0440\u043e\u0437\u0443\u043c\u0456\u0442\u0438, \u0449\u043e \u0432\u0432\u043e\u0434\u0438\u0442\u044c.<\/p>\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\">\u0406\u043c\u2019\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\u0448\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\u0456\u043b\u044c\u043a\u0456\u0441\u0442\u044c<\/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\">\u041a\u043e\u043b\u0456\u0440<\/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\">\u041e\u0442\u0440\u0438\u043c\u0443\u0432\u0430\u0442\u0438 \u043d\u043e\u0432\u0438\u043d\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\">\u0417\u0433\u043e\u0434\u0430 \u043d\u0430 \u043e\u0431\u0440\u043e\u0431\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\u0456\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\u0438\u0431\u0440\u0430\u0442\u0438 \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\u0438\u0431\u0440\u0430\u043d\u043e<\/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\u0456\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\u043e\u0437\u043a\u0430\u0436\u0456\u0442\u044c \u043f\u0440\u043e \u0437\u0430\u0434\u0430\u0447\u0443\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\u0454 \u0456 \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0443 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0456, \u0456 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0443 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0443 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f<\/text><\/svg><figcaption>\u041e\u0441\u043d\u043e\u0432\u043d\u0456 \u0442\u0438\u043f\u0438 \u043f\u043e\u043b\u0456\u0432 \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0456 \u0442\u0435, \u044f\u043a \u0457\u0445 \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u0431\u0440\u0430\u0443\u0437\u0435\u0440<\/figcaption><\/figure>\n<p>\u0422\u0438\u043f \u043f\u043e\u043b\u044f \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u0454 \u0456 \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0443 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0456, \u0456 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0443 \u043f\u0435\u0440\u0435\u0432\u0456\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\u044f, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\">\n<table>\n<thead>\n<tr>\n<th>\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f <code>type<\/code><\/th>\n<th>\u0429\u043e \u0434\u0430\u0454<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>text<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0417\u0432\u0438\u0447\u0430\u0439\u043d\u0438\u0439 \u0440\u044f\u0434\u043e\u043a<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>email<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u0430\u0434\u0440\u0435\u0441\u0438, \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0430 \u0437 \u00ab@\u00bb<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>tel<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0426\u0438\u0444\u0440\u043e\u0432\u0430 \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0430, \u0444\u043e\u0440\u043c\u0430\u0442 \u043d\u0435 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454\u0442\u044c\u0441\u044f<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>url<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0430 \u0430\u0434\u0440\u0435\u0441\u0438 \u0441\u0430\u0439\u0442\u0443<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>number<\/code>, <code>range<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0427\u0438\u0441\u043b\u043e \u0437\u0456 \u0441\u0442\u0440\u0456\u043b\u043a\u0430\u043c\u0438 \u0442\u0430 \u043f\u043e\u0432\u0437\u0443\u043d\u043e\u043a, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438 <code>min<\/code>, <code>max<\/code>, <code>step<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>date<\/code>, <code>time<\/code>, <code>datetime-local<\/code>, <code>month<\/code>, <code>week<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0412\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0456 \u043a\u0430\u043b\u0435\u043d\u0434\u0430\u0440 \u0456 \u0433\u043e\u0434\u0438\u043d\u043d\u0438\u043a<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>password<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u0440\u0438\u0445\u043e\u0432\u0430\u043d\u0438\u0439 \u0432\u0432\u0456\u0434<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>search<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u043e\u043b\u0435 \u043f\u043e\u0448\u0443\u043a\u0443 \u0437 \u0445\u0440\u0435\u0441\u0442\u0438\u043a\u043e\u043c \u043e\u0447\u0438\u0449\u0435\u043d\u043d\u044f<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>checkbox<\/code>, <code>radio<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u0440\u0430\u043f\u043e\u0440\u0435\u0446\u044c \u0456 \u043f\u0435\u0440\u0435\u043c\u0438\u043a\u0430\u0447 (\u043e\u0434\u043d\u0430\u043a\u043e\u0432\u0438\u0439 <code>name<\/code> \u0443 \u0433\u0440\u0443\u043f\u0438)<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>file<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u0444\u0430\u0439\u043b\u0443, \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438 <code>accept<\/code> \u0456 <code>multiple<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>color<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u041f\u0430\u043b\u0456\u0442\u0440\u0430 \u0432\u0438\u0431\u043e\u0440\u0443 \u043a\u043e\u043b\u044c\u043e\u0440\u0443<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f type\"><code>hidden<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0434\u0430\u0454\">\u0421\u043b\u0443\u0436\u0431\u043e\u0432\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f, \u043f\u0440\u0438\u0445\u043e\u0432\u0430\u043d\u0435 \u0432\u0456\u0434 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447\u0430<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u0412\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u044f \u0437\u0430\u0441\u043e\u0431\u0430\u043c\u0438 HTML \u043f\u0440\u0430\u0446\u044e\u0454 \u0431\u0435\u0437 \u0436\u043e\u0434\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043a\u0430 JavaScript: <code>required<\/code> \u0437\u0430\u0431\u043e\u0440\u043e\u043d\u044f\u0454 \u043d\u0430\u0434\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u043f\u043e\u0440\u043e\u0436\u043d\u044c\u043e\u0433\u043e \u043f\u043e\u043b\u044f, <code>minlength<\/code> \u0456 <code>maxlength<\/code> \u043e\u0431\u043c\u0435\u0436\u0443\u044e\u0442\u044c \u0434\u043e\u0432\u0436\u0438\u043d\u0443, <code>pattern<\/code> \u0437\u0430\u0434\u0430\u0454 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043d\u0438\u0439 \u0432\u0438\u0440\u0430\u0437, <code>min<\/code> \u0456 <code>max<\/code> \u2014 \u043c\u0435\u0436\u0456 \u0447\u0438\u0441\u043b\u0430 \u0439 \u0434\u0430\u0442\u0438. \u0426\u0435 \u043f\u0435\u0440\u0448\u0430 \u043b\u0456\u043d\u0456\u044f, \u0430 \u043d\u0435 \u0437\u0430\u0445\u0438\u0441\u0442: \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0456 \u0432\u043e\u043d\u0430 \u043d\u0435 \u0441\u043a\u0430\u0441\u043e\u0432\u0443\u0454, \u0431\u043e \u0431\u0443\u0434\u044c-\u044f\u043a\u0438\u0439 \u0437\u0430\u043f\u0438\u0442 \u043c\u043e\u0436\u043d\u0430 \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u0442\u0438 \u0432 \u043e\u0431\u0445\u0456\u0434 \u0444\u043e\u0440\u043c\u0438.<\/p>\n<p>\u0429\u0435 \u0434\u0432\u0430 \u0442\u0435\u0433\u0438 \u0446\u0456\u0454\u0457 \u0433\u0440\u0443\u043f\u0438 \u0437\u0430\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u044e\u0442\u044c \u043d\u0430 \u0443\u0432\u0430\u0433\u0443. <code>&lt;datalist&gt;<\/code> \u0434\u0430\u0454 \u043f\u043e\u043b\u044e \u0430\u0432\u0442\u043e\u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0438, \u0437\u0430\u043b\u0438\u0448\u0430\u044e\u0447\u0438 \u043c\u043e\u0436\u043b\u0438\u0432\u0456\u0441\u0442\u044c \u0443\u0432\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0454 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f. <code>&lt;output&gt;<\/code> \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043e\u0431\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044f \u2014 \u043d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434, \u0441\u0443\u043c\u0443 \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f, \u043f\u0435\u0440\u0435\u0440\u0430\u0445\u043e\u0432\u0430\u043d\u0443 \u043f\u0440\u0438 \u0437\u043c\u0456\u043d\u0456 \u043a\u0456\u043b\u044c\u043a\u043e\u0441\u0442\u0456.<\/p>\n<h2 id=\"interaktivni-elementi-bez-javascript\">\u0406\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0431\u0435\u0437 JavaScript<\/h2>\n<p>\u0427\u0430\u0441\u0442\u0438\u043d\u0430 \u043f\u043e\u0432\u0435\u0434\u0456\u043d\u043a\u0438, \u0437\u0430\u0440\u0430\u0434\u0438 \u044f\u043a\u043e\u0457 \u0440\u0430\u043d\u0456\u0448\u0435 \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0430\u043b\u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u0438, \u0443 HTML5 \u0432\u0431\u0443\u0434\u043e\u0432\u0430\u043d\u0430.<\/p>\n<pre><code>&lt;details&gt;\n  &lt;summary&gt;\u0429\u043e \u0432\u0445\u043e\u0434\u0438\u0442\u044c \u0432 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0430\u0439\u0442\u0443?&lt;\/summary&gt;\n  &lt;p&gt;\u041e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f, \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u0456 \u043a\u043e\u043f\u0456\u0457, \u043c\u043e\u043d\u0456\u0442\u043e\u0440\u0438\u043d\u0433 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0456.&lt;\/p&gt;\n&lt;\/details&gt;\n\n&lt;dialog id=\"modal\"&gt;\n  &lt;p&gt;\u0417\u0430\u044f\u0432\u043a\u0443 \u043d\u0430\u0434\u0456\u0441\u043b\u0430\u043d\u043e&lt;\/p&gt;\n  &lt;button onclick=\"modal.close()\"&gt;\u0417\u0430\u043a\u0440\u0438\u0442\u0438&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> \u0456\u0437 <code>&lt;summary&gt;<\/code> \u2014 \u0433\u043e\u0442\u043e\u0432\u0438\u0439 \u0430\u043a\u043e\u0440\u0434\u0435\u043e\u043d: \u0440\u043e\u0437\u043a\u0440\u0438\u0432\u0430\u0454\u0442\u044c\u0441\u044f \u043f\u043e \u043a\u043b\u0456\u043a\u0443, \u043f\u0440\u0430\u0446\u044e\u0454 \u0437 \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0438, \u0456\u043d\u0434\u0435\u043a\u0441\u0443\u0454\u0442\u044c\u0441\u044f \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u043e\u043c. \u0411\u043b\u043e\u043a \u00ab\u043f\u0438\u0442\u0430\u043d\u043d\u044f \u2014 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u044c\u00bb \u043d\u0430 \u0446\u044c\u043e\u043c\u0443 \u0442\u0435\u0437\u0456 \u043d\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u0443\u0454 \u0436\u043e\u0434\u043d\u043e\u0433\u043e \u0440\u044f\u0434\u043a\u0430 JavaScript. <code>&lt;dialog&gt;<\/code> \u2014 \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u0435 \u0432\u0456\u043a\u043d\u043e \u0437 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e\u044e \u043f\u043e\u0432\u0435\u0434\u0456\u043d\u043a\u043e\u044e \u0444\u043e\u043a\u0443\u0441\u0430: \u043c\u0435\u0442\u043e\u0434 <code>showModal()<\/code> \u0437\u0430\u043c\u0438\u043a\u0430\u0454 \u0444\u043e\u043a\u0443\u0441 \u0443\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0432\u0456\u043a\u043d\u0430 \u0439 \u0437\u0430\u043a\u0440\u0438\u0432\u0430\u0454 \u0439\u043e\u0433\u043e \u043f\u043e Escape. <code>&lt;progress&gt;<\/code> \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u0445\u0456\u0434 \u043f\u0440\u043e\u0446\u0435\u0441\u0443, <code>&lt;meter&gt;<\/code> \u2014 \u0437\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u0443 \u0432\u0456\u0434\u043e\u043c\u043e\u043c\u0443 \u0434\u0456\u0430\u043f\u0430\u0437\u043e\u043d\u0456, \u043d\u0430\u043f\u0440\u0438\u043a\u043b\u0430\u0434 \u0437\u0430\u043f\u043e\u0432\u043d\u0435\u043d\u0456\u0441\u0442\u044c \u0434\u0438\u0441\u043a\u0430.<\/p>\n<h2 id=\"sluzhbovi-tegi-v\">\u0421\u043b\u0443\u0436\u0431\u043e\u0432\u0456 \u0442\u0435\u0433\u0438 \u0432 <code>&lt;head&gt;<\/code><\/h2>\n<p>\u0426\u0456 \u0442\u0435\u0433\u0438 \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447 \u043d\u0435 \u0431\u0430\u0447\u0438\u0442\u044c, \u0430\u043b\u0435 \u0441\u0430\u043c\u0435 \u0432\u043e\u043d\u0438 \u0432\u0438\u0440\u0456\u0448\u0443\u044e\u0442\u044c, \u044f\u043a \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0443 \u0432\u0438\u0434\u0430\u0447\u0456 \u0442\u0430 \u0432 \u0441\u043e\u0446\u043c\u0435\u0440\u0435\u0436\u0430\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: \u0434\u043e\u0432\u0456\u0434\u043d\u0438\u043a&lt;\/title&gt;\n  &lt;meta name=\"description\" content=\"\u0423\u0441\u0456 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0456 \u0442\u0435\u0433\u0438 HTML5 \u0437 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\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: \u0434\u043e\u0432\u0456\u0434\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 \u043d\u0430\u0439\u0432\u0430\u0433\u043e\u043c\u0456\u0448\u0438\u0439 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u0438\u0439 \u0441\u0438\u0433\u043d\u0430\u043b \u0434\u043b\u044f \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u0430 \u0456 \u0442\u0435, \u0449\u043e \u0432\u0456\u0434\u0432\u0456\u0434\u0443\u0432\u0430\u0447 \u0431\u0430\u0447\u0438\u0442\u044c \u0443 \u0432\u043a\u043b\u0430\u0434\u0446\u0456. <code>&lt;link rel=\"canonical\"&gt;<\/code> \u0432\u043a\u0430\u0437\u0443\u0454 \u0433\u043e\u043b\u043e\u0432\u043d\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438, \u043a\u043e\u043b\u0438 \u0434\u043e \u043d\u0435\u0457 \u0432\u0435\u0434\u0443\u0442\u044c \u043a\u0456\u043b\u044c\u043a\u0430 URL \u0456\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438. <code>hreflang<\/code> \u043f\u043e\u0432\u2019\u044f\u0437\u0443\u0454 \u043c\u043e\u0432\u043d\u0456 \u0432\u0435\u0440\u0441\u0456\u0457 \u043c\u0456\u0436 \u0441\u043e\u0431\u043e\u044e \u2014 \u0434\u043b\u044f \u0431\u0430\u0433\u0430\u0442\u043e\u043c\u043e\u0432\u043d\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443 \u0446\u0435 \u043e\u0431\u043e\u0432\u2019\u044f\u0437\u043a\u043e\u0432\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430, \u0431\u0435\u0437 \u043d\u0435\u0457 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u043d\u0435 \u0442\u0443 \u0432\u0435\u0440\u0441\u0456\u044e. \u0412\u0456\u0434\u043a\u0440\u0438\u0442\u0456 \u0433\u0440\u0430\u0444\u0438 <code>og:<\/code> \u0432\u0438\u0437\u043d\u0430\u0447\u0430\u044e\u0442\u044c, \u044f\u043a \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0432 \u043c\u0435\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0456 \u0442\u0430 \u0441\u043e\u0446\u043c\u0435\u0440\u0435\u0436\u0456.<\/p>\n<p>\u041f\u0440\u043e \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u0441\u043a\u0440\u0438\u043f\u0442\u0456\u0432 \u0432\u0430\u0440\u0442\u043e \u043f\u0430\u043c\u2019\u044f\u0442\u0430\u0442\u0438 \u043e\u0434\u043d\u0435: <code>&lt;script&gt;<\/code> \u0431\u0435\u0437 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0456\u0432 \u0437\u0443\u043f\u0438\u043d\u044f\u0454 \u0440\u043e\u0437\u0431\u0456\u0440 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0434\u043e\u043a\u0438 \u0444\u0430\u0439\u043b \u043d\u0435 \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u044c\u0441\u044f \u0439 \u043d\u0435 \u0432\u0438\u043a\u043e\u043d\u0430\u0454\u0442\u044c\u0441\u044f. \u0410\u0442\u0440\u0438\u0431\u0443\u0442 <code>defer<\/code> \u0432\u0456\u0434\u043a\u043b\u0430\u0434\u0430\u0454 \u0432\u0438\u043a\u043e\u043d\u0430\u043d\u043d\u044f \u0434\u043e \u043a\u0456\u043d\u0446\u044f \u0440\u043e\u0437\u0431\u043e\u0440\u0443 \u0439 \u0437\u0431\u0435\u0440\u0456\u0433\u0430\u0454 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0444\u0430\u0439\u043b\u0456\u0432, <code>async<\/code> \u0432\u0438\u043a\u043e\u043d\u0443\u0454 \u043e\u0434\u0440\u0430\u0437\u0443 \u043f\u0456\u0441\u043b\u044f \u0437\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0435\u043d\u043d\u044f \u0439 \u043f\u043e\u0440\u044f\u0434\u043a\u0443 \u043d\u0435 \u0433\u0430\u0440\u0430\u043d\u0442\u0443\u0454. \u0414\u043b\u044f \u043b\u0456\u0447\u0438\u043b\u044c\u043d\u0438\u043a\u0456\u0432 \u043f\u0430\u0441\u0443\u0454 <code>async<\/code>, \u0434\u043b\u044f \u043a\u043e\u0434\u0443 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u043d\u043a\u0443 \u2014 <code>defer<\/code>.<\/p>\n<h2 id=\"zastarili-tegi-i-chim-yih-zaminiti\">\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0456 \u0442\u0435\u0433\u0438 \u0456 \u0447\u0438\u043c \u0457\u0445 \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438<\/h2>\n<p>\u0426\u0456 \u0442\u0435\u0433\u0438 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0438 \u0432\u0441\u0435 \u0449\u0435 \u043f\u043e\u043a\u0430\u0437\u0443\u044e\u0442\u044c, \u0430\u043b\u0435 \u0441\u043f\u0435\u0446\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u044f \u0457\u0445 \u0432\u0438\u043b\u0443\u0447\u0438\u043b\u0430: \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u043b\u0430 \u0437\u0430 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f, \u044f\u043a\u0435 \u0434\u0430\u0432\u043d\u043e \u043f\u0435\u0440\u0435\u0439\u0448\u043b\u043e \u0432 CSS, \u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0448\u043a\u043e\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\u0423\u041b\u041e \u2014 \u0412\u0418\u041b\u0423\u0427\u0415\u041d\u041e \u0417\u0406 \u0421\u041f\u0415\u0426\u0418\u0424\u0406\u041a\u0410\u0426\u0406\u0407<\/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\u0423\u0427\u0410\u0421\u041d\u0410 \u0417\u0410\u041c\u0406\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\u0435, &lt;del&gt; \u2014 \u0432\u0438\u0434\u0430\u043b\u0435\u043d\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\u0456\u043c\u0430\u0446\u0456\u044f \u2014 \u0456 \u043a\u0440\u0430\u0449\u0435 \u0431\u0435\u0437 \u043d\u0435\u0457<\/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\">\u0417\u0432\u0438\u0447\u0430\u0439\u043d\u0430 \u0432\u0435\u0440\u0441\u0442\u043a\u0430, \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438 &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\u043e\u0437\u0448\u0438\u0444\u0440\u0443\u0432\u0430\u043d\u043d\u044f\"&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\u0438 \u0432\u0441\u0435 \u0449\u0435 \u0457\u0445 \u043c\u0430\u043b\u044e\u044e\u0442\u044c, \u0430\u043b\u0435 \u0432\u0430\u043b\u0456\u0434\u0430\u0442\u043e\u0440 \u0456 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a \u0432\u0432\u0430\u0436\u0430\u044e\u0442\u044c \u0442\u0430\u043a\u0443 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 \u043f\u043e\u043c\u0438\u043b\u043a\u043e\u044e<\/text><\/svg><figcaption>\u0428\u0456\u0441\u0442\u044c \u043d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0438\u0445 \u0437\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0445 \u0442\u0435\u0433\u0456\u0432 \u0456 \u0447\u0438\u043c \u0457\u0445 \u0437\u0430\u043c\u0456\u043d\u044e\u044e\u0442\u044c \u0441\u044c\u043e\u0433\u043e\u0434\u043d\u0456<\/figcaption><\/figure>\n<div class=\"wm-table-scroll wm-table-cards\" tabindex=\"0\" role=\"region\" aria-label=\"\u0422\u0430\u0431\u043b\u0438\u0446\u044f, \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0443\u0454\u0442\u044c\u0441\u044f \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\">\n<table>\n<thead>\n<tr>\n<th>\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433<\/th>\n<th>\u0429\u043e \u0440\u043e\u0431\u0438\u0432<\/th>\n<th>\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;font&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0428\u0440\u0438\u0444\u0442, \u0440\u043e\u0437\u043c\u0456\u0440 \u0456 \u043a\u043e\u043b\u0456\u0440 \u0442\u0435\u043a\u0441\u0442\u0443<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">CSS: <code>font-family<\/code>, <code>font-size<\/code>, <code>color<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;center&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0412\u0438\u0440\u0456\u0432\u043d\u044e\u0432\u0430\u043d\u043d\u044f \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">CSS: <code>text-align<\/code>, <code>margin: 0 auto<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;big&gt;<\/code>, <code>&lt;tt&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0412\u0435\u043b\u0438\u043a\u0438\u0439 \u0456 \u043c\u043e\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">CSS; \u0434\u043b\u044f \u043a\u043e\u0434\u0443 \u2014 <code>&lt;code&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;strike&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0417\u0430\u043a\u0440\u0435\u0441\u043b\u0435\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\"><code>&lt;s&gt;<\/code> \u0430\u0431\u043e <code>&lt;del&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;marquee&gt;<\/code>, <code>&lt;blink&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0420\u0443\u0445\u043e\u043c\u0438\u0439 \u0440\u044f\u0434\u043e\u043a \u0456 \u0431\u043b\u0438\u043c\u0430\u043d\u043d\u044f<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">CSS-\u0430\u043d\u0456\u043c\u0430\u0446\u0456\u044f, \u0456 \u043a\u0440\u0430\u0449\u0435 \u0431\u0435\u0437 \u043d\u0435\u0457<\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;frame&gt;<\/code>, <code>&lt;frameset&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u041f\u043e\u0434\u0456\u043b \u0432\u0456\u043a\u043d\u0430 \u043d\u0430 \u0444\u0440\u0435\u0439\u043c\u0438<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">\u041d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u0430 \u0432\u0435\u0440\u0441\u0442\u043a\u0430; \u0437\u0430 \u043f\u043e\u0442\u0440\u0435\u0431\u0438 <code>&lt;iframe&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;applet&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">Java-\u0430\u043f\u043b\u0435\u0442<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">\u041d\u0435 \u043f\u043e\u0442\u0440\u0456\u0431\u0435\u043d; \u0434\u043b\u044f \u0437\u043e\u0432\u043d\u0456\u0448\u043d\u044c\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442\u0443 \u2014 <code>&lt;iframe&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;acronym&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0410\u043a\u0440\u043e\u043d\u0456\u043c<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\"><code>&lt;abbr&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\"><code>&lt;dir&gt;<\/code><\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u0421\u043f\u0438\u0441\u043e\u043a \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0456\u0432<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\"><code>&lt;ul&gt;<\/code><\/td>\n<\/tr>\n<tr>\n<td data-label=\"\u0417\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0438\u0439 \u0442\u0435\u0433\">\u0410\u0442\u0440\u0438\u0431\u0443\u0442\u0438 <code>align<\/code>, <code>bgcolor<\/code>, <code>border<\/code>, <code>width<\/code> \u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u044c \u0456 \u0431\u043b\u043e\u043a\u0456\u0432<\/td>\n<td data-label=\"\u0429\u043e \u0440\u043e\u0431\u0438\u0432\">\u041e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f \u0432 \u0440\u043e\u0437\u043c\u0456\u0442\u0446\u0456<\/td>\n<td data-label=\"\u0427\u0438\u043c \u0437\u0430\u043c\u0456\u043d\u0438\u0442\u0438\">\u0426\u0456\u043b\u043a\u043e\u043c \u0443 CSS<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>\u041e\u043a\u0440\u0435\u043c\u0430 \u0456\u0441\u0442\u043e\u0440\u0456\u044f \u2014 <code>&lt;hgroup&gt;<\/code>. \u0419\u043e\u0433\u043e \u0432\u0438\u043b\u0443\u0447\u0438\u043b\u0438 \u0437\u0456 \u0441\u043f\u0435\u0446\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457, \u043f\u043e\u0442\u0456\u043c \u043f\u043e\u0432\u0435\u0440\u043d\u0443\u043b\u0438 \u0437 \u0456\u043d\u0448\u0438\u043c \u0437\u043c\u0456\u0441\u0442\u043e\u043c, \u0456 \u0441\u044c\u043e\u0433\u043e\u0434\u043d\u0456 \u0434\u043b\u044f \u0437\u0432\u2019\u044f\u0437\u043a\u0438 \u00ab\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u043b\u044e\u0441 \u043f\u0456\u0434\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a\u00bb \u0434\u043e\u0441\u0442\u0430\u0442\u043d\u044c\u043e \u0437\u0432\u0438\u0447\u0430\u0439\u043d\u043e\u0433\u043e <code>&lt;p&gt;<\/code> \u043f\u043e\u0440\u0443\u0447 \u0456\u0437 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u043e\u043c.<\/p>\n<h2 id=\"chasti-pomilki-rozmitki\">\u0427\u0430\u0441\u0442\u0456 \u043f\u043e\u043c\u0438\u043b\u043a\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0438<\/h2>\n<ul>\n<li><strong>\u041a\u0456\u043b\u044c\u043a\u0430 <code>&lt;h1&gt;<\/code> \u043d\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u0446\u0456.<\/strong> \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043f\u0435\u0440\u0448\u043e\u0433\u043e \u0440\u0456\u0432\u043d\u044f \u043e\u043f\u0438\u0441\u0443\u0454 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0446\u0456\u043b\u043a\u043e\u043c, \u0456 \u0432\u0456\u043d \u043e\u0434\u0438\u043d. \u0420\u0435\u0448\u0442\u0430 \u2014 \u0440\u0456\u0432\u043d\u0456 \u043d\u0438\u0436\u0447\u0435.<\/li>\n<li><strong>\u0411\u043b\u043e\u043a \u0443\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u0430\u0431\u0437\u0430\u0446\u0443.<\/strong> <code>&lt;div&gt;<\/code> \u0443\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 <code>&lt;p&gt;<\/code> \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043c\u043e\u0432\u0447\u043a\u0438 \u0432\u0438\u043f\u0440\u0430\u0432\u043b\u044f\u0454, \u0437\u0430\u043a\u0440\u0438\u0432\u0430\u044e\u0447\u0438 \u0430\u0431\u0437\u0430\u0446 \u0440\u0430\u043d\u0456\u0448\u0435, \u2014 \u0456 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0457\u0434\u0435 \u0431\u0435\u0437 \u0432\u0438\u0434\u0438\u043c\u043e\u0457 \u043f\u0440\u0438\u0447\u0438\u043d\u0438.<\/li>\n<li><strong><code>&lt;br&gt;<\/code> \u0437\u0430\u043c\u0456\u0441\u0442\u044c \u0432\u0456\u0434\u0441\u0442\u0443\u043f\u0456\u0432.<\/strong> \u0422\u0440\u0438 \u043f\u043e\u0441\u043f\u0456\u043b\u044c \u043f\u0435\u0440\u0435\u043d\u0435\u0441\u0435\u043d\u043d\u044f \u0440\u044f\u0434\u043a\u0430 \u2014 \u0446\u0435 \u0441\u043f\u0440\u043e\u0431\u0430 \u0437\u0440\u043e\u0431\u0438\u0442\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u043e\u044e \u0442\u0435, \u0449\u043e \u0440\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0441\u0442\u0438\u043b\u044f\u043c\u0438: <code>margin<\/code>.<\/li>\n<li><strong>\u041a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 \u0431\u0435\u0437 <code>alt<\/code>.<\/strong> \u0412\u0442\u0440\u0430\u0447\u0430\u044e\u0442\u044c\u0441\u044f \u0456 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456\u0441\u0442\u044c, \u0456 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u0439 \u0442\u0440\u0430\u0444\u0456\u043a \u0456\u0437 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a.<\/li>\n<li><strong>\u041a\u043d\u043e\u043f\u043a\u0430, \u0437\u0440\u043e\u0431\u043b\u0435\u043d\u0430 \u0437 <code>&lt;div&gt;<\/code>.<\/strong> \u0422\u0430\u043a\u0456\u0439 \u00ab\u043a\u043d\u043e\u043f\u0446\u0456\u00bb \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0456 \u043e\u0431\u0440\u043e\u0431\u043d\u0438\u043a \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0438, <code>role<\/code> \u0456 <code>tabindex<\/code>, \u0442\u043e\u0434\u0456 \u044f\u043a <code>&lt;button&gt;<\/code> \u0432\u043c\u0456\u0454 \u0446\u0435 \u043e\u0434\u0440\u0430\u0437\u0443.<\/li>\n<li><strong>\u041f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0431\u0435\u0437 <code>href<\/code>.<\/strong> \u0415\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u0438\u043f\u0430\u0434\u0430\u0454 \u0437 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457 \u0437 \u043a\u043b\u0430\u0432\u0456\u0430\u0442\u0443\u0440\u0438. \u041d\u0435\u043c\u0430\u0454 \u0430\u0434\u0440\u0435\u0441\u0438 \u2014 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0439\u0442\u0435 <code>&lt;button&gt;<\/code>.<\/li>\n<li><strong>\u0422\u0430\u0431\u043b\u0438\u0446\u044f \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0438.<\/strong> \u041d\u0430 \u043c\u043e\u0431\u0456\u043b\u044c\u043d\u043e\u043c\u0443 \u0442\u0430\u043a\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u043d\u0435 \u043f\u0435\u0440\u0435\u0431\u0443\u0434\u043e\u0432\u0443\u0454\u0442\u044c\u0441\u044f, \u0430 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440 \u0437\u0430\u0447\u0438\u0442\u0443\u0454 \u0457\u0457 \u044f\u043a \u0442\u0430\u0431\u043b\u0438\u0446\u044e \u0434\u0430\u043d\u0438\u0445.<\/li>\n<li><strong><code>&lt;div&gt;<\/code> \u0437\u0430\u043c\u0456\u0441\u0442\u044c \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0438.<\/strong> \u0421\u0442\u043e\u0440\u0456\u043d\u043a\u0430 \u0437 \u0441\u0430\u043c\u0438\u0445 \u043b\u0438\u0448\u0435 <code>div<\/code> \u043f\u0440\u0430\u0446\u044e\u0454, \u0430\u043b\u0435 \u043f\u043e\u0437\u0431\u0430\u0432\u043b\u044f\u0454\u0442\u044c\u0441\u044f \u0432\u0441\u044c\u043e\u0433\u043e, \u0449\u043e \u0434\u0430\u0454 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u0437\u043c\u0456\u0441\u0442\u0443: \u0448\u0432\u0438\u0434\u043a\u043e\u0457 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u0457, \u0440\u0435\u0436\u0438\u043c\u0443 \u0447\u0438\u0442\u0430\u043d\u043d\u044f, \u0437\u0440\u043e\u0437\u0443\u043c\u0456\u043b\u043e\u0457 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438 \u0434\u043b\u044f \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0438\u043a\u0430.<\/li>\n<\/ul>\n<h2 id=\"yak-pereviriti-rozmitku\">\u042f\u043a \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0438\u0442\u0438 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443<\/h2>\n<p>\u0422\u0440\u0438 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438 \u043f\u043e\u043a\u0440\u0438\u0432\u0430\u044e\u0442\u044c \u043c\u0430\u0439\u0436\u0435 \u0432\u0441\u0456 \u043f\u043e\u043c\u0438\u043b\u043a\u0438. <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u0412\u0430\u043b\u0456\u0434\u0430\u0442\u043e\u0440 W3C<\/a> \u0437\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u0437\u0430\u043a\u0440\u0438\u0442\u0456 \u0442\u0435\u0433\u0438, \u0445\u0438\u0431\u043d\u0443 \u0432\u043a\u043b\u0430\u0434\u0435\u043d\u0456\u0441\u0442\u044c \u0456 \u043d\u0435\u0456\u0441\u043d\u0443\u044e\u0447\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438. \u0412\u043a\u043b\u0430\u0434\u043a\u0430 Accessibility \u0432 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430\u0445 \u0440\u043e\u0437\u0440\u043e\u0431\u043d\u0438\u043a\u0430 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430 \u043f\u043e\u043a\u0430\u0437\u0443\u0454 \u0434\u0435\u0440\u0435\u0432\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0456 \u2014 \u0442\u0435, \u0449\u043e \u00ab\u0431\u0430\u0447\u0438\u0442\u044c\u00bb \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440. Lighthouse \u0443 Chrome \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0454 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u0443 \u0440\u0430\u0437\u043e\u043c \u0437\u0456 \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044e \u0439 \u0432\u0438\u0434\u0430\u0454 \u0441\u043f\u0438\u0441\u043e\u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0438\u0445 \u0437\u0430\u0443\u0432\u0430\u0436\u0435\u043d\u044c.<\/p>\n<p>\u041e\u043a\u0440\u0435\u043c\u0438\u0439 \u043f\u0440\u0438\u0439\u043e\u043c \u0434\u043b\u044f \u0441\u0430\u043c\u043e\u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0438: \u0432\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u0437 \u0432\u0438\u043c\u043a\u043d\u0435\u043d\u0438\u043c CSS. \u042f\u043a\u0449\u043e \u0431\u0435\u0437 \u0441\u0442\u0438\u043b\u0456\u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u0447\u0438\u0442\u0430\u0454\u0442\u044c\u0441\u044f \u0437\u0433\u043e\u0440\u0438 \u0432\u043d\u0438\u0437 \u044f\u043a \u043e\u0441\u043c\u0438\u0441\u043b\u0435\u043d\u0438\u0439 \u0442\u0435\u043a\u0441\u0442 \u0456\u0437 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438, \u0441\u043f\u0438\u0441\u043a\u0430\u043c\u0438 \u0442\u0430 \u043f\u0456\u0434\u043f\u0438\u0441\u0430\u043c\u0438 \u0434\u043e \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a \u2014 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0443 \u0437\u0440\u043e\u0431\u043b\u0435\u043d\u043e \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e. \u042f\u043a\u0449\u043e \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u044e\u0454\u0442\u044c\u0441\u044f \u043d\u0430 \u043a\u0430\u0448\u0443, \u0440\u0456\u0447 \u043d\u0435 \u0432 \u0441\u0442\u0438\u043b\u044f\u0445, \u0430 \u0432 \u0442\u0435\u0433\u0430\u0445.<\/p>\n<h2 id=\"korotko-pro-golovne\">\u041a\u043e\u0440\u043e\u0442\u043a\u043e \u043f\u0440\u043e \u0433\u043e\u043b\u043e\u0432\u043d\u0435<\/h2>\n<p>\u042f\u043a\u0449\u043e \u0442\u0440\u0438\u043c\u0430\u0442\u0438 \u0432 \u0433\u043e\u043b\u043e\u0432\u0456 \u0432\u0441\u044c\u043e\u0433\u043e \u043a\u0456\u043b\u044c\u043a\u0430 \u043f\u0440\u0430\u0432\u0438\u043b, \u0440\u0435\u0448\u0442\u0430 \u0432\u0438\u0432\u043e\u0434\u0438\u0442\u044c\u0441\u044f \u0437 \u043d\u0438\u0445 \u0441\u0430\u043c\u0430:<\/p>\n<ul>\n<li><strong>\u0422\u0435\u0433 \u043e\u0431\u0438\u0440\u0430\u044e\u0442\u044c \u0437\u0430 \u0437\u043c\u0456\u0441\u0442\u043e\u043c, \u0430 \u043d\u0435 \u0437\u0430 \u0432\u0438\u0433\u043b\u044f\u0434\u043e\u043c.<\/strong> \u0417\u043e\u0432\u043d\u0456\u0448\u043d\u0456\u0439 \u0432\u0438\u0433\u043b\u044f\u0434 \u0431\u0443\u0434\u044c-\u044f\u043a\u043e\u0433\u043e \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0437\u043c\u0456\u043d\u044e\u0454\u0442\u044c\u0441\u044f \u043e\u0434\u043d\u0438\u043c \u0440\u044f\u0434\u043a\u043e\u043c CSS, \u0430 \u0437\u043c\u0456\u0441\u0442, \u0437\u0430\u043a\u043b\u0430\u0434\u0435\u043d\u0438\u0439 \u0442\u0435\u0433\u043e\u043c, \u0447\u0438\u0442\u0430\u044e\u0442\u044c \u043c\u0430\u0448\u0438\u043d\u0438 \u2014 \u0456 \u0437\u043c\u0456\u043d\u0438\u0442\u0438 \u0439\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u043d\u0435\u043c\u043e\u0436\u043b\u0438\u0432\u043e.<\/li>\n<li><strong>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0438 \u2014 \u0446\u0435 <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> \u043b\u0438\u0448\u0430\u0454\u0442\u044c\u0441\u044f \u0434\u043b\u044f \u0432\u0438\u043f\u0430\u0434\u043a\u0456\u0432, \u043a\u043e\u043b\u0438 \u0436\u043e\u0434\u0435\u043d \u0456\u0437 \u043d\u0438\u0445 \u043d\u0435 \u043f\u0456\u0434\u0445\u043e\u0434\u0438\u0442\u044c, \u0430 \u043d\u0435 \u043d\u0430\u0432\u043f\u0430\u043a\u0438.<\/li>\n<li><strong>\u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0443\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c \u0437\u043c\u0456\u0441\u0442 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430.<\/strong> \u041e\u0434\u0438\u043d <code>h1<\/code>, \u0434\u0430\u043b\u0456 \u043f\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0443, \u0431\u0435\u0437 \u043f\u0440\u043e\u043f\u0443\u0441\u043a\u0456\u0432 \u0440\u0456\u0432\u043d\u0456\u0432.<\/li>\n<li><strong>\u0422\u0440\u0438 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438, \u043f\u0440\u043e \u044f\u043a\u0456 \u0437\u0430\u0431\u0443\u0432\u0430\u044e\u0442\u044c \u043d\u0430\u0439\u0447\u0430\u0441\u0442\u0456\u0448\u0435:<\/strong> <code>alt<\/code> \u0443 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438, <code>for<\/code> \u0443 \u043f\u0456\u0434\u043f\u0438\u0441\u0443 \u043f\u043e\u043b\u044f \u0442\u0430 <code>title<\/code> \u0443 \u0444\u0440\u0435\u0439\u043c\u0430. \u041a\u043e\u0436\u0435\u043d \u0456\u0437 \u043d\u0438\u0445 \u2014 \u043f\u0430\u0440\u0430 \u0445\u0432\u0438\u043b\u0438\u043d \u0440\u043e\u0431\u043e\u0442\u0438 \u0439 \u043f\u043e\u043c\u0456\u0442\u043d\u0430 \u0440\u0456\u0437\u043d\u0438\u0446\u044f \u0432 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u0456.<\/li>\n<li><strong>\u0424\u043e\u0440\u043c\u0430 \u0432\u043c\u0456\u0454 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0442\u0438 \u0441\u0435\u0431\u0435 \u0441\u0430\u043c\u0430.<\/strong> \u041f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0438\u0439 <code>type<\/code> \u043f\u043b\u044e\u0441 <code>required<\/code> \u0456 <code>pattern<\/code> \u0437\u0430\u043a\u0440\u0438\u0432\u0430\u044e\u0442\u044c \u0431\u0456\u043b\u044c\u0448\u0443 \u0447\u0430\u0441\u0442\u0438\u043d\u0443 \u0432\u0430\u043b\u0456\u0434\u0430\u0446\u0456\u0457 \u0431\u0435\u0437 JavaScript \u2014 \u0430\u043b\u0435 \u043d\u0435 \u0441\u043a\u0430\u0441\u043e\u0432\u0443\u044e\u0442\u044c \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u043a\u0443 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0456.<\/li>\n<li><strong>\u0423\u0441\u0435, \u0449\u043e \u043f\u0440\u043e \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u043d\u044f, \u0436\u0438\u0432\u0435 \u0432 CSS.<\/strong> \u0421\u0430\u043c\u0435 \u0442\u043e\u043c\u0443 \u0437\u0456 \u0441\u043f\u0435\u0446\u0438\u0444\u0456\u043a\u0430\u0446\u0456\u0457 \u043f\u0456\u0448\u043b\u0438 <code>font<\/code>, <code>center<\/code> \u0442\u0430 \u0457\u0445\u043d\u0456 \u0441\u0443\u0441\u0456\u0434\u0438.<\/li>\n<\/ul>\n<p>\u0425\u043e\u0440\u043e\u0448\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430 \u043c\u0430\u0439\u0436\u0435 \u043d\u0435\u043f\u043e\u043c\u0456\u0442\u043d\u0430: \u0441\u0430\u0439\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u0430\u0446\u044e\u0454 \u2014 \u0448\u0432\u0438\u0434\u043a\u043e \u0432\u0456\u0434\u043a\u0440\u0438\u0432\u0430\u0454\u0442\u044c\u0441\u044f, \u043d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e \u0447\u0438\u0442\u0430\u0454\u0442\u044c\u0441\u044f \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0456, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u0432 \u043f\u043e\u0448\u0443\u043a\u043e\u0432\u0456\u0439 \u0432\u0438\u0434\u0430\u0447\u0456 \u0442\u0430 \u0432 \u043c\u0435\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u0456, \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0438\u0439 \u043b\u044e\u0434\u044f\u043c \u0437\u0456 \u0441\u043a\u0440\u0456\u043d\u0440\u0456\u0434\u0435\u0440\u043e\u043c. \u041f\u043e\u0433\u0430\u043d\u0443 \u043f\u043e\u043c\u0456\u0447\u0430\u044e\u0442\u044c \u043e\u0434\u0440\u0430\u0437\u0443, \u0430\u043b\u0435 \u043b\u0456\u043a\u0443\u044e\u0442\u044c \u0437\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u043d\u0435 \u0442\u0430\u043c, \u0434\u0435 \u0431\u043e\u043b\u0438\u0442\u044c: \u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0441\u0442\u0438\u043b\u0456, \u043f\u0456\u0434\u043a\u043b\u044e\u0447\u0430\u044e\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442\u0438, \u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u043f\u043b\u0430\u0433\u0456\u043d\u0438 \u2014 \u0445\u043e\u0447\u0430 \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u0432 \u0434\u0432\u043e\u0445-\u0442\u0440\u044c\u043e\u0445 \u0445\u0438\u0431\u043d\u043e \u043e\u0431\u0440\u0430\u043d\u0438\u0445 \u0442\u0435\u0433\u0430\u0445.<\/p>\n<p>\u041f\u0435\u0440\u0435\u0432\u0456\u0440\u0442\u0435 \u0441\u0432\u043e\u044e \u0441\u0442\u043e\u0440\u0456\u043d\u043a\u0443 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0440\u0430\u0437: \u0432\u0456\u0434\u043a\u0440\u0438\u0439\u0442\u0435 \u0432\u0438\u0445\u0456\u0434\u043d\u0438\u0439 \u043a\u043e\u0434 \u0456 \u043f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f, \u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0432 \u043d\u044c\u043e\u043c\u0443 <code>&lt;div&gt;<\/code> \u0456 \u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0442\u0435\u0433\u0456\u0432 \u0437\u0456 \u0437\u043c\u0456\u0441\u0442\u043e\u043c. \u042f\u043a\u0449\u043e \u043f\u0435\u0440\u0448\u0438\u0445 \u0443\u0442\u0440\u0438\u0447\u0456 \u0431\u0456\u043b\u044c\u0448\u0435 \u2014 \u043f\u043e\u0447\u0438\u043d\u0430\u0439\u0442\u0435 \u0437 \u0446\u0456\u0454\u0457 \u0441\u0442\u0430\u0442\u0442\u0456 \u0437\u0433\u043e\u0440\u0438, \u0437\u0430 \u0440\u043e\u0437\u0434\u0456\u043b\u0430\u043c\u0438. \u041f\u0435\u0440\u0435\u043f\u0438\u0441\u0443\u0432\u0430\u0442\u0438 \u0432\u0435\u0441\u044c \u0441\u0430\u0439\u0442 \u043d\u0435 \u0434\u043e\u0432\u0435\u0434\u0435\u0442\u044c\u0441\u044f: \u0437\u0430\u0437\u0432\u0438\u0447\u0430\u0439 \u0434\u043e\u0441\u0442\u0430\u0442\u043d\u044c\u043e \u043f\u0435\u0440\u0435\u0439\u043c\u0435\u043d\u0443\u0432\u0430\u0442\u0438 \u043a\u0456\u043b\u044c\u043a\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0456\u0432 \u0456 \u0440\u043e\u0437\u0441\u0442\u0430\u0432\u0438\u0442\u0438 \u0437\u0430\u0431\u0443\u0442\u0456 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0438.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0423\u0441\u0456 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0456 \u0442\u0435\u0433\u0438 HTML5 \u0437 \u043f\u0440\u0438\u043a\u043b\u0430\u0434\u0430\u043c\u0438 \u043a\u043e\u0434\u0443 \u0442\u0430 \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\u043d\u0430 \u0440\u043e\u0437\u043c\u0456\u0442\u043a\u0430, \u0444\u043e\u0440\u043c\u0438, \u0442\u0430\u0431\u043b\u0438\u0446\u0456, \u043c\u0435\u0434\u0456\u0430 \u0439 \u0437\u0430\u0441\u0442\u0430\u0440\u0456\u043b\u0456 \u0442\u0435\u0433\u0438 \u0456\u0437 \u0437\u0430\u043c\u0456\u043d\u043e\u044e.<\/p>\n","protected":false},"author":3,"featured_media":12016,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[217],"tags":[],"class_list":["post-11967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-css-uk"],"acf":[],"_links":{"self":[{"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/posts\/11967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/comments?post=11967"}],"version-history":[{"count":2,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/posts\/11967\/revisions"}],"predecessor-version":[{"id":11979,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/posts\/11967\/revisions\/11979"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/media\/12016"}],"wp:attachment":[{"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/media?parent=11967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/categories?post=11967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webmister.pro\/uk\/wp-json\/wp\/v2\/tags?post=11967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}