{"id":102743,"date":"2025-03-23T04:04:53","date_gmt":"2025-03-22T23:34:53","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/"},"modified":"2025-03-23T04:04:53","modified_gmt":"2025-03-22T23:34:53","slug":"%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/","title":{"rendered":"\u0646\u062d\u0648\u0647 \u0646\u0648\u0634\u062a\u0646 \u06cc\u06a9 index.html \u062e\u0648\u0628"},"content":{"rendered":"<div data-article-id=\"2350699\" id=\"article-body\">\n<p>\u0647\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0628 \u062f\u0631 \u0622\u0646\u062c\u0627 \u0628\u0648\u062f\u0647 \u0627\u0633\u062a: \u0634\u0645\u0627 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062e\u0627\u0644\u06cc \u0628\u0647 \u0646\u0627\u0645 \u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u06cc\u062f <code>index.html<\/code>\u0628\u0634\u0631 \u0634\u0645\u0627 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u060c \u06a9\u062f\u0627\u0645 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u0646\u062f <code\/> again? Which are the meta tags that are best practice and which ones are deprecated?<\/p>\n<p>Recently, I found myself in this exact situation. My first instinct was to copy the head section from a previous project, but as I reviewed the code, I realized some tags were outdated or simply didn&#8217;t apply to my new project. What followed was a deep dive into HTML head tags \u2013 which ones are essential, which are optional, and which are just cluttering my code.<\/p>\n<p><strong>If you&#8217;re in a hurry and just want the template:<\/strong> You can find my complete starter template on GitHub. The repository contains two main files:<\/p>\n<ul>\n<li>\n<code>index.html<\/code>: \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u062a\u0645\u06cc\u0632 \u0648 \u0645\u06cc\u0646\u06cc\u0645\u0627\u0644\u06cc\u0633\u062a\u06cc \u0641\u0642\u0637 \u0628\u0627 \u0622\u0646\u0686\u0647 \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f \u0648 \u0645\u0648\u0627\u0631\u062f \u0627\u0636\u0627\u0641\u06cc \u063a\u06cc\u0631 \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a.<\/li>\n<li>\n<code>index-commented.html<\/code>: \u0647\u0645\u0627\u0646 \u0627\u0644\u06af\u0648\u06cc \u0627\u0645\u0627 \u0628\u0627 \u0646\u0638\u0631\u0627\u062a \u0645\u0641\u0635\u0644 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc \u062f\u0647\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0647\u0631 \u0628\u0631\u0686\u0633\u0628 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n<\/ul>\n<p>\u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u062f\u0631 \u0627\u0635\u0644 \u0634\u06cc\u0631\u062c\u0647 \u0639\u0645\u06cc\u0642 \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0627\u0632 <code>index-commented.html<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u060c \u0627\u0631\u0627\u0626\u0647 \u0632\u0645\u06cc\u0646\u0647 \u0648 \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0628\u06cc\u0634\u062a\u0631 \u0628\u0631\u0627\u06cc \u0647\u0631 \u062a\u0635\u0645\u06cc\u0645\u06cc \u06a9\u0647 \u062f\u0631 \u0627\u0644\u06af\u0648\u06cc \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a.<\/p>\n<p>\u0627\u06cc\u0646 \u0627\u0644\u06af\u0648\u06cc \u0646\u0634\u0627\u0646 \u062f\u0647\u0646\u062f\u0647 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0646\u0638\u0631 \u0645\u0646 \u067e\u0633 \u0627\u0632 \u062a\u062d\u0642\u06cc\u0642 \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647 \u0647\u0627\u06cc \u0641\u0639\u0644\u06cc \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0647\u062f\u0641 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0636\u0645\u0646 \u062d\u0641\u0638 \u0639\u0645\u0644\u06a9\u0631\u062f \u062e\u0648\u0628 \u060c \u062f\u0633\u062a\u0631\u0633\u06cc \u0648 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648 \u060c \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u0645\u062d\u06a9\u0645\u06cc \u0628\u0631\u0627\u06cc \u0627\u06a9\u062b\u0631 \u067e\u0631\u0648\u0698\u0647 \u0647\u0627\u06cc \u0648\u0628 \u0628\u0627\u0634\u062f.<\/p>\n<p>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u0628\u0647 \u0627\u062c\u0632\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u06cc\u06a9 \u0633\u0631 HTML \u062e\u0648\u0628 \u0633\u0627\u062e\u062a\u0627\u0631 \u06cc\u0627\u0641\u062a\u0647 \u0634\u06cc\u0631\u062c\u0647 \u0628\u0632\u0646\u06cc\u0645.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D8%A8%D8%B1%DA%86%D8%B3%D8%A8_%D9%87%D8%A7%DB%8C%DB%8C_%DA%A9%D9%87_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%AF%D8%B1_%D8%A2%D9%86_%D9%82%D8%B1%D8%A7%D8%B1_%D8%AF%D9%87%DB%8C%D8%AF\" >\u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#and_lang%22en%22_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%86%D9%88%D8%B9_%D9%88_%D8%B2%D8%A8%D8%A7%D9%86_%D8%B3%D9%86%D8%AF\" >and lang=\"en\": \u062a\u0646\u0638\u06cc\u0645 \u0646\u0648\u0639 \u0648 \u0632\u0628\u0627\u0646 \u0633\u0646\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%B9%D9%86%D9%88%D8%A7%D9%86_%D8%B5%D9%81%D8%AD%D9%87\" >: \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C_%D9%86%D9%85%D8%A7%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C_%D9%BE%D8%A7%D8%B3%D8%AE%DA%AF%D9%88\" >: \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0646\u0645\u0627\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u067e\u0627\u0633\u062e\u06af\u0648<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D8%A8%D8%A7_%D8%A8%D8%A7_%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA_%D8%B6%D8%B1%D9%88%D8%B1%DB%8C_%D9%85%D8%AA%D8%A7\" >\u0628\u0627 \u0628\u0627 : \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0645\u062a\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%A7%D8%B2_%D8%AC%D9%84%D9%88%DA%AF%DB%8C%D8%B1%DB%8C_%D8%A7%D8%B2_%D9%81%D9%87%D8%B1%D8%B3%D8%AA_%D8%A8%D9%86%D8%AF%DB%8C_%D8%AA%DA%A9%D8%B1%D8%A7%D8%B1%DB%8C\" >: \u0627\u0632 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0641\u0647\u0631\u0633\u062a \u0628\u0646\u062f\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D9%87%D8%A7%DB%8C_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_CSS_CSS_Inline_Critical_%D8%AF%D8%B1_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D8%B4%DB%8C%D9%88%D9%87_%D9%87%D8%A7%DB%8C_%D8%B3%D8%A8%DA%A9_%D8%AE%D8%A7%D8%B1%D8%AC%DB%8C\" >\u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc CSS: CSS Inline Critical \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0634\u06cc\u0648\u0647 \u0647\u0627\u06cc \u0633\u0628\u06a9 \u062e\u0627\u0631\u062c\u06cc<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%B1%D9%88%D8%B4%D9%87%D8%A7\" >: \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u0647\u0627<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D8%A8%D8%B1%DA%86%D8%B3%D8%A8_%D9%87%D8%A7%DB%8C%DB%8C_%DA%A9%D9%87_%D8%B4%D8%A7%DB%8C%D8%AF_%D8%B4%D9%85%D8%A7_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%B4%D8%A7%D9%85%D9%84_%D8%B4%D9%88%D8%AF\" >\u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0634\u0627\u06cc\u062f \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0634\u0627\u0645\u0644 \u0634\u0648\u062f<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%B1%D9%85%D8%B2%DA%AF%D8%B0%D8%A7%D8%B1%DB%8C_%D8%B4%D8%AE%D8%B5%DB%8C%D8%AA\" >: \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\u062a<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%AA%D8%B9%D8%B1%DB%8C%D9%81_URL_%D9%BE%D8%A7%DB%8C%D9%87\" >: \u062a\u0639\u0631\u06cc\u0641 URL \u067e\u0627\u06cc\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%AC%D8%B2%D8%A6%DB%8C%D8%A7%D8%AA_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87\" >: \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u0631\u0646\u0627\u0645\u0647<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%B1%D9%86%DA%AF_%D8%AA%D9%85_UI_%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1\" >: \u0631\u0646\u06af \u062a\u0645 UI \u0645\u0631\u0648\u0631\u06af\u0631<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D8%A7%D8%B2_%D8%AD%D8%A7%D9%84%D8%AA_%D9%86%D9%88%D8%B1_%D9%88_%D8%AA%D8%A7%D8%B1%DB%8C%DA%A9\" >: \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u062d\u0627\u0644\u062a \u0646\u0648\u0631 \u0648 \u062a\u0627\u0631\u06cc\u06a9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%A7%D8%AF%D8%BA%D8%A7%D9%85_%D8%B1%D8%B3%D8%A7%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C_%D8%A8%D8%A7_%D9%86%D9%85%D9%88%D8%AF%D8%A7%D8%B1_%D8%A8%D8%A7%D8%B2\" >: \u0627\u062f\u063a\u0627\u0645 \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0628\u0627 \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0627\u0632<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D9%88%D8%AA_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%88_%D8%AD%D9%85%D8%A7%DB%8C%D8%AA_%D8%A7%D8%B2_PWA\" >\u0648\u062a : \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u062d\u0645\u0627\u06cc\u062a \u0627\u0632 PWA<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D9%85%D8%AD%D8%AA%D9%88%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B3%D8%A7%DB%8C%D8%AA_%D8%AE%D9%88%D8%AF_%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86_%DA%A9%D9%86%DB%8C%D8%AF\" >: \u0627\u0646\u0648\u0627\u0639 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D8%A8%D8%A7_%D8%A8%D8%A7_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%85%D9%86%D8%A7%D8%A8%D8%B9\" >\u0628\u0627 \u0628\u0627 : \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0627\u0628\u0639<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\" >\u067e\u0627\u06cc\u0627\u0646<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/nabfollower.com\/blog\/%d9%86%d8%ad%d9%88%d9%87-%d9%86%d9%88%d8%b4%d8%aa%d9%86-%db%8c%da%a9-index-html-%d8%ae%d9%88%d8%a8\/#%D9%85%D9%86%D8%A7%D8%A8%D8%B9\" >\u0645\u0646\u0627\u0628\u0639<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A8%D8%B1%DA%86%D8%B3%D8%A8_%D9%87%D8%A7%DB%8C%DB%8C_%DA%A9%D9%87_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%AF%D8%B1_%D8%A2%D9%86_%D9%82%D8%B1%D8%A7%D8%B1_%D8%AF%D9%87%DB%8C%D8%AF\"><\/span>\n<p>  \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0628\u0627\u06cc\u062f \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u0647\u0631 \u0633\u0646\u062f HTML \u06a9\u0647 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0648\u062c\u0648\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0622\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u0646\u0627\u0633\u0628 \u060c \u0633\u0626\u0648 \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc \u0645\u0646\u0627\u0633\u0628 \u0647\u0633\u062a\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"and_lang%22en%22_%D8%AA%D9%86%D8%B8%DB%8C%D9%85_%D9%86%D9%88%D8%B9_%D9%88_%D8%B2%D8%A8%D8%A7%D9%86_%D8%B3%D9%86%D8%AF\"><\/span>\n<p>  <code\/> and <code>lang=\"en\"<\/code>: \u062a\u0646\u0638\u06cc\u0645 \u0646\u0648\u0639 \u0648 \u0632\u0628\u0627\u0646 \u0633\u0646\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"cp\"\/>\n<span class=\"nt\"> <span class=\"na\">lang=<\/span><span class=\"s\">\"en\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0647\u0645\u06cc\u0634\u0647 \u0633\u0646\u062f HTML \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u0627\u0639\u0644\u0627\u0645\u06cc\u0647 Doctype \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u062f\u0627\u0645 \u0646\u0633\u062e\u0647 \u0627\u0632 HTML \u0631\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f (\u062f\u0631 \u0627\u06cc\u0646 \u062d\u0627\u0644\u062a HTML5) \u0648 \u0628\u0647 \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u0631\u0627\u0626\u0647 \u0645\u062f\u0627\u0648\u0645 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f. \u062f\u0631 <code>lang<\/code> \u0648\u06cc\u0698\u06af\u06cc \u062f\u0631 <code\/> tag specifies the language of your page &#8211; this is crucial for screen readers, search engines, and browsers. If your content is in a different language, change the code accordingly (e.g., <code>lang=\"es\"<\/code> \u0628\u0631\u0627\u06cc \u0627\u0633\u067e\u0627\u0646\u06cc\u0627\u06cc\u06cc)<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%B9%D9%86%D9%88%D8%A7%D9%86_%D8%B5%D9%81%D8%AD%D9%87\"><\/span>\n<p>  <code><title\/><\/code>: \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><title\/><\/span>Hello world!<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0647\u0631 \u0633\u0646\u062f HTML \u0628\u0627\u06cc\u062f \u06cc\u06a9 \u0628\u0631\u0686\u0633\u0628 \u0639\u0646\u0648\u0627\u0646 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f. \u0627\u06cc\u0646 \u0645\u062a\u0646 \u062f\u0631 \u0632\u0628\u0627\u0646\u0647 \u0647\u0627\u06cc \u0645\u0631\u0648\u0631\u06af\u0631 \u060c \u0646\u0634\u0627\u0646\u06a9 \u0647\u0627 \u0648 \u0646\u062a\u0627\u06cc\u062c \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f. \u0639\u0646\u0627\u0648\u06cc\u0646 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 \u062a\u0648\u0635\u06cc\u0641 \u062f\u0631 \u0639\u06cc\u0646 \u062d\u0627\u0644 \u0645\u062e\u062a\u0635\u0631 \u060c \u062f\u0631 \u062d\u0627\u0644\u062a \u0627\u06cc\u062f\u0647 \u0622\u0644 \u0632\u06cc\u0631 60 \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f. \u06cc\u06a9 \u0639\u0646\u0648\u0627\u0646 \u062e\u0648\u0628 \u0647\u0645 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0631\u0627 \u062f\u0631 \u0645\u0648\u0631\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0622\u06af\u0627\u0647 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0634\u0627\u0645\u0644 \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u0628\u0631\u0627\u06cc SEO \u0627\u0633\u062a.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D9%BE%DB%8C%DA%A9%D8%B1%D8%A8%D9%86%D8%AF%DB%8C_%D9%86%D9%85%D8%A7%DB%8C_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C_%D9%BE%D8%A7%D8%B3%D8%AE%DA%AF%D9%88\"><\/span>\n<p>  <code><meta name=\"viewport\"\/><\/code>: \u067e\u06cc\u06a9\u0631\u0628\u0646\u062f\u06cc \u0646\u0645\u0627\u06cc \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u067e\u0627\u0633\u062e\u06af\u0648<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u0627\u0645\u0631\u0648\u0632 \u060c \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0645\u062a\u0627 \u063a\u06cc\u0631 \u0642\u0627\u0628\u0644 \u0645\u0630\u0627\u06a9\u0631\u0647 \u0627\u0633\u062a. \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0627\u0628\u0639\u0627\u062f \u0648 \u0645\u0642\u06cc\u0627\u0633 \u0628\u0646\u062f\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u0646\u062f. \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0622\u0646\u0686\u0647 \u0631\u0627 \u06a9\u0647 \u0647\u0631 \u067e\u0627\u0631\u0627\u0645\u062a\u0631 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc \u062f\u0647\u062f \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u06cc\u0645:<\/p>\n<ul>\n<li>\n<code>viewport-fit=cover<\/code>: \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627 \u062a\u0627 \u0644\u0628\u0647 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u06af\u0633\u062a\u0631\u0634 \u06cc\u0627\u0628\u062f (\u0645\u062e\u0635\u0648\u0635\u0627\u064b \u0628\u0631\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0627\u06cc \u0634\u06a9\u0627\u0641 \u062f\u0627\u0631)<\/li>\n<li>\n<code>width=device-width<\/code>: \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u062f\u0633\u062a\u06af\u0627\u0647 \u0631\u0627 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0646\u062f<\/li>\n<li>\n<code>initial-scale=1.0<\/code>: \u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0635\u0641\u062d\u0647 \u060c \u0633\u0637\u062d \u0628\u0632\u0631\u06af\u0646\u0645\u0627\u06cc\u06cc \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u062f<\/li>\n<li>\n<code>minimum-scale=1.0<\/code>: \u0627\u0632 \u0628\u0632\u0631\u06af\u0646\u0645\u0627\u06cc\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f<\/li>\n<li>\n<code>maximum-scale=5.0<\/code>: \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u062d\u062f\u0627\u06a9\u062b\u0631 5 \u0628\u0631\u0627\u0628\u0631 \u0628\u0632\u0631\u06af\u0646\u0645\u0627\u06cc\u06cc \u06a9\u0646\u0646\u062f (\u0645\u062d\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0627\u0645\u0631 \u0628\u0647 \u0637\u0648\u0631 \u06a9\u0627\u0645\u0644 \u0628\u0647 \u062f\u0633\u062a\u0631\u0633\u06cc \u0622\u0633\u06cc\u0628 \u0645\u06cc \u0631\u0633\u0627\u0646\u062f)<\/li>\n<\/ul>\n<p>\u0628\u062f\u0648\u0646 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u060c \u062f\u0633\u062a\u06af\u0627\u0647 \u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u0635\u0641\u062d\u0627\u062a \u0631\u0627 \u0628\u0627 \u0639\u0631\u0636 \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0633\u06a9 \u062a\u0627\u067e \u0645\u0639\u0645\u0648\u0644\u06cc \u0642\u0631\u0627\u0631 \u0645\u06cc \u062f\u0647\u0646\u062f \u0648 \u0633\u067e\u0633 \u0622\u0646\u0647\u0627 \u0631\u0627 \u067e\u0627\u06cc\u06cc\u0646 \u0645\u06cc \u0622\u0648\u0631\u0646\u062f \u0648 \u062f\u0631 \u0646\u062a\u06cc\u062c\u0647 \u0645\u062a\u0646 \u06a9\u0648\u0686\u06a9 \u0648 \u063a\u06cc\u0631\u0642\u0627\u0628\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0648 \u0648\u0627\u062f\u0627\u0631 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u0647 \u0632\u0648\u0645 \u0648 \u062a\u0627\u0628\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A8%D8%A7_%D8%A8%D8%A7_%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA_%D8%B6%D8%B1%D9%88%D8%B1%DB%8C_%D9%85%D8%AA%D8%A7\"><\/span>\n<p>  <code><meta name=\"description\"\/><\/code>\u0628\u0627 <code><meta name=\"keywords\"\/><\/code>\u0628\u0627 <code><meta name=\"author\"\/><\/code>: \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0636\u0631\u0648\u0631\u06cc \u0645\u062a\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"description\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"keywords\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"author\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0645\u062a\u0627 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0645\u0647\u0645\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u0646\u062f:<\/p>\n<ul>\n<li>\n<code>description<\/code>: \u062e\u0644\u0627\u0635\u0647 \u0627\u06cc \u0645\u062e\u062a\u0635\u0631 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 (\u062f\u0631 \u062d\u0627\u0644\u062a \u0627\u06cc\u062f\u0647 \u0622\u0644 150-160 \u0646\u0648\u06cc\u0633\u0647). \u0627\u06cc\u0646 \u0627\u063a\u0644\u0628 \u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648 \u062f\u0631 \u0632\u06cc\u0631 \u0639\u0646\u0648\u0627\u0646 \u0634\u0645\u0627 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<li>\n<code>keywords<\/code>: \u06a9\u0644\u0645\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u0645\u0631\u0628\u0648\u0637\u0647 \u0628\u0631\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0634\u0645\u0627. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0631\u0648\u0632\u0647\u0627 \u0628\u0631\u0627\u06cc Google \u0627\u0632 \u0627\u0647\u0645\u06cc\u062a \u06a9\u0645\u062a\u0631\u06cc \u0628\u0631\u062e\u0648\u0631\u062f\u0627\u0631 \u0627\u0633\u062a \u060c \u0633\u0627\u06cc\u0631 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0648 \u062e\u0632\u0646\u062f\u0647 \u0647\u0627 \u0647\u0646\u0648\u0632 \u0647\u0645 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0646\u062f.<\/li>\n<li>\n<code>author<\/code>: \u0646\u0627\u0645 \u0641\u0631\u062f\u06cc \u06cc\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a.<\/li>\n<\/ul>\n<p>\u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u0631\u0648\u06cc \u0635\u0641\u062d\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0623\u062b\u06cc\u0631 \u0646\u0645\u06cc \u06af\u0630\u0627\u0631\u0646\u062f \u060c \u0628\u0631\u0627\u06cc \u0637\u0628\u0642\u0647 \u0628\u0646\u062f\u06cc \u0633\u0626\u0648 \u0648 \u0645\u062d\u062a\u0648\u0627 \u0628\u0633\u06cc\u0627\u0631 \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0647\u0633\u062a\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%A7%D8%B2_%D8%AC%D9%84%D9%88%DA%AF%DB%8C%D8%B1%DB%8C_%D8%A7%D8%B2_%D9%81%D9%87%D8%B1%D8%B3%D8%AA_%D8%A8%D9%86%D8%AF%DB%8C_%D8%AA%DA%A9%D8%B1%D8%A7%D8%B1%DB%8C\"><\/span>\n<p>  <code><link rel=\"canonical\"\/><\/code>: \u0627\u0632 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0641\u0647\u0631\u0633\u062a \u0628\u0646\u062f\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"canonical\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0628\u0647 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u0631\u0633\u06cc \u0627\u0632 \u0637\u0631\u06cc\u0642 URL \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u060c \u0686\u0646\u062f\u06cc\u0646 \u0628\u0627\u0631 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0647 \u0633\u0627\u0632\u06cc \u0645\u062d\u062a\u0648\u0627 \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u06a9\u0646\u0646\u062f. \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 \u060c \u0627\u06af\u0631 \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0627\u0632 \u0637\u0631\u06cc\u0642 \u0686\u0646\u062f\u06cc\u0646 URL \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0627\u0634\u062f (\u0645\u0627\u0646\u0646\u062f <code>example.com\/page<\/code> \u0648\u062a <code>example.com\/page\/index.html<\/code>) \u060c \u0628\u0631\u0686\u0633\u0628 Canonical \u0628\u0647 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u0647 URL \u0646\u0633\u062e\u0647 &#8220;\u0631\u0633\u0645\u06cc&#8221; \u0628\u0631\u0627\u06cc \u0641\u0647\u0631\u0633\u062a \u0628\u0646\u062f\u06cc \u0627\u0633\u062a \u0648 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0647 \u0633\u0627\u0632\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0647 \u0631\u062a\u0628\u0647 \u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648\u06cc \u0634\u0645\u0627 \u0622\u0633\u06cc\u0628 \u0628\u0631\u0633\u0627\u0646\u062f \u060c \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<p>\u067e\u0631 \u06a9\u0631\u062f\u0646 <code>href<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0628\u0627 URL \u0627\u0635\u0644\u06cc \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0628\u0631\u0627\u06cc \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627 \u0627\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627 \u0628\u0627\u0634\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D9%87%D8%A7%DB%8C_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_CSS_CSS_Inline_Critical_%D8%AF%D8%B1_%D9%85%D9%82%D8%A7%D8%A8%D9%84_%D8%B4%DB%8C%D9%88%D9%87_%D9%87%D8%A7%DB%8C_%D8%B3%D8%A8%DA%A9_%D8%AE%D8%A7%D8%B1%D8%AC%DB%8C\"><\/span>\n<p>  \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0647\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc CSS: CSS Inline Critical \u062f\u0631 \u0645\u0642\u0627\u0628\u0644 \u0634\u06cc\u0648\u0647 \u0647\u0627\u06cc \u0633\u0628\u06a9 \u062e\u0627\u0631\u062c\u06cc<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"\/>\n  <span class=\"nt\">body<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nl\">background<\/span><span class=\"p\">:<\/span> <span class=\"m\">#fefefe<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">color<\/span><span class=\"p\">:<\/span> <span class=\"m\">#222<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">font-family<\/span><span class=\"p\">:<\/span> <span class=\"s2\">'Roboto'<\/span><span class=\"p\">,<\/span> <span class=\"nb\">sans-serif<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">padding<\/span><span class=\"p\">:<\/span> <span class=\"m\">1rem<\/span><span class=\"p\">;<\/span>\n    <span class=\"nl\">line-height<\/span><span class=\"p\">:<\/span> <span class=\"m\">1.8<\/span><span class=\"p\">;<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"nt\"\/>\n<span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"preload\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"main.css\"<\/span> <span class=\"na\">as=<\/span><span class=\"s\">\"style\"<\/span> <span class=\"na\">onload=<\/span><span class=\"s\">\"this.onload=null;this.rel=\"stylesheet\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><noscript><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"main.css\"<\/span><span class=\"nt\">&gt;<\/span><\/noscript><\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0631\u0627\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc CSS \u0639\u0645\u0644\u06a9\u0631\u062f \u0631\u0627 \u0627\u0632 \u062f\u0648 \u0637\u0631\u06cc\u0642 \u0628\u0647\u06cc\u0646\u0647 \u0645\u06cc \u06a9\u0646\u062f:<\/p>\n<ol>\n<li>\n<strong>CSS \u0628\u062d\u0631\u0627\u0646\u06cc \u062f\u0631\u0648\u0646 \u062e\u0637\u06cc<\/strong>: \u0628\u0627 \u062a\u0639\u0628\u06cc\u0647 \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0636\u0631\u0648\u0631\u06cc \u0628\u0647 \u0637\u0648\u0631 \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 \u0633\u0646\u062f HTML \u060c \u0627\u0632 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0634\u0628\u06a9\u0647 \u0627\u0636\u0627\u0641\u06cc \u06a9\u0647 \u0645\u0627\u0646\u0639 \u0627\u0631\u0627\u0626\u0647 \u0622\u0646 \u0645\u06cc \u0634\u0648\u062f \u060c \u062e\u0648\u062f\u062f\u0627\u0631\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u0633\u0628\u06a9 \u0647\u0627\u06cc \u0628\u062d\u0631\u0627\u0646\u06cc \u0628\u0647 \u0633\u0631\u0639\u062a \u0633\u0631\u06cc\u0639 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0634\u0648\u062f \u0648 \u0627\u0632 \u0641\u0644\u0627\u0634 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u06cc \u0646\u0638\u06cc\u0631 (FOUC) \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0647\u0646\u06af\u0627\u0645 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0633\u0628\u06a9 \u0647\u0627 \u0628\u0639\u062f \u0627\u0632 \u0645\u062d\u062a\u0648\u0627 \u0631\u062e \u062f\u0647\u062f.<\/li>\n<li>\n<strong>\u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0627\u0647\u0645\u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc CS \u0647\u0627\u06cc \u063a\u06cc\u0631 \u0628\u062d\u0631\u0627\u0646\u06cc<\/strong>: \u062a\u06a9\u0646\u06cc\u06a9 Preload \u0628\u0627 Handler Onload \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627 \u0628\u0631\u06af\u0647 \u0627\u0635\u0644\u06cc \u0628\u062f\u0648\u0646 \u0645\u0633\u062f\u0648\u062f \u06a9\u0631\u062f\u0646 \u0631\u0646\u062f\u0631 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u062f\u0627\u0646 \u0645\u0639\u0646\u0627\u0633\u062a \u06a9\u0647 \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0646\u0645\u0627\u06cc\u0634 \u0631\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u062f \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0642\u06cc\u0647 \u0633\u0628\u06a9 \u0647\u0627 \u0647\u0646\u0648\u0632 \u062f\u0631 \u062d\u0627\u0644 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0647\u0633\u062a\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u0646\u062f. \u0628\u0631\u0686\u0633\u0628 NoScript \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u062f\u0627\u0631\u0627\u06cc \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 JavaScript \u06cc\u06a9 \u0639\u0642\u0628 \u0646\u0634\u06cc\u0646\u06cc \u0641\u0631\u0627\u0647\u0645 \u0645\u06cc \u06a9\u0646\u062f.<\/li>\n<\/ol>\n<p>\u0627\u0632 \u0637\u0631\u0641 \u062f\u06cc\u06af\u0631 \u060c \u0627\u06af\u0631 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u06cc\u06a9 \u0638\u0627\u0647\u0631 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u062f\u0631 \u0628\u0627\u0644\u0627\u06cc \u0628\u0631\u0627\u0628\u0631 \u0646\u062f\u0627\u0631\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0631\u0648\u06cc\u06a9\u0631\u062f \u0633\u0627\u062f\u0647 \u062a\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><link\/> <span class=\"na\">href=<\/span><span class=\"s\">\"main.css\"<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0633\u0627\u062f\u0647 \u062a\u0631 \u0627\u0633\u062a \u0627\u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0627\u0631\u0627\u0626\u0647 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u06a9\u0646\u062f \u06a9\u0646\u062f \u0632\u06cc\u0631\u0627 \u0645\u0631\u0648\u0631\u06af\u0631 \u0642\u0628\u0644 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627 \u0628\u0627\u06cc\u062f CSS \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u062a\u062c\u0632\u06cc\u0647 \u06a9\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%A8%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C_%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%B1%D9%88%D8%B4%D9%87%D8%A7\"><\/span>\n<p>  <code><script\/><\/code>: \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0647\u062a\u0631\u06cc\u0646 \u0631\u0648\u0634\u0647\u0627\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><script><![CDATA[<span class=\"na\">type=]]><\/script><\/span><span class=\"s\">\"module\"<\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"app.js\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u060c <code>type=\"module\"<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0686\u0646\u062f\u06cc\u0646 \u0645\u0632\u06cc\u062a \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n<ul>\n<li>\u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0631\u0627 \u062a\u0627 \u0632\u0645\u0627\u0646 \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0646 DOM \u06a9\u0627\u0647\u0634 \u0645\u06cc \u062f\u0647\u062f<\/li>\n<li>\u0645\u0627\u0698\u0648\u0644 \u0647\u0627\u06cc ECMAScript \u0631\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0628\u0647\u062a\u0631 \u06a9\u062f \u0641\u0639\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f<\/li>\n<li>\u0628\u0647 \u0637\u0648\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062f\u0631 \u062d\u0627\u0644\u062a \u0633\u062e\u062a \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f<\/li>\n<li>\u0645\u062f\u06cc\u0631\u06cc\u062a \u0648\u0627\u0628\u0633\u062a\u06af\u06cc \u067e\u0627\u06a9 \u06a9\u0646\u0646\u062f\u0647 \u0631\u0627 \u0627\u0645\u06a9\u0627\u0646 \u067e\u0630\u06cc\u0631 \u0645\u06cc \u06a9\u0646\u062f<\/li>\n<\/ul>\n<p>\u0628\u0631\u0627\u06cc \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 DOM \u0648\u0627\u0628\u0633\u062a\u0647 \u0646\u06cc\u0633\u062a\u0646\u062f \u0648 \u0628\u0627\u06cc\u062f \u062f\u0631 \u0627\u0633\u0631\u0639 \u0648\u0642\u062a \u0627\u062c\u0631\u0627 \u0634\u0648\u0646\u062f \u060c \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f <code>async<\/code> \u0648\u06cc\u0698\u06af\u06cc:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><script><![CDATA[<span class=\"na\">type=]]><\/script><\/span><span class=\"s\">\"module\"<\/span> <span class=\"na\">async<\/span> <span class=\"na\">src=<\/span><span class=\"s\">\"analytics.js\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0639\u0644\u0627\u0648\u0647 \u0628\u0631 \u0627\u06cc\u0646 \u060c \u062b\u0628\u062a \u0646\u0627\u0645 \u06cc\u06a9 \u06a9\u0627\u0631\u06af\u0631 \u062e\u062f\u0645\u0627\u062a \u0628\u0631\u0627\u06cc \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0622\u0641\u0644\u0627\u06cc\u0646 \u062e\u0648\u0628 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><script\/><\/span>\n  <span class=\"k\">if <\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">serviceWorker<\/span><span class=\"dl\">'<\/span> <span class=\"k\">in<\/span> <span class=\"nb\">navigator<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nb\">window<\/span><span class=\"p\">.<\/span><span class=\"nf\">addEventListener<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">load<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"nb\">navigator<\/span><span class=\"p\">.<\/span><span class=\"nx\">serviceWorker<\/span><span class=\"p\">.<\/span><span class=\"nf\">register<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">\/service-worker.js<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">}<\/span>\n<span class=\"nt\"\/>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u062f\u0648\u0646 \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a <code>defer<\/code> \u06cc\u0627 <code>async<\/code> \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062f\u0631 \u0627\u0633\u0631\u0639 \u0648\u0642\u062a \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0622\u0641\u0644\u0627\u06cc\u0646 \u0631\u0627 \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0635\u0641\u062d\u0647 \u0641\u0639\u0627\u0644 \u0645\u06cc \u06a9\u0646\u062f. \u06a9\u0627\u0631\u06af\u0631 \u0633\u0631\u0648\u06cc\u0633 \u062f\u0631 \u067e\u0633 \u0632\u0645\u06cc\u0646\u0647 \u060c \u0645\u0633\u062a\u0642\u0644 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0648\u0628 \u0634\u0645\u0627 \u0627\u062c\u0631\u0627 \u0645\u06cc \u0634\u0648\u062f \u0648 \u0628\u0647 \u0622\u0646 \u0627\u0645\u06a9\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0647\u0627\u06cc \u0634\u0628\u06a9\u0647 \u0648 \u062d\u0627\u0641\u0638\u0647 \u067e\u0646\u0647\u0627\u0646 \u0631\u0627 \u062d\u062a\u06cc \u062f\u0631 \u0635\u0648\u0631\u062a \u062d\u0631\u06a9\u062a \u06a9\u0627\u0631\u0628\u0631 \u0627\u0632 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A8%D8%B1%DA%86%D8%B3%D8%A8_%D9%87%D8%A7%DB%8C%DB%8C_%DA%A9%D9%87_%D8%B4%D8%A7%DB%8C%D8%AF_%D8%B4%D9%85%D8%A7_%D8%A8%D8%A7%DB%8C%D8%AF_%D8%B4%D8%A7%D9%85%D9%84_%D8%B4%D9%88%D8%AF\"><\/span>\n<p>  \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0634\u0627\u06cc\u062f \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0634\u0627\u0645\u0644 \u0634\u0648\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a\u0646\u062f \u0627\u0645\u0627 \u062f\u0631 \u0645\u0648\u0642\u0639\u06cc\u062a \u0647\u0627\u06cc \u062e\u0627\u0635 \u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f \u0628\u0627 \u0627\u0631\u0632\u0634 \u0628\u0627\u0634\u0646\u062f. \u0622\u0646\u0647\u0627 \u0631\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632 \u067e\u0631\u0648\u0698\u0647 \u062e\u0648\u062f \u062f\u0631\u062c \u06a9\u0646\u06cc\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%B1%D9%85%D8%B2%DA%AF%D8%B0%D8%A7%D8%B1%DB%8C_%D8%B4%D8%AE%D8%B5%DB%8C%D8%AA\"><\/span>\n<p>  <code><meta charset=\"utf-8\"\/><\/code>: \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\u062a<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">charset=<\/span><span class=\"s\">\"utf-8\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0645\u062a\u0627 \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631 \u0628\u0631\u0627\u06cc \u0633\u0646\u062f HTML \u0634\u0645\u0627 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u062f. UTF-8 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u0631\u0645\u0632\u06af\u0630\u0627\u0631\u06cc \u0634\u062e\u0635\u06cc\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u062f\u0631 HTML5 \u0627\u0633\u062a \u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u062f\u0631 \u0628\u0633\u06cc\u0627\u0631\u06cc \u0627\u0632 \u0645\u0648\u0627\u0631\u062f \u06a9\u0627\u0645\u0644\u0627\u064b \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a. \u0628\u0627 \u0627\u06cc\u0646 \u062d\u0627\u0644 \u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0622\u0646 \u0635\u0631\u06cc\u062d\u0627\u064b \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0631\u0627 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0627\u0632 \u0645\u0634\u06a9\u0644\u0627\u062a \u0628\u0627\u0644\u0642\u0648\u0647 \u0627\u0631\u0627\u0626\u0647 \u0634\u062e\u0635\u06cc\u062a \u060c \u0628\u0647 \u0648\u06cc\u0698\u0647 \u0628\u0627 \u0634\u062e\u0635\u06cc\u062a \u0647\u0627\u06cc \u062e\u0627\u0635 \u06cc\u0627 \u0627\u0644\u0641\u0628\u0627\u06cc \u063a\u06cc\u0631 \u0644\u0627\u062a\u06cc\u0646 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%AA%D8%B9%D8%B1%DB%8C%D9%81_URL_%D9%BE%D8%A7%DB%8C%D9%87\"><\/span>\n<p>  <code><base href=\"https:\/\/dev.to\/\"\/><\/code>: \u062a\u0639\u0631\u06cc\u0641 URL \u067e\u0627\u06cc\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><base\/> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/dev.to\/\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0686\u0633\u0628 \u067e\u0627\u06cc\u0647 URL \u067e\u0627\u06cc\u0647 \u0631\u0627 \u0628\u0631\u0627\u06cc \u06a9\u0644\u06cc\u0647 URL \u0647\u0627\u06cc \u0646\u0633\u0628\u06cc \u062f\u0631 \u06cc\u06a9 \u0633\u0646\u062f \u0645\u0634\u062e\u0635 \u0645\u06cc \u06a9\u0646\u062f. \u0627\u06af\u0631 \u062a\u0645\u0627\u0645 URL \u0647\u0627\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u0646\u0633\u0628\u062a \u0628\u0647 \u0645\u0633\u06cc\u0631 \u0631\u06cc\u0634\u0647 (&#8220;https:\/\/dev.to\/&#8221;) \u0646\u0633\u0628\u062a \u0628\u0647 \u0645\u0633\u06cc\u0631 \u0631\u06cc\u0634\u0647 \u062f\u0627\u0631\u0646\u062f \u060c \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u0634\u0627\u0645\u0644 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0646\u06cc\u0633\u062a. \u0627\u06cc\u0646 \u062f\u0631 \u062f\u0631\u062c\u0647 \u0627\u0648\u0644 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a \u06a9\u0647 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u06cc\u06a9 \u0632\u06cc\u0631\u0645\u062c\u0645\u0648\u0639\u0647 \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u0634\u0648\u062f \u0627\u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0645\u0633\u06cc\u0631\u0647\u0627 \u0646\u0633\u0628\u062a \u0628\u0647 \u0631\u06cc\u0634\u0647 \u062f\u0627\u0645\u0646\u0647 \u06cc\u0627 \u0647\u0646\u06af\u0627\u0645 \u062a\u0647\u06cc\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u062a\u06a9 \u0635\u0641\u062d\u0647 \u0627\u06cc \u0628\u0627 \u0645\u0633\u06cc\u0631\u06cc\u0627\u0628\u06cc \u0633\u0645\u062a \u0645\u0634\u062a\u0631\u06cc \u0628\u0627\u0634\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%AC%D8%B2%D8%A6%DB%8C%D8%A7%D8%AA_%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D9%87\"><\/span>\n<p>  <code><meta name=\"application-name\"\/><\/code>: \u062c\u0632\u0626\u06cc\u0627\u062a \u0628\u0631\u0646\u0627\u0645\u0647<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"application-name\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06af\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0645\u062a\u0631\u0642\u06cc \u0634\u0645\u0627 (PWA) \u0628\u0627\u06cc\u062f \u0646\u0627\u0645 \u0645\u062a\u0641\u0627\u0648\u062a\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u0622\u0646\u0686\u0647 \u062f\u0631 \u0628\u0631\u0686\u0633\u0628 \u0639\u0646\u0648\u0627\u0646 \u0634\u0645\u0627 \u0645\u0634\u062e\u0635 \u0634\u062f\u0647 \u0627\u0633\u062a \u060c \u0627\u0632 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0645\u062a\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0646\u0627\u0645 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0646\u0635\u0628 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0634\u0645\u0627 \u0628\u0631 \u0631\u0648\u06cc \u06cc\u06a9 \u062f\u0633\u062a\u06af\u0627\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f \u06cc\u0627 \u0628\u0647 \u0645\u0646\u0648\u06cc \u0634\u0631\u0648\u0639 \u06a9\u0627\u0631\u0628\u0631 \u06cc\u0627 \u0646\u0648\u0627\u0631 \u0648\u0638\u06cc\u0641\u0647 \u0645\u06cc \u0686\u0633\u0628\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%B1%D9%86%DA%AF_%D8%AA%D9%85_UI_%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1\"><\/span>\n<p>  <code><meta name=\"theme-color\"\/><\/code>: \u0631\u0646\u06af \u062a\u0645 UI \u0645\u0631\u0648\u0631\u06af\u0631<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"theme-color\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"#33d\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0645\u062a\u0627 \u0631\u0646\u06af\u06cc \u0631\u0627 \u06a9\u0647 \u062a\u0648\u0633\u0637 \u0646\u0645\u0627\u06cc\u0646\u062f\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062f\u0631 \u0639\u0646\u0627\u0635\u0631 UI \u062f\u0631 \u0627\u0637\u0631\u0627\u0641 \u0635\u0641\u062d\u0647 \u0634\u0645\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u0645\u0627\u0646\u0646\u062f \u0646\u0648\u0627\u0631 \u0622\u062f\u0631\u0633 \u0645\u0631\u0648\u0631\u06af\u0631 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647 \u06cc\u0627 \u0646\u0648\u0627\u0631 \u0639\u0646\u0648\u0627\u0646 \u062f\u0631 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627\u06cc \u062f\u0633\u06a9 \u062a\u0627\u067e \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc \u06a9\u0646\u062f. \u0631\u0646\u06af\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0647\u0648\u06cc\u062a \u0628\u0631\u0646\u062f \u0634\u0645\u0627 \u0631\u0627 \u0645\u0646\u0639\u06a9\u0633 \u06a9\u0646\u062f \u062a\u0627 \u06cc\u06a9 \u062a\u062c\u0631\u0628\u0647 \u062a\u0635\u0648\u06cc\u0631\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u062a\u0631 \u0627\u06cc\u062c\u0627\u062f \u0634\u0648\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D8%A7%D8%B2_%D8%AD%D8%A7%D9%84%D8%AA_%D9%86%D9%88%D8%B1_%D9%88_%D8%AA%D8%A7%D8%B1%DB%8C%DA%A9\"><\/span>\n<p>  <code><meta name=\"color-scheme\"\/><\/code>: \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u062d\u0627\u0644\u062a \u0646\u0648\u0631 \u0648 \u062a\u0627\u0631\u06cc\u06a9<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"color-scheme\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"light dark\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06af\u0631 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u0632 \u062d\u0627\u0644\u062a \u0646\u0648\u0631 \u060c \u062d\u0627\u0644\u062a \u062a\u0627\u0631\u06cc\u06a9 \u06cc\u0627 \u0647\u0631 \u062f\u0648 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u062f \u060c \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u0637\u0644\u0627\u0639 \u0645\u06cc \u062f\u0647\u062f. \u0645\u0642\u062f\u0627\u0631 <code>\"light dark\"<\/code> \u0628\u0647 \u0627\u06cc\u0646 \u0645\u0639\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0647\u0631 \u062f\u0648 \u0637\u0631\u062d \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u0646\u062f \u0648 \u0646\u0648\u0631 \u062a\u0631\u062c\u06cc\u062d \u062f\u0627\u062f\u0647 \u0645\u06cc \u0634\u0648\u062f. \u0627\u06cc\u0646 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u062f\u0631 \u0637\u0631\u062d \u0631\u0646\u06af\u06cc \u0645\u0646\u0627\u0633\u0628 \u060c \u06a9\u0646\u062a\u0631\u0644 \u0647\u0627\u06cc \u0641\u0631\u0645 \u060c \u067e\u06cc\u0645\u0627\u06cc\u0634 \u0648 \u0633\u0627\u06cc\u0631 \u0639\u0646\u0627\u0635\u0631 UI \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u062f\u0647\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0628\u0647\u062a\u0631\u06cc \u0631\u0627 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u0646\u062f \u06a9\u0647 \u0628\u0647 \u062a\u0631\u062c\u06cc\u062d\u0627\u062a \u0633\u06cc\u0633\u062a\u0645 \u0627\u062d\u062a\u0631\u0627\u0645 \u0628\u06af\u0630\u0627\u0631\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%A7%D8%AF%D8%BA%D8%A7%D9%85_%D8%B1%D8%B3%D8%A7%D9%86%D9%87_%D9%87%D8%A7%DB%8C_%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%DB%8C_%D8%A8%D8%A7_%D9%86%D9%85%D9%88%D8%AF%D8%A7%D8%B1_%D8%A8%D8%A7%D8%B2\"><\/span>\n<p>  <code><meta property=\"og:\"\/><\/code>: \u0627\u062f\u063a\u0627\u0645 \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0628\u0627 \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0627\u0632<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:title\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:type\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"website\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:url\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"\"<\/span> <span class=\"nt\">\/&gt;<\/span>\n<\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0645\u062a\u0627 \u0646\u0645\u0648\u062f\u0627\u0631 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0686\u06af\u0648\u0646\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0647\u0646\u06af\u0627\u0645 \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0627\u0645\u0644 \u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0645\u0627\u0646\u0646\u062f Facebook \u060c LinkedIn \u0648 X (\u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062a\u0648\u06cc\u06cc\u062a\u0631) \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0647 \u0645\u06cc \u0634\u0648\u062f \u060c \u0628\u0647\u06cc\u0646\u0647 \u0645\u06cc \u0634\u0648\u062f. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f\u0647\u0627\u06cc \u0627\u0633\u0627\u0633\u06cc \u0636\u0631\u0648\u0631\u06cc \u0646\u06cc\u0633\u062a \u060c \u0627\u0645\u0627 \u062f\u0631 \u0647\u0646\u06af\u0627\u0645 \u0627\u0634\u062a\u0631\u0627\u06a9 \u060c \u0638\u0627\u0647\u0631 \u0648 \u062a\u0639\u0627\u0645\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0645\u06cc\u0632\u0627\u0646 \u0642\u0627\u0628\u0644 \u062a\u0648\u062c\u0647\u06cc \u0628\u0647\u0628\u0648\u062f \u0645\u06cc \u0628\u062e\u0634\u062f.<\/p>\n<p>\u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0646\u0645\u0648\u062f\u0627\u0631 \u0628\u0627\u0632 \u06a9\u0644\u06cc\u062f \u0634\u0627\u0645\u0644 \u0645\u0648\u0627\u0631\u062f \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<ul>\n<li>\n<code>og:title<\/code>: \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647\/\u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 (\u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0639\u0646\u0648\u0627\u0646 HTML \u0634\u0645\u0627 \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f)<\/li>\n<li>\n<code>og:type<\/code>: \u0646\u0648\u0639 \u0645\u062d\u062a\u0648\u0627 (\u0648\u0628 \u0633\u0627\u06cc\u062a \u060c \u0645\u0642\u0627\u0644\u0647 \u060c \u0645\u062d\u0635\u0648\u0644 \u0648 \u063a\u06cc\u0631\u0647)<\/li>\n<li>\n<code>og:url<\/code>: URL \u0645\u062a\u0639\u0627\u0631\u0641 \u0635\u0641\u062d\u0647 \u0634\u0645\u0627<\/li>\n<li>\n<code>og:image<\/code>: URL \u0628\u0647 \u062a\u0635\u0648\u06cc\u0631\u06cc \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc \u062f\u0647\u062f<\/li>\n<\/ul>\n<p>\u0627\u06af\u0631 \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0639\u0627\u0645\u0644 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0647 \u0634\u0648\u062f \u060c \u067e\u0631 \u06a9\u0631\u062f\u0646 \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0645\u0646\u0627\u0633\u0628 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0646\u0631\u062e \u06a9\u0644\u06cc\u06a9 \u0648 \u062a\u0639\u0627\u0645\u0644 \u0631\u0627 \u0628\u0647 \u0637\u0631\u0632 \u0686\u0634\u0645\u06af\u06cc\u0631\u06cc \u0628\u0647\u0628\u0648\u062f \u0628\u062e\u0634\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D9%88%D8%AA_%D9%BE%D8%B4%D8%AA%DB%8C%D8%A8%D8%A7%D9%86%DB%8C_%D9%88_%D8%AD%D9%85%D8%A7%DB%8C%D8%AA_%D8%A7%D8%B2_PWA\"><\/span>\n<p>  <code><link rel=\"manifest\"\/><\/code>  \u0648\u062a <code><link rel=\"icon\"\/><\/code>: \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0648 \u062d\u0645\u0627\u06cc\u062a \u0627\u0632 PWA<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"manifest\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"manifest.json\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"icon\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\/favicon.ico\"<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"image\/x-icon\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0647\u0627\u06cc \u0648\u0628 \u0645\u062a\u0631\u0642\u06cc \u060c \u0627\u0632 \u067e\u06cc\u0648\u0646\u062f \u0645\u0627\u0646\u06cc\u0641\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0647 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 JSON \u06a9\u0647 \u0634\u0627\u0645\u0644 \u0627\u0628\u0631\u062f\u0627\u062f\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u060c \u0627\u0632 \u062c\u0645\u0644\u0647 \u0646\u0645\u0627\u062f\u0647\u0627 \u0627\u0633\u062a \u060c \u0627\u0634\u0627\u0631\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0645\u0627\u0646\u06cc\u0641\u0633\u062a \u0628\u0627\u06cc\u062f \u0646\u0645\u0627\u062f\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647 \u0647\u0627 \u0648 \u0632\u0645\u06cc\u0646\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0634\u0627\u0645\u0644 \u0634\u0648\u062f.<\/p>\n<p>\u0628\u0631\u0627\u06cc \u0648\u0628 \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u0645\u0639\u0645\u0648\u0644\u06cc \u06a9\u0647 PWA \u0646\u06cc\u0633\u062a\u0646\u062f \u060c \u0627\u0632 \u0644\u06cc\u0646\u06a9 \u0646\u0645\u0627\u062f \u0628\u0631\u0627\u06cc \u062a\u0639\u0631\u06cc\u0641 Favicon \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u062d\u0627\u0644\u06cc \u06a9\u0647 \u0627\u0632 \u0646\u0638\u0631 \u0641\u0646\u06cc \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0627\u0633\u062a \u060c \u06cc\u06a9 Favicon \u0628\u0647 \u062a\u0634\u062e\u06cc\u0635 \u0628\u0631\u0646\u062f \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0628\u06cc\u0634\u062a\u0631 \u0633\u0627\u06cc\u062a \u0647\u0627 \u0628\u0627\u06cc\u062f \u06cc\u06a9\u06cc \u0631\u0627 \u0634\u0627\u0645\u0644 \u0634\u0648\u0646\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"_%D8%A7%D9%86%D9%88%D8%A7%D8%B9_%D9%85%D8%AD%D8%AA%D9%88%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B3%D8%A7%DB%8C%D8%AA_%D8%AE%D9%88%D8%AF_%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86_%DA%A9%D9%86%DB%8C%D8%AF\"><\/span>\n<p>  <code><link rel=\"alternate\"\/><\/code>: \u0627\u0646\u0648\u0627\u0639 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u06a9\u0646\u06cc\u062f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"alternate\"<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"application\/rss+xml\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\/feed.xml\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"alternate\"<\/span> <span class=\"na\">type=<\/span><span class=\"s\">\"text\/markdown\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\/llms.txt\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u067e\u06cc\u0648\u0646\u062f \u0686\u0646\u062f\u06cc\u0646 \u0647\u062f\u0641 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f:<\/p>\n<ol>\n<li>\n<p>\u0627\u06cc\u0646 \u0628\u0647 \u062e\u0648\u0627\u0646\u0646\u062f\u06af\u0627\u0646 RSS \u0648 \u0633\u0627\u06cc\u0631 \u062c\u0645\u0639 \u06a9\u0646\u0646\u062f\u0647 \u062e\u0648\u0631\u0627\u06a9 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u062f \u062a\u0627 \u062e\u0648\u0631\u0627\u06a9 RSS \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u06a9\u0634\u0641 \u06a9\u0646\u0646\u062f. \u0627\u06af\u0631 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0641\u06cc\u062f RSS \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f (\u0645\u0634\u062a\u0631\u06a9 \u0628\u0631\u0627\u06cc \u0648\u0628\u0644\u0627\u06af \u0647\u0627 \u060c \u0633\u0627\u06cc\u062a \u0647\u0627\u06cc \u062e\u0628\u0631\u06cc \u06cc\u0627 \u0645\u062c\u0645\u0648\u0639\u0647 \u0647\u0627\u06cc \u0645\u062d\u062a\u0648\u0627 \u0628\u0647 \u0637\u0648\u0631 \u0645\u0631\u062a\u0628 \u0628\u0647 \u0631\u0648\u0632 \u0634\u062f\u0647) \u0622\u0646 \u0631\u0627 \u062f\u0631\u062c \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u0628\u0631\u0627\u06cc \u0645\u0634\u062e\u0635 \u06a9\u0631\u062f\u0646 \u06cc\u06a9 \u0645\u0648\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f <code>llms.txt<\/code> \u067e\u0631\u0648\u0646\u062f\u0647 \u0628\u0631\u0627\u06cc \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 <code>type=\"text\/markdown\"<\/code> \u067e\u06cc\u0648\u0646\u062f \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0627\u06cc\u0646 \u067e\u0631\u0648\u0646\u062f\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0622\u0633\u0627\u0646 \u0628\u0631\u0627\u06cc \u0647\u0636\u0645 \u0628\u0631\u0627\u06cc \u0645\u062f\u0644 \u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u0632\u0628\u0627\u0646 \u06a9\u0647 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0631\u0627 \u0627\u0633\u06a9\u0646 \u0645\u06cc \u06a9\u0646\u062f \u060c \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc \u062f\u0647\u062f. <strong>\u062a\u0648\u062c\u0647:<\/strong> \u0645\u0646 \u0627\u06cc\u0646 \u0627\u06cc\u062f\u0647 \u0631\u0627 \u0627\u0632 \u06af\u06cc\u0644\u0632 \u062a\u0648\u0645\u0627\u0633 \u062f\u0632\u062f\u06cc\u062f\u0645.<\/p>\n<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0633\u0627\u06cc\u062a \u0634\u0645\u0627 \u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc \u0647\u0627 \u0631\u0627 \u0627\u0631\u0627\u0626\u0647 \u0646\u0645\u06cc \u062f\u0647\u062f \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0627 \u062e\u06cc\u0627\u0644 \u0631\u0627\u062d\u062a \u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0631\u0627 \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"%D8%A8%D8%A7_%D8%A8%D8%A7_%D8%A8%D9%87%DB%8C%D9%86%D9%87_%D8%B3%D8%A7%D8%B2%DB%8C_%D9%85%D9%86%D8%A7%D8%A8%D8%B9\"><\/span>\n<p>  <code><link rel=\"preload\"\/><\/code>\u0628\u0627 <code><link rel=\"preconnect\"\/><\/code>\u0628\u0627 <code><link rel=\"prefetch\"\/><\/code>: \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0645\u0646\u0627\u0628\u0639<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"preload\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&amp;display=swap\"<\/span> <span class=\"na\">as=<\/span><span class=\"s\">\"style\"<\/span> <span class=\"na\">onload=<\/span><span class=\"s\">\"this.onload=null;this.rel=\"stylesheet\"\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"preconnect\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/fonts.gstatic.com\"<\/span><span class=\"nt\">&gt;<\/span>\n<span class=\"nt\"><link\/> <span class=\"na\">rel=<\/span><span class=\"s\">\"prefetch\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"\/next-page.html\"<\/span><span class=\"nt\">&gt;<\/span>\n<\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0648\u0627\u0631\u062f \u06a9\u0646\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0644\u06cc\u0646\u06a9 \u0628\u0647 \u0628\u0647\u06cc\u0646\u0647 \u0633\u0627\u0632\u06cc \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u0646\u0627\u0628\u0639 \u06a9\u0645\u06a9 \u0645\u06cc \u06a9\u0646\u0646\u062f:<\/p>\n<ul>\n<li>\n<code>preload<\/code>: \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u06cc \u06af\u0648\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u0627\u0633\u0631\u0639 \u0648\u0642\u062a \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0630\u062e\u06cc\u0631\u0647 \u06a9\u0646\u06cc\u062f. \u0628\u0631\u0627\u06cc \u0645\u0646\u0627\u0628\u0639 \u0645\u0647\u0645 \u0645\u0648\u0631\u062f \u0646\u06cc\u0627\u0632 \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0627\u0631\u0627\u0626\u0647 \u060c \u0645\u0627\u0646\u0646\u062f \u0641\u0648\u0646\u062a \u0647\u0627 \u06cc\u0627 \u062a\u0635\u0627\u0648\u06cc\u0631 \u0645\u0647\u0645 \u0645\u0641\u06cc\u062f \u0627\u0633\u062a.<\/li>\n<li>\n<code>preconnect<\/code>: \u0627\u0631\u062a\u0628\u0627\u0637 \u0627\u0648\u0644\u06cc\u0647 \u0628\u0627 \u062f\u0627\u0645\u0646\u0647 \u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0628\u0639\u062f\u0627\u064b \u0627\u0632 \u0622\u0646\u0647\u0627 \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u0648\u0627\u06a9\u0634\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0628\u0627 \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0646 \u0627\u062a\u0635\u0627\u0644 \u062f\u0631 \u0635\u0648\u0631\u062a \u0644\u0632\u0648\u0645 \u0645\u06cc \u0634\u0648\u062f.<\/li>\n<li>\n<code>prefetch<\/code>: \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0628\u0631\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0622\u06cc\u0646\u062f\u0647 \u0644\u0627\u0632\u0645 \u0628\u0627\u0634\u062f. \u0645\u0631\u0648\u0631\u06af\u0631 \u0622\u0646 \u0631\u0627 \u0647\u0646\u06af\u0627\u0645 \u0628\u06cc\u06a9\u0627\u0631 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0645\u06cc \u06a9\u0646\u062f \u0648 \u0628\u0627\u0639\u062b \u0645\u06cc \u0634\u0648\u062f \u0635\u0641\u062d\u0647 \u0628\u0639\u062f\u06cc \u0633\u0631\u06cc\u0639\u062a\u0631 \u0628\u0627\u0631\u0647\u0627\u06cc \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u062f.<\/li>\n<\/ul>\n<p>\u0628\u0631 \u0627\u0633\u0627\u0633 \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0639\u0645\u0644\u06a9\u0631\u062f \u062e\u0648\u062f \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0648\u0627\u0631\u062f \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 \u0622\u0646\u0647\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u067e\u0647\u0646\u0627\u06cc \u0628\u0627\u0646\u062f \u0631\u0627 \u0647\u062f\u0631 \u062f\u0647\u062f \u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u0631\u0648\u06cc \u0645\u0646\u0627\u0628\u0639 \u0648\u0627\u0642\u0639\u0627\u064b \u0645\u0647\u0645 \u0645\u062a\u0645\u0631\u06a9\u0632 \u0634\u0648\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%BE%D8%A7%DB%8C%D8%A7%D9%86\"><\/span>\n<p>  \u067e\u0627\u06cc\u0627\u0646<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06cc\u0646 \u0627\u0644\u06af\u0648\u06cc \u06cc\u06a9 \u0646\u0642\u0637\u0647 \u0634\u0631\u0648\u0639 \u0645\u062d\u06a9\u0645 \u0628\u0631\u0627\u06cc \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0648\u0628 \u0628\u0647 \u0634\u0645\u0627 \u0645\u06cc \u062f\u0647\u062f. \u0627\u0644\u0628\u062a\u0647 \u060c \u0627\u06cc\u0646 \u0627\u0644\u06af\u0648\u06cc \u06a9\u0627\u0645\u0644\u0627\u064b \u0639\u0642\u06cc\u062f\u0647 \u0627\u0633\u062a \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u062a\u0646\u0638\u06cc\u0645 \u0628\u0631\u0627\u06cc \u0646\u06cc\u0627\u0632\u0647\u0627\u06cc \u0634\u0645\u0627 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0645\u062a\u0641\u0627\u0648\u062a \u0628\u0627\u0634\u062f. \u0627\u06af\u0631 \u0645\u0646 \u0628\u0631\u062e\u06cc \u0627\u0632 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc \u0645\u0634\u062a\u0631\u06a9 \u0631\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0644\u06af\u0648 \u06a9\u0646\u0627\u0631 \u0628\u06af\u0630\u0627\u0631\u0645 \u060c \u0627\u062d\u062a\u0645\u0627\u0644\u0627\u064b \u0628\u0647 \u0627\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u062d\u062f\u0627\u0642\u0644 \u062f\u0631 \u0628\u06cc\u0634\u062a\u0631 \u0645\u0648\u0627\u0631\u062f \u0628\u0647 \u0622\u0646\u0647\u0627 \u0627\u062d\u062a\u06cc\u0627\u062c \u0646\u062f\u0627\u0631\u0646\u062f.<\/p>\n<p>\u0645\u0646 \u0627\u0632 \u0646\u0638\u0631\u0627\u062a \u0634\u0645\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u06cc \u06a9\u0646\u0645! \u0627\u06af\u0631 \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0686\u06cc\u0632 \u0645\u0647\u0645\u06cc \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u0647 \u0627\u0645 \u060c \u0644\u0637\u0641\u0627\u064b \u06cc\u06a9 \u0645\u0633\u0626\u0644\u0647 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0634\u0634 \u0631\u0627 \u062f\u0631 \u0645\u062e\u0632\u0646 GitHub \u0627\u0631\u0633\u0627\u0644 \u06a9\u0646\u06cc\u062f.<\/p>\n<p>\u0647\u0645\u0686\u0646\u06cc\u0646 \u060c \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u0627\u0644\u06af\u0648\u06cc \u0627\u0633\u062a\u0627\u0631\u062a \u06a9\u0647 \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u067e\u0631\u0648\u0646\u062f\u0647 index.html \u0627\u0633\u062a \u060c \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a \u0628\u062e\u0648\u0627\u0647\u06cc\u062f BoilerPlate HTML5 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06cc\u06a9 \u0645\u0646\u0628\u0639 \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u0628\u0644\u0646\u062f \u0634\u062f\u0646 \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0631\u06cc\u0639 \u0647\u0646\u06af\u0627\u0645 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0628\u0631\u0646\u0627\u0645\u0647 \u0648\u0628 \u0645\u062a\u0631\u0642\u06cc \u0627\u0633\u062a.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%85%D9%86%D8%A7%D8%A8%D8%B9\"><\/span>\n<p>  \u0645\u0646\u0627\u0628\u0639<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u06cc \u062f\u0631 \u0645\u0648\u0631\u062f \u0628\u0631\u0686\u0633\u0628 \u0647\u0627\u06cc HTML HEAD \u0628\u062e\u0648\u0627\u0646\u06cc\u062f \u060c \u067e\u06cc\u0634\u0646\u0647\u0627\u062f \u0645\u06cc \u06a9\u0646\u0645 \u0627\u0632 \u0627\u06cc\u0646\u062c\u0627 \u0634\u0631\u0648\u0639 \u06a9\u0646\u06cc\u062f:<\/p>\n<p>\u0648 \u06cc\u06a9 \u0628\u0627\u0631 \u062f\u06cc\u06af\u0631 \u060c \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0644\u06af\u0648\u06cc index.html \u0631\u0627 \u062f\u0631 GitHub \u067e\u06cc\u062f\u0627 \u06a9\u0646\u06cc\u062f. <\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0647\u0631 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647 \u0648\u0628 \u062f\u0631 \u0622\u0646\u062c\u0627 \u0628\u0648\u062f\u0647 \u0627\u0633\u062a: \u0634\u0645\u0627 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062c\u062f\u06cc\u062f \u0631\u0627 \u0634\u0631\u0648\u0639 \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u062e\u0627\u0644\u06cc \u0628\u0647 \u0646\u0627\u0645 \u062e\u06cc\u0631\u0647 \u0645\u06cc \u0634\u0648\u06cc\u062f index.html\u0628\u0634\u0631 \u0634\u0645\u0627 \u0633\u0639\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0647 \u06cc\u0627\u062f \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u060c \u06a9\u062f\u0627\u0645 \u0628\u0631\u0686\u0633\u0628 \u0647\u0627 \u0642\u0631\u0627\u0631 \u0627\u0633\u062a \u062f\u0631 \u0622\u0646 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u0646\u062f again? Which are the meta tags that are best practice &hellip;<\/p>\n","protected":false},"author":2,"featured_media":102744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/media2.dev.to\/dynamic\/image\/width=1000,height=500,fit=cover,gravity=auto,format=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnno0e0n1z1bqhc3yp44l.png","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-102743","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/102743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=102743"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/102743\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/102744"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=102743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=102743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=102743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}