{"id":29887,"date":"2026-02-09T09:00:00","date_gmt":"2026-02-09T05:30:00","guid":{"rendered":"https:\/\/webdade.com\/blog\/?p=29887"},"modified":"2026-02-08T16:09:14","modified_gmt":"2026-02-08T12:39:14","slug":"html-tags-elements-structure","status":"publish","type":"post","link":"https:\/\/webdade.com\/blog\/html-tags-elements-structure","title":{"rendered":"\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u0648 \u0639\u0646\u0627\u0635\u0631 HTML: \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 2025"},"content":{"rendered":"\n<p id=\"gspb_text-id-gsbp-fe3429c\" class=\"gspb_text gspb_text-id-gsbp-fe3429c \">HTML \u06cc\u0627 HyperText Markup Language \u0632\u0628\u0627\u0646\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0645\u0639\u0646\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0648\u0628 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0628\u0631\u062e\u0644\u0627\u0641 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u06a9\u0647 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0627\u062c\u0631\u0627\u06cc\u06cc \u062f\u0627\u0631\u0646\u062f\u060c HTML \u0627\u0632 &#8220;\u0639\u0646\u0627\u0635\u0631&#8221; \u0648 &#8220;\u062a\u06af\u200c\u0647\u0627&#8221; \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u0647\u0645\u0686\u0648\u0646 \u0622\u062c\u0631\u0647\u0627\u06cc \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0647\u0633\u062a\u0646\u062f\u061b \u0647\u0631 \u06cc\u06a9 \u0646\u0642\u0634 \u0645\u0634\u062e\u0635\u06cc \u062f\u0627\u0631\u0646\u062f \u0648 \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0645 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u0648\u0628 \u06a9\u0627\u0645\u0644 \u0631\u0627 \u0645\u06cc\u200c\u0633\u0627\u0632\u0646\u062f.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-d127443\" class=\"gspb_text gspb_text-id-gsbp-d127443 \">\u062f\u0631 \u0633\u0627\u0644 2025\u060c \u062f\u0631\u06a9 \u0635\u062d\u06cc\u062d \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0648 \u0639\u0646\u0627\u0635\u0631 HTML \u062a\u0646\u0647\u0627 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0645\u062d\u062a\u0648\u0627 \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a. \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0645\u0627\u0646\u0646\u062f Google \u0627\u0632 Semantic HTML \u0628\u0631\u0627\u06cc \u0641\u0647\u0645 \u0628\u0647\u062a\u0631 \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061b \u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u06a9\u0645\u06a9\u06cc \u0645\u0627\u0646\u0646\u062f Screen readers \u0628\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0647\u062f\u0627\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0646\u0627\u0628\u06cc\u0646\u0627 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u0646\u062f\u061b \u0648 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646 \u0645\u0627\u0646\u0646\u062f Next.js \u0648 Astro \u0628\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0635\u062d\u06cc\u062d \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062a\u0623\u06a9\u06cc\u062f \u062f\u0627\u0631\u0646\u062f.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-fa03f97\" id=\"gspb_container-id-gsbp-fa03f97\">\n<div id=\"gspb_text-id-gsbp-b88a64b\" class=\"gspb_text gspb_text-id-gsbp-b88a64b \">\ud83d\udca1 <strong>\u0633\u0627\u062e\u062a\u0627\u0631 HTML = \u0645\u0639\u0645\u0627\u0631\u06cc \u0648\u0628<\/strong><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u0647\u0631 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/li>\n\n\n\n<li>\u2705\u06a9\u0644\u06cc\u062f \u0645\u0648\u0641\u0642\u06cc\u062a \u062f\u0631 SEO \u0648 \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc <\/li>\n\n\n\n<li>\u2705\u0632\u0628\u0627\u0646 \u0645\u0634\u062a\u0631\u06a9 \u0628\u06cc\u0646 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0631 \u0633\u0631\u0627\u0633\u0631 \u062f\u0646\u06cc\u0627<\/li>\n<\/ul>\n<\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-258d9d7\" class=\"gspb_text gspb_text-id-gsbp-258d9d7 \">\u062d\u062a\u0645\u0627\u064b \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0628\u0647 \u062f\u0646\u0628\u0627\u0644 \u062f\u0631\u06a9 \u0639\u0645\u06cc\u0642\u200c\u062a\u0631\u06cc \u0627\u0632 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\u06a9\u0631\u062f HTML \u0647\u0633\u062a\u06cc\u062f. \u0634\u0627\u06cc\u062f \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u0631\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 <code>&lt;div&gt;<\/code> \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0686\u06cc\u0632 \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a\u060c \u06cc\u0627 \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06a9\u062f\u06cc \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u06a9\u0647 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0627\u0646\u0633\u0627\u0646\u200c\u0647\u0627 \u0648 \u0647\u0645 \u0628\u0631\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646\u200c\u0647\u0627 \u0642\u0627\u0628\u0644 \u0641\u0647\u0645 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0647\u0645\u0631\u0627\u0647 \u062a\u06cc\u0645 \u0648\u0628\u062f\u0627\u062f\u0647\u060c \u0628\u0647 \u0635\u0648\u0631\u062a \u06af\u0627\u0645\u200c\u0628\u0647\u200c\u06af\u0627\u0645 \u0628\u0627 \u0645\u0639\u0645\u0627\u0631\u06cc HTML\u060c \u0627\u0646\u0648\u0627\u0639 \u0639\u0646\u0627\u0635\u0631\u060c Attributes \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u062f\u0631 \u0633\u0627\u0644 2025 \u0622\u0634\u0646\u0627 \u0645\u06cc\u200c\u0634\u0648\u06cc\u062f. \u067e\u0633 \u0647\u0645\u0631\u0627\u0647 \u0645\u0627 \u0628\u0627\u0634\u06cc\u062f! \ud83d\udc47<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-3090342\" id=\"gspb_container-id-gsbp-3090342\">\n<p id=\"gspb_heading-id-gsbp-4f2eab8\" class=\"gspb_heading gspb_heading-id-gsbp-4f2eab8 \"><strong>\u0622\u0646\u0686\u0647 \u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646\u06cc\u062f:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-toc gs-toc gspb_toc-id-gsbp-9ed45ff\" id=\"gspb_toc-id-gsbp-9ed45ff\" data-offset=\"100\" itemscope itemtype=\"\"><div class=\"gs-autolist\"><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0639\u0646\u0627\u0635\u0631 HTML \u0686\u06cc\u0633\u062a\u061f \u0622\u0646\u0627\u062a\u0648\u0645\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0646\u06cc\u0627\u062f\u06cc\"\/><a class=\"gs-scrollto\" href=\"#what-are-html-elements\">\u0639\u0646\u0627\u0635\u0631 HTML \u0686\u06cc\u0633\u062a\u061f \u0622\u0646\u0627\u062a\u0648\u0645\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0646\u06cc\u0627\u062f\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">1.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0639\u0646\u0627\u0635\u0631 Void: \u0627\u0633\u062a\u062b\u0646\u0627\u06cc \u0642\u0627\u0639\u062f\u0647\"\/><a class=\"gs-scrollto\" href=\"#Void-Elements-The-Exception-to-the-Rule\">\u0639\u0646\u0627\u0635\u0631 Void: \u0627\u0633\u062a\u062b\u0646\u0627\u06cc \u0642\u0627\u0639\u062f\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">1.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628 \u0648 Nesting: \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc HTML\"\/><a class=\"gs-scrollto\" href=\"#4a-%D8%B3%D9%84%D8%B3%D9%84%D9%87%E2%80%8C%D9%85%D8%B1%D8%A7%D8%AA%D8%A8-%D9%88-nesting-%D8%B3%D8%A7%D8%AE%D8%AA%D8%A7%D8%B1-%D8%AF%D8%B1%D8%AE%D8%AA%DB%8C-html\">\u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628 \u0648 Nesting: \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc HTML<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0686\u0631\u0627 Semantic HTML \u062f\u0631 \u0633\u0627\u0644 2025 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a\u061f\"\/><a class=\"gs-scrollto\" href=\"#why-semantic-html-2025\">\u0686\u0631\u0627 Semantic HTML \u062f\u0631 \u0633\u0627\u0644 2025 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a\u061f<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">2.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0645\u0632\u0627\u06cc\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062f\u0631 2025\"\/><a class=\"gs-scrollto\" href=\"#Benefits-of-using-semantic-elements-in-2025\">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062f\u0631 2025<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">3<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062c\u0627\u0645\u0639 \u0639\u0646\u0627\u0635\u0631 HTML5\"\/><a class=\"gs-scrollto\" href=\"#html5-elements-categories\">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062c\u0627\u0645\u0639 \u0639\u0646\u0627\u0635\u0631 HTML5<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"1- \u0639\u0646\u0627\u0635\u0631 Metadata: \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0634\u062a \u067e\u0631\u062f\u0647\"\/><a class=\"gs-scrollto\" href=\"#Metadata-Elements-Behind-the-scenes-Information\">1- \u0639\u0646\u0627\u0635\u0631 Metadata: \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0634\u062a \u067e\u0631\u062f\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"2- \u0639\u0646\u0627\u0635\u0631 Sectioning: \u0645\u0639\u0645\u0627\u0631\u06cc \u0635\u0641\u062d\u0647\"\/><a class=\"gs-scrollto\" href=\"#Sectioning-Elements-Page-Architecture\">2- \u0639\u0646\u0627\u0635\u0631 Sectioning: \u0645\u0639\u0645\u0627\u0631\u06cc \u0635\u0641\u062d\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.3<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"3- \u0639\u0646\u0627\u0635\u0631 Text Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u0646\u0648\u0634\u062a\u0627\u0631\u06cc\"\/><a class=\"gs-scrollto\" href=\"#Text-Content-Elements-Written-Content\">3- \u0639\u0646\u0627\u0635\u0631 Text Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u0646\u0648\u0634\u062a\u0627\u0631\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.4<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"4- \u0639\u0646\u0627\u0635\u0631 Inline Text Semantics: \u0645\u0639\u0646\u0627 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0645\u062a\u0646\"\/><a class=\"gs-scrollto\" href=\"#Inline-Text-Semantics-Elements-Giving-Meaning-to-Text\">4- \u0639\u0646\u0627\u0635\u0631 Inline Text Semantics: \u0645\u0639\u0646\u0627 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0645\u062a\u0646<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.5<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"5- \u0639\u0646\u0627\u0635\u0631 Lists: \u0644\u06cc\u0633\u062a\u200c\u0647\u0627\"\/><a class=\"gs-scrollto\" href=\"#Lists-elements-Lists\">5- \u0639\u0646\u0627\u0635\u0631 Lists: \u0644\u06cc\u0633\u062a\u200c\u0647\u0627<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.6<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"6- \u0639\u0646\u0627\u0635\u0631 Embedded Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u0633\u0627\u0632\u06cc \u0634\u062f\u0647\"\/><a class=\"gs-scrollto\" href=\"#Embedded-ontent\">6- \u0639\u0646\u0627\u0635\u0631 Embedded Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u0633\u0627\u0632\u06cc \u0634\u062f\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">3.7<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"7- \u0639\u0646\u0627\u0635\u0631 Forms: \u0641\u0631\u0645\u200c\u0647\u0627 \u0648 \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627\"\/><a class=\"gs-scrollto\" href=\"#Forms\">7- \u0639\u0646\u0627\u0635\u0631 Forms: \u0641\u0631\u0645\u200c\u0647\u0627 \u0648 \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">4<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 HTML\"\/><a class=\"gs-scrollto\" href=\"#html-attributes\">Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 HTML<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">4.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"Global Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc\"\/><a class=\"gs-scrollto\" href=\"#Global-Attributes\">Global Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">4.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"ARIA Attributes: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\"\/><a class=\"gs-scrollto\" href=\"#ARIA-Attributes\">ARIA Attributes: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">4.3<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"Boolean Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0648\u0644\u06cc\"\/><a class=\"gs-scrollto\" href=\"#Boolean-Attributes\">Boolean Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0648\u0644\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">4.4<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"Element-Specific Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\"\/><a class=\"gs-scrollto\" href=\"#Element-Specific-Attributes\">Element-Specific Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">5<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"DOM: \u067e\u0644 \u0628\u06cc\u0646 HTML \u0648 JavaScript\"\/><a class=\"gs-scrollto\" href=\"#dom-document-object-model\">DOM: \u067e\u0644 \u0628\u06cc\u0646 HTML \u0648 JavaScript<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">5.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 DOM \u0627\u0632 \u0637\u0631\u06cc\u0642 JavaScript\"\/><a class=\"gs-scrollto\" href=\"#Interacting-with-the-DOM-via-JavaScript\">\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 DOM \u0627\u0632 \u0637\u0631\u06cc\u0642 JavaScript<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">5.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0639\u0646\u0627\u0635\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc: \u0633\u0627\u062e\u062a \u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc\"\/><a class=\"gs-scrollto\" href=\"#Custom-Elements-Creating-Custom-Tags\">\u0639\u0646\u0627\u0635\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc: \u0633\u0627\u062e\u062a \u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">6<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc HTML \u062f\u0631 2025\"\/><a class=\"gs-scrollto\" href=\"#html-best-practices-2025\">\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc HTML \u062f\u0631 2025<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">6.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"1- Accessibility First: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0648\u0644\"\/><a class=\"gs-scrollto\" href=\"#Accessibility-First\">1- Accessibility First: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0648\u0644<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">6.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"2- Performance Optimization: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a\"\/><a class=\"gs-scrollto\" href=\"#Performance-Optimization\">2- Performance Optimization: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">6.3<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"3- SEO Best Practices: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648\"\/><a class=\"gs-scrollto\" href=\"#SEO-Best-Practices\">3- SEO Best Practices: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">6.4<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"4- Security: \u0627\u0645\u0646\u06cc\u062a\"\/><a class=\"gs-scrollto\" href=\"#4-security-\u0627\u0645\u0646\u06cc\u062a\">4- Security: \u0627\u0645\u0646\u06cc\u062a<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">6.5<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"5- Code Quality: \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u062f\"\/><a class=\"gs-scrollto\" href=\"#5-code-quality-\u06a9\u06cc\u0641\u06cc\u062a-\u06a9\u062f\">5- Code Quality: \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u062f<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">7<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c\"\/><a class=\"gs-scrollto\" href=\"#advanced-tips-common-mistakes\">\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">7.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\"\/><a class=\"gs-scrollto\" href=\"#Advanced-Tips\">\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/a><\/span><\/div><div class=\"gs-autolist-item\" itemscope><span class=\"gs-autolist-number\">8<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u062e\u062f\u0645\u0627\u062a \u0647\u0627\u0633\u062a\u06cc\u0646\u06af \u0648\u0628\u062f\u0627\u062f\u0647: \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0634\u0645\u0627\"\/><a class=\"gs-scrollto\" href=\"#webdade-services\">\u062e\u062f\u0645\u0627\u062a \u0647\u0627\u0633\u062a\u06cc\u0646\u06af \u0648\u0628\u062f\u0627\u062f\u0647: \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0634\u0645\u0627<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">8.1<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc: HTML \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0631 2025\"\/><a class=\"gs-scrollto\" href=\"#conclusion\">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc: HTML \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0631 2025<\/a><\/span><\/div><div class=\"gs-autolist-item gs_sub_heading\" itemscope><span class=\"gs-autolist-number\">8.2<\/span><span class=\"gs-autolist-title\"><meta itemprop=\"name\" content=\"\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0648 \u0639\u0646\u0627\u0635\u0631 HTML\"\/><a class=\"gs-scrollto\" href=\"#faq\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0648 \u0639\u0646\u0627\u0635\u0631 HTML<\/a><\/span><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-6b7a55a\" id=\"gspb_image-id-gsbp-6b7a55a\"><img decoding=\"async\" src=\"https:\/\/webdade.com\/blog\/wp-content\/uploads\/2026\/01\/html-tags-elements-structure3.webp\" data-src=\"\" alt=\"\u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0686\u06cc\u0633\u062a\" loading=\"lazy\" width=\"910\" height=\"492\"\/><\/div>\n\n\n\n<div id=\"what-are-html-elements\"><\/div><h2 id=\"gspb_heading-id-gsbp-6ba7572\" class=\"gspb_heading gspb_heading-id-gsbp-6ba7572 \">\u0639\u0646\u0627\u0635\u0631 HTML \u0686\u06cc\u0633\u062a\u061f \u0622\u0646\u0627\u062a\u0648\u0645\u06cc \u0648 \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0646\u06cc\u0627\u062f\u06cc<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-ce52e56\" class=\"gspb_text gspb_text-id-gsbp-ce52e56 \">\u0639\u0646\u0627\u0635\u0631 HTML (HTML Elements) \u0633\u0627\u0632\u0647\u200c\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0647 \u0648\u0628 \u0631\u0627 \u062f\u0631 \u0628\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u0648 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f \u0647\u0631 \u0628\u062e\u0634 \u0686\u06af\u0648\u0646\u0647 \u0628\u0627\u06cc\u062f \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u062f. \u0647\u0631 \u0639\u0646\u0635\u0631 HTML \u0627\u0632 \u0633\u0647 \u0628\u062e\u0634 \u0627\u0635\u0644\u06cc \u062a\u0634\u06a9\u06cc\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a:<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#00529e1a\"><code>&lt;p>\u0627\u06cc\u0646 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0633\u062a&lt;\/p>\n \u25b2         \u25b2              \u25b2\nOpening  Content      Closing\n Tag                    Tag<\/code><\/pre>\n\n\n\n<p id=\"gspb_text-id-gsbp-91ba6dc\" class=\"gspb_text gspb_text-id-gsbp-91ba6dc \"><strong>1-  Opening Tag (\u062a\u06af \u0628\u0627\u0632):<\/strong> \u0646\u0627\u0645 \u0639\u0646\u0635\u0631 \u0631\u0627 \u062f\u0627\u062e\u0644 \u0639\u0644\u0627\u0645\u062a\u200c\u0647\u0627\u06cc <code>&lt; ><\/code> \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u062f &#8211; \u0645\u0627\u0646\u0646\u062f <code>&lt;p><\/code> <br><strong>2-Content (\u0645\u062d\u062a\u0648\u0627):<\/strong> \u0645\u062a\u0646 \u06cc\u0627 \u0639\u0646\u0627\u0635\u0631 \u062f\u06cc\u06af\u0631\u06cc \u06a9\u0647 \u062f\u0631\u0648\u0646 \u062a\u06af \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f<br><strong>3- Closing Tag (\u062a\u06af \u0628\u0633\u062a\u0647):<\/strong> \u0645\u0634\u0627\u0628\u0647 Opening Tag \u0627\u0645\u0627 \u0628\u0627 \u06cc\u06a9 \u0627\u0633\u0644\u0634 <code>\/<\/code> &#8211; \u0645\u0627\u0646\u0646\u062f <code>&lt;\/p><\/code><\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-f5f7584\" class=\"gspb_text gspb_text-id-gsbp-f5f7584 \">\u0628\u0647 \u0632\u0628\u0627\u0646 \u0633\u0627\u062f\u0647\u060c \u062a\u06af\u200c\u0647\u0627\u06cc \u0628\u0627\u0632 \u0648 \u0628\u0633\u062a\u0647 HTML \u0645\u0627\u0646\u0646\u062f \u06a9\u0631\u0648\u0634\u0647\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u062c\u0645\u0644\u0647 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f\u061b \u0627\u0628\u062a\u062f\u0627 \u0645\u06cc\u200c\u06af\u0648\u06cc\u06cc\u0645 &#8220;\u0627\u06cc\u0646 \u0628\u062e\u0634 \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f&#8221; \u0648 \u0633\u067e\u0633 &#8220;\u0627\u06cc\u0646 \u0628\u062e\u0634 \u062a\u0645\u0627\u0645 \u0645\u06cc\u200c\u0634\u0648\u062f&#8221;. \u0628\u062f\u0648\u0646 Closing Tag\u060c \u0645\u0631\u0648\u0631\u06af\u0631 \u0646\u0645\u06cc\u200c\u062f\u0627\u0646\u062f \u06a9\u062c\u0627 \u0628\u0627\u06cc\u062f \u0639\u0646\u0635\u0631 \u0631\u0627 \u0628\u0628\u0646\u062f\u062f \u0648 \u0627\u06cc\u0646 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0645\u0646\u062c\u0631 \u0628\u0647 \u062e\u0637\u0627\u0647\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634\u06cc \u0634\u0648\u062f.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-5edec11\" id=\"gspb_container-id-gsbp-5edec11\">\n<div id=\"gspb_text-id-gsbp-6e00b49\" class=\"gspb_text gspb_text-id-gsbp-6e00b49 \">\ud83d\udd38 <strong>\u0646\u06a9\u062a\u0647 \u0641\u0646\u06cc:<\/strong> \u0628\u0631 \u0627\u0633\u0627\u0633 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f WHATWG HTML Living Standard \u062f\u0631 2025\u060c \u0628\u0631\u062e\u06cc \u0639\u0646\u0627\u0635\u0631 \u0628\u0647 Closing Tag \u0646\u06cc\u0627\u0632 \u0646\u062f\u0627\u0631\u0646\u062f \u0648 \u0628\u0647 \u0622\u0646\u200c\u0647\u0627 <strong>Void Elements<\/strong> \u06cc\u0627 <strong>Self-closing tags<\/strong> \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f.<\/div>\n<\/div>\n\n\n\n<div id=\"Void-Elements-The-Exception-to-the-Rule\"><\/div><h3 id=\"gspb_heading-id-gsbp-97f171c\" class=\"gspb_heading gspb_heading-id-gsbp-97f171c \">\u0639\u0646\u0627\u0635\u0631 Void: \u0627\u0633\u062a\u062b\u0646\u0627\u06cc \u0642\u0627\u0639\u062f\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-48ed31a\" class=\"gspb_text gspb_text-id-gsbp-48ed31a \">\u0639\u0646\u0627\u0635\u0631 \u062e\u0637\u06cc HTML \u0645\u0627\u0646\u0646\u062f <code>&lt;img&gt;<\/code>, <code>&lt;br&gt;<\/code>, <code>&lt;input&gt;<\/code>, <code>&lt;hr&gt;<\/code> \u0648 <code>&lt;meta&gt;<\/code> \u0641\u0627\u0642\u062f \u0645\u062d\u062a\u0648\u0627\u06cc \u062f\u0627\u062e\u0644\u06cc \u0647\u0633\u062a\u0646\u062f\u061b \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 Closing Tag \u0646\u062f\u0627\u0631\u0646\u062f. \u0627\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u062f\u0631 \u0633\u0646\u062f HTML \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u06a9\u0627\u0631 \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;img src=\"logo.png\" alt=\"\u0644\u0648\u06af\u0648\u06cc \u0648\u0628\u062f\u0627\u062f\u0647\">\n&lt;br>\n&lt;input type=\"text\" placeholder=\"\u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u06cc\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">img src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">logo.png<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u0644\u0648\u06af\u0648\u06cc \u0648\u0628\u062f\u0627\u062f\u0647<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">br<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">input type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">text<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> placeholder=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u0646\u0627\u0645 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-96c1b4e\" id=\"gspb_container-id-gsbp-96c1b4e\">\n<div id=\"gspb_text-id-gsbp-4ca6ef2\" class=\"gspb_text gspb_text-id-gsbp-4ca6ef2 \">\ud83d\udccc <strong>\u062a\u0648\u062c\u0647:<\/strong> \u062f\u0631 XHTML \u0646\u06cc\u0627\u0632 \u0628\u0648\u062f \u06a9\u0647 \u062d\u062a\u06cc Void elements \u0647\u0645 \u0628\u0627 <code>\/><\/code> \u0628\u0633\u062a\u0647 \u0634\u0648\u0646\u062f (\u0645\u0627\u0646\u0646\u062f <code>&lt;img \/><\/code>). \u0627\u0645\u0627 \u062f\u0631 HTML5 \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc 2025\u060c \u0627\u06cc\u0646 \u0627\u0644\u0632\u0627\u0645\u06cc \u0646\u06cc\u0633\u062a \u0648 <code>&lt;img><\/code> \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a.<\/div>\n<\/div>\n\n\n\n<h3 id=\"gspb_heading-id-gsbp-2ab87f5\" class=\"gspb_heading gspb_heading-id-gsbp-2ab87f5 \">\u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628 \u0648 Nesting: \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0631\u062e\u062a\u06cc HTML<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-e3bb662\" class=\"gspb_text gspb_text-id-gsbp-e3bb662 \">HTML \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0627\u0631 \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628\u06cc \u062f\u0627\u0631\u062f\u061b \u06cc\u0639\u0646\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0646\u062f \u062f\u0631\u0648\u0646 \u06cc\u06a9\u062f\u06cc\u06af\u0631 \u0642\u0631\u0627\u0631 \u0628\u06af\u06cc\u0631\u0646\u062f (Nested). \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0645\u0627\u0646\u0646\u062f \u06cc\u06a9 \u062f\u0631\u062e\u062a \u062e\u0627\u0646\u0648\u0627\u062f\u06af\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0639\u0646\u0627\u0635\u0631 Parent (\u0648\u0627\u0644\u062f)\u060c Child (\u0641\u0631\u0632\u0646\u062f) \u0648 Sibling (\u062e\u0648\u0627\u0647\u0631 \u0648 \u0628\u0631\u0627\u062f\u0631) \u062f\u0627\u0631\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#00529e1a\"><code>&lt;article&gt;                    \u2190 Parent\n  &lt;header&gt;                   \u2190 Child of article, Parent of h1\n    &lt;h1&gt;\u0639\u0646\u0648\u0627\u0646 \u0645\u0642\u0627\u0644\u0647&lt;\/h1&gt;     \u2190 Child of header\n  &lt;\/header&gt;\n  &lt;p&gt;\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0648\u0644&lt;\/p&gt;        \u2190 Child of article, Sibling of header\n  &lt;p&gt;\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062f\u0648\u0645&lt;\/p&gt;        \u2190 Sibling of \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0648\u0644\n&lt;\/article&gt;\n<\/code><\/pre>\n\n\n\n<p id=\"gspb_text-id-gsbp-d903c19\" class=\"gspb_text gspb_text-id-gsbp-d903c19 \">\u0627\u06cc\u0646 \u0633\u0644\u0633\u0644\u0647\u200c\u0645\u0631\u0627\u062a\u0628 \u0645\u0647\u0645 \u0627\u0633\u062a \u0686\u0648\u0646:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0633\u0627\u062e\u062a <strong>DOM Tree<\/strong> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f<\/li>\n\n\n\n<li>CSS Selectors \u0628\u0631 \u067e\u0627\u06cc\u0647 \u0627\u06cc\u0646 \u0631\u0648\u0627\u0628\u0637 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f (<code>article &gt; p<\/code>, <code>header + p<\/code>)<\/li>\n\n\n\n<li>Screen readers \u0627\u0632 \u0622\u0646 \u0628\u0631\u0627\u06cc \u0647\u062f\u0627\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-061222f\" class=\"gspb_text gspb_text-id-gsbp-061222f \">\ud83d\udd38 <strong>DOM (Document Object Model)<\/strong> \u0646\u0645\u0627\u06cc\u0634\u06cc \u062f\u0631\u062e\u062a\u06cc \u0627\u0632 \u0633\u0646\u062f HTML \u0627\u0633\u062a \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f. \u0647\u0631 \u0639\u0646\u0635\u0631 HTML \u062a\u0628\u062f\u06cc\u0644 \u0628\u0647 \u06cc\u06a9 &#8220;Node&#8221; \u062f\u0631 DOM \u0645\u06cc\u200c\u0634\u0648\u062f \u0648 JavaScript \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627 \u0622\u0646 \u062a\u0639\u0627\u0645\u0644 \u06a9\u0646\u062f.<\/p>\n\n\n\n<div id=\"why-semantic-html-2025\"><\/div><h2 id=\"gspb_heading-id-gsbp-f0cf14b\" class=\"gspb_heading gspb_heading-id-gsbp-f0cf14b \">\u0686\u0631\u0627 Semantic HTML \u062f\u0631 \u0633\u0627\u0644 2025 \u0636\u0631\u0648\u0631\u06cc \u0627\u0633\u062a\u061f<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-1e990a7\" class=\"gspb_text gspb_text-id-gsbp-1e990a7 \">\u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u0628\u0646\u06cc\u0627\u062f\u06cc \u0639\u0646\u0627\u0635\u0631 HTML \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f. \u0627\u0645\u0627 \u0633\u0648\u0627\u0644 \u0645\u0647\u0645 \u0627\u06cc\u0646 \u0627\u0633\u062a: \u0686\u0631\u0627 \u0646\u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 <code>&lt;div&gt;<\/code> \u0648 <code>&lt;span&gt;<\/code> \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645\u061f \u067e\u0627\u0633\u062e \u062f\u0631 \u0645\u0641\u0647\u0648\u0645 <strong>Semantic HTML<\/strong> \u0646\u0647\u0641\u062a\u0647 \u0627\u0633\u062a.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-10b65cb\" class=\"gspb_text gspb_text-id-gsbp-10b65cb \">Semantic \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc &#8220;\u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0645\u0639\u0646\u0627&#8221; \u0627\u0633\u062a. \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc HTML \u0622\u0646 \u062f\u0633\u062a\u0647 \u0627\u0632 \u062a\u06af\u200c\u0647\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062e\u0648\u062f\u0634\u0627\u0646 \u062a\u0648\u0636\u06cc\u062d \u0645\u06cc\u200c\u062f\u0647\u0646\u062f \u0686\u0647 \u0646\u0648\u0639 \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u062f\u0627\u0631\u0646\u062f\u061b \u0646\u0647 \u0627\u06cc\u0646\u06a9\u0647 \u0641\u0642\u0637 \u0686\u06af\u0648\u0646\u0647 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u0628\u0647 \u0645\u0642\u0627\u06cc\u0633\u0647 \u0632\u06cc\u0631 \u062a\u0648\u062c\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-c319c76\" class=\"gspb_text gspb_text-id-gsbp-c319c76 \"><strong>\u274c Non-Semantic (\u0628\u062f\u0648\u0646 \u0645\u0639\u0646\u0627):<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;div id=\"header\">\n  &lt;div class=\"nav\">\u0645\u0646\u0648&lt;\/div>\n&lt;\/div>\n&lt;div id=\"content\">\n  &lt;div class=\"post\">\u0645\u0642\u0627\u0644\u0647&lt;\/div>\n&lt;\/div>\n&lt;div id=\"footer\">\u0641\u0648\u062a\u0631&lt;\/div><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">header<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">div<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">nav<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0645\u0646\u0648<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/di<\/span><span style=\"color: #F6F6F4\">v<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">content<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">div<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">post<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0645\u0642\u0627\u0644\u0647<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/di<\/span><span style=\"color: #F6F6F4\">v<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">footer<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0641\u0648\u062a\u0631<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-9335eaf\" class=\"gspb_text gspb_text-id-gsbp-9335eaf \"><strong>\u2705 Semantic (\u0645\u0639\u0646\u0627\u062f\u0627\u0631):<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;header>\n  &lt;nav>\u0645\u0646\u0648&lt;\/nav>\n&lt;\/header>\n&lt;main>\n  &lt;article>\u0645\u0642\u0627\u0644\u0647&lt;\/article>\n&lt;\/main>\n&lt;footer>\u0641\u0648\u062a\u0631&lt;\/footer><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">nav&gt;\u0645\u0646\u0648&lt;\/nav&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">main<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">article&gt;\u0645\u0642\u0627\u0644\u0647&lt;\/article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/main<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">footer<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0641\u0648\u062a\u0631<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/footer<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-6a7a200\" class=\"gspb_text gspb_text-id-gsbp-6a7a200 \">\u06a9\u062f\u0627\u0645 \u06cc\u06a9 \u0648\u0627\u0636\u062d\u200c\u062a\u0631 \u0627\u0633\u062a\u061f \u062f\u0631 \u06a9\u062f \u062f\u0648\u0645\u060c \u062d\u062a\u06cc \u0628\u062f\u0648\u0646 \u062e\u0648\u0627\u0646\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 \u06cc\u0627 CSS\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0641\u0647\u0645\u06cc\u062f \u06a9\u0647 <code>&lt;header&gt;<\/code> \u0628\u062e\u0634 \u0633\u0631\u0628\u0631\u06af\u060c <code>&lt;nav&gt;<\/code> \u0645\u0646\u0648\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0648 <code>&lt;article&gt;<\/code> \u06cc\u06a9 \u0645\u0642\u0627\u0644\u0647 \u0645\u0633\u062a\u0642\u0644 \u0627\u0633\u062a.<\/p>\n\n\n\n<div id=\"Benefits-of-using-semantic-elements-in-2025\"><\/div><h3 id=\"gspb_heading-id-gsbp-4533f76\" class=\"gspb_heading gspb_heading-id-gsbp-4533f76 \">\u0645\u0632\u0627\u06cc\u0627\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062f\u0631 2025<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-a7461b7\" class=\"gspb_text gspb_text-id-gsbp-a7461b7 \">\ud83d\udd37 <strong>1- \u0628\u0647\u0628\u0648\u062f SEO \u0648 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u062f\u0631 Google<\/strong> \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u062f\u0631 2025 \u062f\u06cc\u06af\u0631 \u0641\u0642\u0637 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0646\u0645\u06cc\u200c\u062e\u0648\u0627\u0646\u0646\u062f\u061b \u0628\u0644\u06a9\u0647 <strong>\u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0645\u0639\u0646\u0627<\/strong> \u0631\u0627 \u062a\u062d\u0644\u06cc\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0631 \u0627\u0633\u0627\u0633 \u0645\u0637\u0627\u0644\u0639\u0647 Search Atlas \u062f\u0631 \u062f\u0633\u0627\u0645\u0628\u0631 2025\u060c \u0635\u0641\u062d\u0627\u062a\u06cc \u06a9\u0647 \u0627\u0632 Semantic HTML \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>41\u066a \u06a9\u0645\u062a\u0631<\/strong> \u062e\u0637\u0627\u06cc \u062e\u0632\u0634 (Crawling) \u062f\u0627\u0631\u0646\u062f<\/li>\n\n\n\n<li>\u062f\u0631 Featured Snippets \u06af\u0648\u06af\u0644 \u0628\u06cc\u0634\u062a\u0631 \u0638\u0627\u0647\u0631 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f<\/li>\n\n\n\n<li>\u0628\u0631\u0627\u06cc Rich Results \u0645\u0627\u0646\u0646\u062f Breadcrumbs \u0648 Article Schema \u0648\u0627\u062c\u062f \u0634\u0631\u0627\u06cc\u0637\u200c\u062a\u0631\u0646\u062f<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-e919cd4\" class=\"gspb_text gspb_text-id-gsbp-e919cd4 \">\ud83d\udd37<strong>2- \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc (Accessibility) \u0628\u0631\u0627\u06cc \u0647\u0645\u0647<\/strong> \u0628\u06cc\u0634 \u0627\u0632 1.3 \u0645\u06cc\u0644\u06cc\u0627\u0631\u062f \u0646\u0641\u0631 \u062f\u0631 \u062c\u0647\u0627\u0646 \u062f\u0627\u0631\u0627\u06cc \u0646\u0648\u0639\u06cc \u0645\u0639\u0644\u0648\u0644\u06cc\u062a \u0647\u0633\u062a\u0646\u062f. Screen readers \u0645\u0627\u0646\u0646\u062f JAWS \u0648 NVDA \u0627\u0632 Semantic elements \u0628\u0631\u0627\u06cc \u0647\u062f\u0627\u06cc\u062a \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0646\u0627\u0628\u06cc\u0646\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;nav&gt;<\/code> \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u0645\u06cc\u200c\u06af\u0648\u06cc\u062f &#8220;\u0627\u06cc\u0646\u062c\u0627 \u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc \u0627\u0633\u062a&#8221;<\/li>\n\n\n\n<li><code>&lt;main&gt;<\/code> \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 Skip Navigation \u0631\u0627 \u0645\u0645\u06a9\u0646 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f<\/li>\n\n\n\n<li><code>&lt;article&gt;<\/code> \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f \u0627\u06cc\u0646 \u0645\u062d\u062a\u0648\u0627 \u0645\u0633\u062a\u0642\u0644 \u0648 \u0642\u0627\u0628\u0644 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0627\u0633\u062a<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-2dc523f\" id=\"gspb_container-id-gsbp-2dc523f\">\n<div id=\"gspb_text-id-gsbp-62573d0\" class=\"gspb_text gspb_text-id-gsbp-62573d0 \">\ud83d\udccc <strong>\u0622\u0645\u0627\u0631 2025:<\/strong> \u0637\u0628\u0642 \u06af\u0632\u0627\u0631\u0634 WebAIM\u060c \u0635\u0641\u062d\u0627\u062a\u06cc \u06a9\u0647 \u0627\u0632 ARIA \u0628\u0647 \u062c\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f <strong>34\u066a \u062e\u0637\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0628\u06cc\u0634\u062a\u0631<\/strong> \u062f\u0627\u0631\u0646\u062f.<\/div>\n<\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-6c19d33\" class=\"gspb_text gspb_text-id-gsbp-6c19d33 \">\ud83d\udd37 <strong>3- \u0622\u0645\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0628\u0631\u0627\u06cc \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc \u0648 LLM \u0647\u0627<\/strong> \u062f\u0631 \u0633\u0627\u0644 2025\u060c \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u0632\u0628\u0627\u0646\u06cc \u0628\u0632\u0631\u06af (\u0645\u0627\u0646\u0646\u062f ChatGPT \u0648 Gemini) \u0645\u062d\u062a\u0648\u0627\u06cc \u0648\u0628 \u0631\u0627 \u062e\u0632\u06cc\u062f\u0647 \u0648 \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f. \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0647 \u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645\u200c\u0647\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u062f\u0642\u06cc\u0642\u200c\u062a\u0631 \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u06a9\u0646\u0646\u062f<\/li>\n\n\n\n<li>\u0631\u0648\u0627\u0628\u0637 \u0628\u06cc\u0646 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u062f\u0631\u06a9 \u06a9\u0646\u0646\u062f<\/li>\n\n\n\n<li>\u062f\u0631 \u067e\u0627\u0633\u062e\u200c\u0647\u0627\u06cc \u062e\u0648\u062f\u060c \u0645\u0646\u0627\u0628\u0639 \u0631\u0627 \u0628\u0647\u062a\u0631 \u0627\u0631\u062c\u0627\u0639 \u062f\u0647\u0646\u062f<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-7061503\" class=\"gspb_text gspb_text-id-gsbp-7061503 \">\ud83d\udd37 <strong>4- \u0646\u06af\u0647\u062f\u0627\u0631\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0622\u0633\u0627\u0646\u200c\u062a\u0631<\/strong> \u06a9\u062f Semantic \u062e\u0648\u0627\u0646\u0627\u062a\u0631 \u0627\u0633\u062a. \u0648\u0642\u062a\u06cc \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u062c\u062f\u06cc\u062f \u0628\u0647 \u067e\u0631\u0648\u0698\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f\u060c \u0628\u0627 \u06cc\u06a9 \u0646\u06af\u0627\u0647 \u0628\u0647 \u06a9\u062f \u0645\u06cc\u200c\u0641\u0647\u0645\u062f \u0647\u0631 \u0628\u062e\u0634 \u0686\u0647 \u06a9\u0627\u0631\u06cc \u0627\u0646\u062c\u0627\u0645 \u0645\u06cc\u200c\u062f\u0647\u062f. \u0627\u06cc\u0646 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af \u06a9\u0647 \u062f\u0647\u200c\u0647\u0627 \u0635\u0641\u062d\u0647 \u062f\u0627\u0631\u0646\u062f\u060c \u0632\u0645\u0627\u0646 debugging \u0631\u0627 \u06a9\u0627\u0647\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-c45c9a1\" class=\"gspb_text gspb_text-id-gsbp-c45c9a1 \">\ud83d\udd37 <strong>5- \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u0628\u0627 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc \u0645\u062f\u0631\u0646<\/strong> \u0637\u0628\u0642 \u0645\u0642\u0627\u0644\u0647 DEV Community (\u0645\u0647 2025)\u060c \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628 2025 \u0645\u0627\u0646\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Next.js 14+<\/strong>: \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634\u200c\u0641\u0631\u0636 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062f\u0631 Server Components \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n\n\n\n<li><strong>Astro<\/strong>: \u0627\u0644\u06af\u0648\u0647\u0627\u06cc HTML-first \u0631\u0627 \u062a\u0631\u0648\u06cc\u062c \u0645\u06cc\u200c\u062f\u0647\u062f<\/li>\n\n\n\n<li><strong>Svelte<\/strong>: \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc Semantic \u0631\u0627 \u062f\u0631 documentation \u062e\u0648\u062f \u0622\u0645\u0648\u0632\u0634 \u0645\u06cc\u200c\u062f\u0647\u062f<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-6ba62dd\" id=\"gspb_container-id-gsbp-6ba62dd\">\n<div id=\"gspb_text-id-gsbp-b544104\" class=\"gspb_text gspb_text-id-gsbp-b544104 \">\u26a0\ufe0f <strong>\u0647\u0634\u062f\u0627\u0631:<\/strong> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0627\u062f\u0631\u0633\u062a \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u062f\u062a\u0631 \u0627\u0632 \u0639\u062f\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0622\u0646\u200c\u0647\u0627 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0642\u0631\u0627\u0631 \u062f\u0627\u062f\u0646 <code>&lt;header><\/code> \u062f\u0627\u062e\u0644 <code>&lt;footer><\/code> \u06cc\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0686\u0646\u062f <code>&lt;main><\/code> \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647\u060c \u0628\u0627\u0639\u062b \u0633\u0631\u062f\u0631\u06af\u0645\u06cc Screen readers \u0645\u06cc\u200c\u0634\u0648\u062f.<\/div>\n<\/div>\n\n\n\n<div id=\"html5-elements-categories\"><\/div><h2 id=\"gspb_heading-id-gsbp-024df21\" class=\"gspb_heading gspb_heading-id-gsbp-024df21 \">\u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u062c\u0627\u0645\u0639 \u0639\u0646\u0627\u0635\u0631 HTML5<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-3a3c738\" class=\"gspb_text gspb_text-id-gsbp-3a3c738 \">HTML5 \u0628\u06cc\u0634 \u0627\u0632 100 \u0639\u0646\u0635\u0631 \u0645\u062e\u062a\u0644\u0641 \u062f\u0627\u0631\u062f \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0628\u0631\u0627\u06cc \u06a9\u0627\u0631\u0628\u0631\u062f\u06cc \u062e\u0627\u0635 \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647\u200c\u0627\u0646\u062f. \u0637\u0628\u0642 \u0645\u0631\u062c\u0639 MDN \u0648 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f WHATWG\u060c \u0627\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0647 7 \u062f\u0633\u062a\u0647 \u0627\u0635\u0644\u06cc \u062a\u0642\u0633\u06cc\u0645 \u06a9\u0631\u062f:<\/p>\n\n\n\n<div id=\"Metadata-Elements-Behind-the-scenes-Information\"><\/div><h3 id=\"gspb_heading-id-gsbp-b123f78\" class=\"gspb_heading gspb_heading-id-gsbp-b123f78 \">1- \u0639\u0646\u0627\u0635\u0631 Metadata: \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u067e\u0634\u062a \u067e\u0631\u062f\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-1d3cc11\" class=\"gspb_text gspb_text-id-gsbp-1d3cc11 \">\u0627\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u062f\u0627\u062e\u0644 \u062a\u06af <code>&lt;head&gt;<\/code> \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u0648 \u0628\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0645\u0648\u062a\u0648\u0631\u0647\u0627\u06cc \u062c\u0633\u062a\u062c\u0648 \u0627\u0637\u0644\u0627\u0639\u0627\u062a\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 \u0635\u0641\u062d\u0647 \u0645\u06cc\u200c\u062f\u0647\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;head>\n  &lt;meta charset=\"UTF-8\">\n  &lt;meta name=\"viewport\" content=\"width=device-width\">\n  &lt;title>\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML | \u0648\u0628\u062f\u0627\u062f\u0647&lt;\/title>\n  &lt;meta name=\"description\" content=\"...\">\n  &lt;link rel=\"stylesheet\" href=\"style.css\">\n  &lt;script src=\"app.js\" defer>&lt;\/script>\n&lt;\/head><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">head<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">meta<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">charset=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">UTF-8<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">meta<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">viewport<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">width=device-width<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">title&gt;\u0633\u0627\u062e\u062a\u0627\u0631<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062a\u06af\u200c\u0647\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">HTML<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">|<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #62E884\">\u0648\u0628\u062f\u0627\u062f\u0647&lt;\/title&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">meta<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">description<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">link<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">stylesheet<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">style.css<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">script<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">app.js<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">defe<\/span><span style=\"color: #F6F6F4\">r&gt;&lt;<\/span><span style=\"color: #E7EE98\">\/scrip<\/span><span style=\"color: #F6F6F4\">t<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/head<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-4b97744\" class=\"gspb_text gspb_text-id-gsbp-4b97744 \">\ud83d\udd38 <strong>\u06a9\u0627\u0631\u0628\u0631\u062f\u0647\u0627:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;title&gt;<\/code>: \u0639\u0646\u0648\u0627\u0646 \u0635\u0641\u062d\u0647 \u062f\u0631 \u062a\u0628 \u0645\u0631\u0648\u0631\u06af\u0631 \u0648 \u0646\u062a\u0627\u06cc\u062c \u06af\u0648\u06af\u0644<\/li>\n\n\n\n<li><code>&lt;meta&gt;<\/code>: \u0627\u0637\u0644\u0627\u0639\u0627\u062a SEO\u060c \u06a9\u0627\u0631\u0627\u06a9\u062a\u0631\u0633\u062a\u060c viewport \u0648 Open Graph<\/li>\n\n\n\n<li><code>&lt;link&gt;<\/code>: \u0627\u062a\u0635\u0627\u0644 \u0628\u0647 CSS\u060c \u0641\u0648\u0646\u062a\u200c\u0647\u0627\u060c Favicon \u0648 Preload resources<\/li>\n\n\n\n<li><code>&lt;style&gt;<\/code>: CSS \u062f\u0627\u062e\u0644\u06cc (Inline CSS)<\/li>\n\n\n\n<li><code>&lt;script&gt;<\/code>: \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc JavaScript<\/li>\n<\/ul>\n\n\n\n<div id=\"Sectioning-Elements-Page-Architecture\"><\/div><h3 id=\"gspb_heading-id-gsbp-dfaed42\" class=\"gspb_heading gspb_heading-id-gsbp-dfaed42 \">2- \u0639\u0646\u0627\u0635\u0631 Sectioning: \u0645\u0639\u0645\u0627\u0631\u06cc \u0635\u0641\u062d\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-1cc3795\" class=\"gspb_text gspb_text-id-gsbp-1cc3795 \">\u0639\u0646\u0627\u0635\u0631 \u0633\u0637\u062d \u0628\u0644\u0648\u06a9\u06cc \u06a9\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u06a9\u0644\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;header>\n  &lt;nav>\u0645\u0646\u0648\u06cc \u0627\u0635\u0644\u06cc&lt;\/nav>\n&lt;\/header>\n\n&lt;main>\n  &lt;article>\n    &lt;section>\u0628\u062e\u0634 \u0627\u0648\u0644 \u0645\u0642\u0627\u0644\u0647&lt;\/section>\n    &lt;section>\u0628\u062e\u0634 \u062f\u0648\u0645 \u0645\u0642\u0627\u0644\u0647&lt;\/section>\n  &lt;\/article>\n  &lt;aside>\u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u0646\u0628\u06cc&lt;\/aside>\n&lt;\/main>\n\n&lt;footer>\u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a 2025&lt;\/footer><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">nav&gt;\u0645\u0646\u0648\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0635\u0644\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/na<\/span><span style=\"color: #F6F6F4\">v<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">main<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">section&gt;\u0628\u062e\u0634<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0648\u0644<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0642\u0627\u0644\u0647<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/sectio<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">section&gt;\u0628\u062e\u0634<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0648\u0645<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0642\u0627\u0644\u0647<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/sectio<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">\/article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">aside&gt;\u0645\u062d\u062a\u0648\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062c\u0627\u0646\u0628\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/asid<\/span><span style=\"color: #F6F6F4\">e<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/main<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">footer<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a <\/span><span style=\"color: #F286C4\">2025&lt;<\/span><span style=\"color: #F6F6F4\">\/footer<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u25c0\ufe0f <strong><code>&lt;header&gt;<\/code><\/strong>: \u0633\u0631\u0628\u0631\u06af \u0635\u0641\u062d\u0647 \u06cc\u0627 \u0628\u062e\u0634 &#8211; \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0634\u0627\u0645\u0644 \u0644\u0648\u06af\u0648\u060c \u0645\u0646\u0648 \u0648 \u0639\u0646\u0648\u0627\u0646 <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;nav&gt;<\/code><\/strong>: \u0628\u062e\u0634 \u0646\u0627\u0648\u0628\u0631\u06cc &#8211; \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;main&gt;<\/code><\/strong>: \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc &#8211; \u0641\u0642\u0637 <strong>\u06cc\u06a9 \u0628\u0627\u0631<\/strong> \u062f\u0631 \u0647\u0631 \u0635\u0641\u062d\u0647 <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;article&gt;<\/code><\/strong>: \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0633\u062a\u0642\u0644 \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0622\u0646 \u0631\u0627 \u062c\u062f\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f (\u0645\u0642\u0627\u0644\u0647\u060c \u067e\u0633\u062a\u060c \u0645\u062d\u0635\u0648\u0644) <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;section&gt;<\/code><\/strong>: \u0628\u062e\u0634\u200c\u0628\u0646\u062f\u06cc \u0645\u0648\u0636\u0648\u0639\u06cc \u0645\u062d\u062a\u0648\u0627 &#8211; \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0627 Heading \u0634\u0631\u0648\u0639 \u0645\u06cc\u200c\u0634\u0648\u062f <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;aside&gt;<\/code><\/strong>: \u0645\u062d\u062a\u0648\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0627\u0645\u0627 \u062c\u0627\u0646\u0628\u06cc (\u0633\u0627\u06cc\u062f\u0628\u0627\u0631\u060c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637) <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;footer&gt;<\/code><\/strong>: \u067e\u0627\u0646\u0648\u06cc\u0633 \u0635\u0641\u062d\u0647 \u06cc\u0627 \u0628\u062e\u0634 &#8211; \u0634\u0627\u0645\u0644 \u06a9\u067e\u06cc\u200c\u0631\u0627\u06cc\u062a\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u060c \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u062a\u0645\u0627\u0633<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-da9f8ca\" class=\"gspb_text gspb_text-id-gsbp-da9f8ca \">\ud83d\udccc <strong>\u062a\u0641\u0627\u0648\u062a <code>&lt;article&gt;<\/code> \u0648 <code>&lt;section&gt;<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;article&gt;<\/code>: \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 \u0628\u0647 \u062a\u0646\u0647\u0627\u06cc\u06cc \u0645\u0639\u0646\u0627 \u062f\u0627\u0631\u062f (\u0645\u062b\u0644 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af)<\/li>\n\n\n\n<li><code>&lt;section&gt;<\/code>: \u0628\u062e\u0634\u06cc \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0632\u0631\u06af\u200c\u062a\u0631 (\u0645\u062b\u0644 \u0641\u0635\u0644\u200c\u0647\u0627\u06cc \u06cc\u06a9 \u06a9\u062a\u0627\u0628)<\/li>\n<\/ul>\n\n\n\n<div id=\"Text-Content-Elements-Written-Content\"><\/div><h3 id=\"gspb_heading-id-gsbp-a668b27\" class=\"gspb_heading gspb_heading-id-gsbp-a668b27 \">3- \u0639\u0646\u0627\u0635\u0631 Text Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u0646\u0648\u0634\u062a\u0627\u0631\u06cc<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-2ba92b1\" class=\"gspb_text gspb_text-id-gsbp-2ba92b1 \">\u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0628\u0644\u0648\u06a9\u200c\u0647\u0627\u06cc \u0645\u062a\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;h1>\u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc&lt;\/h1>\n&lt;h2>\u0632\u06cc\u0631\u0639\u0646\u0648\u0627\u0646&lt;\/h2>\n&lt;p>\u0627\u06cc\u0646 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0633\u062a.&lt;\/p>\n&lt;blockquote cite=\"...\">\u0646\u0642\u0644 \u0642\u0648\u0644 \u0628\u0644\u0648\u06a9&lt;\/blockquote>\n&lt;pre>\u06a9\u062f \u0628\u0627 \u0641\u0631\u0645\u062a\u200c\u0628\u0646\u062f\u06cc \u0627\u0635\u0644\u06cc&lt;\/pre>\n&lt;hr> &lt;!-- \u062e\u0637 \u062c\u062f\u0627 \u06a9\u0646\u0646\u062f\u0647 -->\n&lt;div>\u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0628\u062f\u0648\u0646 \u0645\u0639\u0646\u0627\u06cc \u062e\u0627\u0635&lt;\/div><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">h<\/span><span style=\"color: #F286C4\">1&gt;<\/span><span style=\"color: #F6F6F4\">\u0639\u0646\u0648\u0627\u0646 \u0627\u0635\u0644\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/h<\/span><span style=\"color: #F286C4\">1&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">h<\/span><span style=\"color: #F286C4\">2&gt;<\/span><span style=\"color: #F6F6F4\">\u0632\u06cc\u0631\u0639\u0646\u0648\u0627\u0646<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/h<\/span><span style=\"color: #F286C4\">2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">p<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0627\u06cc\u0646 \u06cc\u06a9 \u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u0627\u0633\u062a.<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">blockquote cite=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0646\u0642\u0644 \u0642\u0648\u0644 \u0628\u0644\u0648\u06a9<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/blockquote<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">pre<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u062f \u0628\u0627 \u0641\u0631\u0645\u062a\u200c\u0628\u0646\u062f\u06cc \u0627\u0635\u0644\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/pre<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">hr<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0637<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062c\u062f\u0627<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u06a9\u0646\u0646\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u0627\u0646\u062a\u06cc\u0646\u0631 \u0628\u062f\u0648\u0646 \u0645\u0639\u0646\u0627\u06cc \u062e\u0627\u0635<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-7b8f60b\" class=\"gspb_text gspb_text-id-gsbp-7b8f60b \">\ud83d\udd38 <strong>\u0646\u06a9\u0627\u062a \u0645\u0647\u0645:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Heading hierarchy<\/strong> \u0631\u0627 \u0631\u0639\u0627\u06cc\u062a \u06a9\u0646\u06cc\u062f: <code>&lt;h1&gt;<\/code> \u2192 <code>&lt;h2&gt;<\/code> \u2192 <code>&lt;h3&gt;<\/code> (\u0628\u062f\u0648\u0646 \u067e\u0631\u0634)<\/li>\n\n\n\n<li>\u0627\u0632 <code>&lt;div&gt;<\/code> \u0641\u0642\u0637 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0639\u0646\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0645\u0646\u0627\u0633\u0628\u200c\u062a\u0631\u06cc \u0648\u062c\u0648\u062f \u0646\u062f\u0627\u0631\u062f<\/li>\n\n\n\n<li><code>&lt;pre&gt;<\/code> \u0641\u0636\u0627\u0647\u0627\u06cc \u062e\u0627\u0644\u06cc \u0648 Line breaks \u0631\u0627 \u062d\u0641\u0638 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u06a9\u062f)<\/li>\n<\/ul>\n\n\n\n<div id=\"Inline-Text-Semantics-Elements-Giving-Meaning-to-Text\"><\/div><h3 id=\"gspb_heading-id-gsbp-e8f1b96\" class=\"gspb_heading gspb_heading-id-gsbp-e8f1b96 \">4- \u0639\u0646\u0627\u0635\u0631 Inline Text Semantics: \u0645\u0639\u0646\u0627 \u062f\u0627\u062f\u0646 \u0628\u0647 \u0645\u062a\u0646<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-fc4ad5b\" class=\"gspb_text gspb_text-id-gsbp-fc4ad5b \">\u0628\u0631\u0627\u06cc \u0628\u0631\u062c\u0633\u062a\u0647\u200c\u0633\u0627\u0632\u06cc \u06cc\u0627 \u0645\u0639\u0646\u0627\u062f\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0642\u0633\u0645\u062a\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0645\u062a\u0646:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;p>\n  \u0627\u06cc\u0646 \u0645\u062a\u0646 &lt;strong>\u0645\u0647\u0645&lt;\/strong> \u0627\u0633\u062a \u0648 \u0627\u06cc\u0646 &lt;em>\u062a\u0623\u06a9\u06cc\u062f&lt;\/em> \u062f\u0627\u0631\u062f.\n  \u06a9\u062f: &lt;code>console.log()&lt;\/code>\n  \u062a\u0627\u0631\u06cc\u062e: &lt;time datetime=\"2025-01-16\">\u06f1\u06f6 \u0698\u0627\u0646\u0648\u06cc\u0647 \u06f2\u06f0\u06f2\u06f5&lt;\/time>\n  &lt;mark>\u0645\u062a\u0646 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0634\u062f\u0647&lt;\/mark>\n&lt;\/p><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">\u0627\u06cc\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u062a\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">stron<\/span><span style=\"color: #F6F6F4\">g<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0645\u0647\u0645<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/stron<\/span><span style=\"color: #F6F6F4\">g<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0648<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u06cc\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">e<\/span><span style=\"color: #F6F6F4\">m<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u062a\u0623\u06a9\u06cc\u062f<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/e<\/span><span style=\"color: #F6F6F4\">m<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0627\u0631\u062f.<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">\u06a9\u062f:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">cod<\/span><span style=\"color: #F6F6F4\">e<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">console.log<\/span><span style=\"color: #F6F6F4\">()<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/cod<\/span><span style=\"color: #F6F6F4\">e<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">\u062a\u0627\u0631\u06cc\u062e:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">time<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">datetime=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">2025-01-16<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u06f1\u06f6<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0698\u0627\u0646\u0648\u06cc\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">\u06f2\u06f0\u06f2\u06f5<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/tim<\/span><span style=\"color: #F6F6F4\">e<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">mark&gt;\u0645\u062a\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0647\u0627\u06cc\u0644\u0627\u06cc\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0634\u062f\u0647<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/mar<\/span><span style=\"color: #F6F6F4\">k<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u25c0\ufe0f <strong><code>&lt;strong&gt;<\/code><\/strong>: \u0627\u0647\u0645\u06cc\u062a \u0628\u0627\u0644\u0627 (\u0645\u0639\u0645\u0648\u0644\u0627\u064b Bold \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;em&gt;<\/code><\/strong>: \u062a\u0623\u06a9\u06cc\u062f (\u0645\u0639\u0645\u0648\u0644\u0627\u064b Italic)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;code&gt;<\/code><\/strong>: \u0642\u0637\u0639\u0647 \u06a9\u062f \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;mark&gt;<\/code><\/strong>: \u0628\u0631\u062c\u0633\u062a\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062a\u0646 (\u0645\u0627\u0646\u0646\u062f Highlighter)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;time&gt;<\/code><\/strong>: \u062a\u0627\u0631\u06cc\u062e \u0648 \u0632\u0645\u0627\u0646 &#8211; \u0628\u0627 <code>datetime<\/code> \u0628\u0631\u0627\u06cc \u0645\u0627\u0634\u06cc\u0646\u200c\u0647\u0627 \u0642\u0627\u0628\u0644 \u062e\u0648\u0627\u0646\u062f\u0646 \u0627\u0633\u062a <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>&lt;span&gt;<\/code><\/strong>: \u0639\u0646\u0635\u0631 Inline \u0628\u062f\u0648\u0646 \u0645\u0639\u0646\u0627\u06cc \u062e\u0627\u0635<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-c991b47\" class=\"gspb_text gspb_text-id-gsbp-c991b47 \">\ud83d\udccc <strong><code>&lt;b&gt;<\/code> vs <code>&lt;strong&gt;<\/code> \u0648 <code>&lt;i&gt;<\/code> vs <code>&lt;em&gt;<\/code>:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;strong&gt;<\/code> \u0648 <code>&lt;em&gt;<\/code> \u0645\u0639\u0646\u0627\u06cc\u06cc \u0647\u0633\u062a\u0646\u062f (\u0627\u0647\u0645\u06cc\u062a \u0648 \u062a\u0623\u06a9\u06cc\u062f)<\/li>\n\n\n\n<li><code>&lt;b&gt;<\/code> \u0648 <code>&lt;i&gt;<\/code> \u0635\u0631\u0641\u0627\u064b \u0638\u0627\u0647\u0631\u06cc \u0647\u0633\u062a\u0646\u062f (Bold \u0648 Italic)<\/li>\n\n\n\n<li><strong>\u062a\u0648\u0635\u06cc\u0647 2025<\/strong>: \u0627\u0632 <code>&lt;strong&gt;<\/code> \u0648 <code>&lt;em&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n\n\n\n<div id=\"Lists-elements-Lists\"><\/div><h3 id=\"gspb_heading-id-gsbp-c26b320\" class=\"gspb_heading gspb_heading-id-gsbp-c26b320 \">5- \u0639\u0646\u0627\u0635\u0631 Lists: \u0644\u06cc\u0633\u062a\u200c\u0647\u0627<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-16d3094\" class=\"gspb_text gspb_text-id-gsbp-16d3094 \">\u0633\u0647 \u0646\u0648\u0639 \u0644\u06cc\u0633\u062a \u062f\u0631 HTML \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- Unordered List -->\n&lt;ul>\n  &lt;li>\u0645\u0648\u0631\u062f \u0627\u0648\u0644&lt;\/li>\n  &lt;li>\u0645\u0648\u0631\u062f \u062f\u0648\u0645&lt;\/li>\n&lt;\/ul>\n\n&lt;!-- Ordered List -->\n&lt;ol>\n  &lt;li>\u06af\u0627\u0645 \u0627\u0648\u0644&lt;\/li>\n  &lt;li>\u06af\u0627\u0645 \u062f\u0648\u0645&lt;\/li>\n&lt;\/ol>\n\n&lt;!-- Description List -->\n&lt;dl>\n  &lt;dt>HTML&lt;\/dt>\n  &lt;dd>\u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648\u0628&lt;\/dd>\n  &lt;dt>CSS&lt;\/dt>\n  &lt;dd>\u0632\u0628\u0627\u0646 \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc&lt;\/dd>\n&lt;\/dl><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Unordered<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">List<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">ul<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">li&gt;\u0645\u0648\u0631\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0648\u0644<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/l<\/span><span style=\"color: #F6F6F4\">i<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">li&gt;\u0645\u0648\u0631\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0648\u0645<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/l<\/span><span style=\"color: #F6F6F4\">i<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/ul<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Ordered<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">List<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">ol<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">li&gt;\u06af\u0627\u0645<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0648\u0644<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/l<\/span><span style=\"color: #F6F6F4\">i<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">li&gt;\u06af\u0627\u0645<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0648\u0645<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/l<\/span><span style=\"color: #F6F6F4\">i<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/ol<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Description<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">List<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">dl<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">dt&gt;HTML&lt;\/dt&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">dd&gt;\u0632\u0628\u0627\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0648\u0628<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/d<\/span><span style=\"color: #F6F6F4\">d<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">dt&gt;CSS&lt;\/dt&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">dd&gt;\u0632\u0628\u0627\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u062f\u0647\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/d<\/span><span style=\"color: #F6F6F4\">d<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/dl<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"Embedded-ontent\"><\/div><h3 id=\"gspb_heading-id-gsbp-343e736\" class=\"gspb_heading gspb_heading-id-gsbp-343e736 \">6- \u0639\u0646\u0627\u0635\u0631 Embedded Content: \u0645\u062d\u062a\u0648\u0627\u06cc \u062c\u0627\u0633\u0627\u0632\u06cc \u0634\u062f\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-b0866d2\" class=\"gspb_text gspb_text-id-gsbp-b0866d2 \">\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0648\u06cc\u062f\u06cc\u0648\u060c \u0635\u062f\u0627 \u0648 \u0645\u062d\u062a\u0648\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;img src=\"photo.jpg\" alt=\"\u062a\u0648\u0636\u06cc\u062d \u062a\u0635\u0648\u06cc\u0631\" loading=\"lazy\">\n\n&lt;picture>\n  &lt;source srcset=\"image.webp\" type=\"image\/webp\">\n  &lt;img src=\"image.jpg\" alt=\"\u062a\u0635\u0648\u06cc\u0631\">\n&lt;\/picture>\n\n&lt;video controls>\n  &lt;source src=\"video.mp4\" type=\"video\/mp4\">\n&lt;\/video>\n\n&lt;iframe src=\"https:\/\/example.com\">&lt;\/iframe><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">img src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">photo.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u062a\u0648\u0636\u06cc\u062d \u062a\u0635\u0648\u06cc\u0631<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> loading=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">lazy<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">picture<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #97E1F1\">source<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">srcset=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">image.webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">image\/webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">img<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">image.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u062a\u0635\u0648\u06cc\u0631<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/picture<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">video controls<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #97E1F1\">source<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">video.mp4<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">video\/mp4<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/video<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">iframe src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/example.com<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\">&gt;&lt;\/iframe<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-a87cf75\" class=\"gspb_text gspb_text-id-gsbp-a87cf75 \">\ud83d\udd38 <strong>\u0646\u06a9\u0627\u062a 2025:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>loading=\"lazy\"<\/code><\/strong>: \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u062a\u0646\u0628\u0644 (Lazy loading) \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0633\u0631\u0639\u062a<\/li>\n\n\n\n<li><strong><code>&lt;picture&gt;<\/code><\/strong>: Responsive images \u0628\u0631\u0627\u06cc \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641<\/li>\n\n\n\n<li>\u0647\u0645\u06cc\u0634\u0647 <code>alt<\/code> \u0631\u0627 \u0628\u0631\u0627\u06cc <code>&lt;img&gt;<\/code> \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f (\u062d\u062a\u06cc \u0627\u06af\u0631 \u062e\u0627\u0644\u06cc \u0628\u0627\u0634\u062f: <code>alt=\"\"<\/code>)<\/li>\n<\/ul>\n\n\n\n<div id=\"Forms\"><\/div><h3 id=\"gspb_heading-id-gsbp-c2dbfd1\" class=\"gspb_heading gspb_heading-id-gsbp-c2dbfd1 \">7- \u0639\u0646\u0627\u0635\u0631 Forms: \u0641\u0631\u0645\u200c\u0647\u0627 \u0648 \u0648\u0631\u0648\u062f\u06cc\u200c\u0647\u0627<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-43f45a5\" class=\"gspb_text gspb_text-id-gsbp-43f45a5 \">\u0628\u0631\u0627\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0632 \u06a9\u0627\u0631\u0628\u0631:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;form action=\"\/submit\" method=\"POST\">\n  &lt;label for=\"name\">\u0646\u0627\u0645:&lt;\/label>\n  &lt;input type=\"text\" id=\"name\" name=\"name\" required>\n  \n  &lt;select name=\"plan\">\n    &lt;option value=\"basic\">\u067e\u0627\u06cc\u0647&lt;\/option>\n    &lt;option value=\"pro\">\u062d\u0631\u0641\u0647\u200c\u0627\u06cc&lt;\/option>\n  &lt;\/select>\n  \n  &lt;textarea name=\"message\" rows=\"4\">&lt;\/textarea>\n  \n  &lt;button type=\"submit\">\u0627\u0631\u0633\u0627\u0644&lt;\/button>\n&lt;\/form><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">form action=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\/submit<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> method=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">POST<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">label<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">for=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">name<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0646\u0627\u0645:<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/labe<\/span><span style=\"color: #F6F6F4\">l<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">input<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">text<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">name<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">name<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">require<\/span><span style=\"color: #F6F6F4\">d<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">s<\/span><span style=\"color: #62E884\">elect<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">plan<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">option<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">value=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">basic<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u067e\u0627\u06cc\u0647<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/optio<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">option<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">value=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">pro<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/optio<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">\/select&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">textarea<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">message<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">rows=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">4<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\">&gt;&lt;<\/span><span style=\"color: #E7EE98\">\/textare<\/span><span style=\"color: #F6F6F4\">a<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">button<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">submit<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0627\u0631\u0633\u0627\u0644<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/butto<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/form<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-b212747\" class=\"gspb_text gspb_text-id-gsbp-b212747 \">\ud83d\udd38 <strong>HTML5 Input Types \u062c\u062f\u06cc\u062f:<\/strong> <code>email<\/code>, <code>url<\/code>, <code>tel<\/code>, <code>number<\/code>, <code>date<\/code>, <code>color<\/code>, <code>range<\/code> \u0648&#8230; \u06a9\u0647 \u0648\u0644\u06cc\u062f\u06cc\u0634\u0646 \u062f\u0627\u062e\u0644\u06cc \u062f\u0627\u0631\u0646\u062f.<\/p>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-fa4298c\" id=\"gspb_image-id-gsbp-fa4298c\"><img decoding=\"async\" src=\"https:\/\/webdade.com\/blog\/wp-content\/uploads\/2026\/01\/html-tags-elements-structure2.webp\" data-src=\"\" alt=\"\u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0686\u06cc\u0633\u062a\" loading=\"lazy\" width=\"910\" height=\"492\"\/><\/div>\n\n\n\n<div id=\"html-attributes\"><\/div><h2 id=\"gspb_heading-id-gsbp-5c1c91b\" class=\"gspb_heading gspb_heading-id-gsbp-5c1c91b \">Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0639\u0646\u0627\u0635\u0631 HTML<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-4951bc2\" class=\"gspb_text gspb_text-id-gsbp-4951bc2 \">Attributes (\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u06cc\u0627 \u062e\u0635\u0648\u0635\u06cc\u0627\u062a) \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0627\u0636\u0627\u0641\u06cc \u0628\u0647 \u0639\u0646\u0627\u0635\u0631 HTML \u0645\u06cc\u200c\u062f\u0647\u0646\u062f. \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 Opening Tag \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f \u0648 \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u0628\u0647 \u0635\u0648\u0631\u062a <code>name=\"value\"<\/code> \u0647\u0633\u062a\u0646\u062f:<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#00529e1a\"><code>&lt;a href=\"https:\/\/webdade.com\" target=\"_blank\" rel=\"noopener\"&gt;\n   \u25b2           \u25b2                  \u25b2              \u25b2\n element    attribute          attribute     attribute\n<\/code><\/pre>\n\n\n\n<div id=\"Global-Attributes\"><\/div><h3 id=\"gspb_heading-id-gsbp-81bf519\" class=\"gspb_heading gspb_heading-id-gsbp-81bf519 \">Global Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u062c\u0647\u0627\u0646\u06cc<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-a92fa20\" class=\"gspb_text gspb_text-id-gsbp-a92fa20 \">\u0627\u06cc\u0646 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0631\u0648\u06cc <strong>\u062a\u0645\u0627\u0645<\/strong> \u0639\u0646\u0627\u0635\u0631 HTML \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0647\u0633\u062a\u0646\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u25c0\ufe0f <strong><code>id<\/code><\/strong>: \u0634\u0646\u0627\u0633\u0647 \u06cc\u06a9\u062a\u0627 &#8211; \u0641\u0642\u0637 \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 id \u062e\u0627\u0635 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>class<\/code><\/strong>: \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0628\u0631\u0627\u06cc CSS \u0648 JavaScript &#8211; \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0686\u0646\u062f class \u062f\u0627\u062f<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>style<\/code><\/strong>: \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc Inline CSS<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>title<\/code><\/strong>: tooltip \u06a9\u0647 \u0628\u0627 Hover \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>lang<\/code><\/strong>: \u0632\u0628\u0627\u0646 \u0645\u062d\u062a\u0648\u0627 (<code>lang=\"fa\"<\/code> \u0628\u0631\u0627\u06cc \u0641\u0627\u0631\u0633\u06cc)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>dir<\/code><\/strong>: \u062c\u0647\u062a \u0645\u062a\u0646 (<code>dir=\"rtl\"<\/code> \u0628\u0631\u0627\u06cc \u0631\u0627\u0633\u062a \u0628\u0647 \u0686\u067e) <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>hidden<\/code><\/strong>: \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0639\u0646\u0635\u0631 <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>tabindex<\/code><\/strong>: \u062a\u0631\u062a\u06cc\u0628 \u0641\u0648\u06a9\u0648\u0633 \u0628\u0627 \u06a9\u06cc\u0628\u0648\u0631\u062f <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>contenteditable<\/code><\/strong>: \u0642\u0627\u0628\u0644 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0646 \u0645\u062d\u062a\u0648\u0627 <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>draggable<\/code><\/strong>: \u0642\u0627\u0628\u0644\u06cc\u062a Drag &amp; Drop<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-be01a59\" class=\"gspb_text gspb_text-id-gsbp-be01a59 \">\ud83d\udd38 <strong><code>data-*<\/code> Attributes:<\/strong> \u0628\u0631\u0627\u06cc \u0630\u062e\u06cc\u0631\u0647 \u062f\u0627\u062f\u0647\u200c\u0647\u0627\u06cc \u0633\u0641\u0627\u0631\u0634\u06cc \u06a9\u0647 \u0628\u0627 JavaScript \u0642\u0627\u0628\u0644 \u062f\u0633\u062a\u0631\u0633 \u0647\u0633\u062a\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;article data-post-id=\"12345\" data-author=\"ali\">\n  ...\n&lt;\/article>\n\n&lt;script>\n  const article = document.querySelector('article');\n  console.log(article.dataset.postId); \/\/ \"12345\"\n&lt;\/script><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">article data-post-id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">12345<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> data-author=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">ali<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #97E1F1\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/article<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">script<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">const<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">article<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">document.querySelector<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #62E884\">&#39;article&#39;<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">console.log(article.dataset.postId<\/span><span style=\"color: #F6F6F4\">); <\/span><span style=\"color: #62E884\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">12345<\/span><span style=\"color: #DEE492\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/script<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"ARIA-Attributes\"><\/div><h3 id=\"gspb_heading-id-gsbp-161fcda\" class=\"gspb_heading gspb_heading-id-gsbp-161fcda \">ARIA Attributes: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-9cb9743\" class=\"gspb_text gspb_text-id-gsbp-9cb9743 \">ARIA (Accessible Rich Internet Applications) \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0627\u06cc \u0627\u0632 attribute \u0647\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0633\u062a. \u062f\u0631 2025\u060c \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f <strong>\u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/strong> \u0648 \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u0628\u0647 ARIA \u0645\u062a\u0648\u0633\u0644 \u0634\u0648\u06cc\u062f.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-223f723\" class=\"gspb_text gspb_text-id-gsbp-223f723 \">\ud83d\udccc <strong>\u0642\u0627\u0646\u0648\u0646 \u0637\u0644\u0627\u06cc\u06cc ARIA (\u0628\u0631 \u0627\u0633\u0627\u0633 W3C):<\/strong><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>&#8220;\u0627\u06af\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06cc\u06a9 \u0639\u0646\u0635\u0631 HTML \u0628\u0648\u0645\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 ARIA \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0646\u06cc\u062f&#8221;<\/p>\n<\/blockquote>\n\n\n\n<p id=\"gspb_text-id-gsbp-f12776b\" class=\"gspb_text gspb_text-id-gsbp-f12776b \">\u0645\u062b\u0627\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0635\u062d\u06cc\u062d ARIA:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u062e\u0648\u0628: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0639\u0646\u0635\u0631 \u0628\u0648\u0645\u06cc -->\n&lt;button>\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f&lt;\/button>\n\n&lt;!-- \u0628\u062f: \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0647\u0648\u062f\u0647 \u0627\u0632 ARIA -->\n&lt;div role=\"button\" tabindex=\"0\" onclick=\"...\">\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f&lt;\/div>\n\n&lt;!-- \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0635\u062d\u06cc\u062d ARIA: \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0639\u0646\u0635\u0631 \u0628\u0648\u0645\u06cc \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a -->\n&lt;div role=\"alert\" aria-live=\"polite\">\n  \u067e\u06cc\u0627\u0645 \u0628\u0627 \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0631\u0633\u0627\u0644 \u0634\u062f\n&lt;\/div><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0648\u0628:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0632<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0635\u0631<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0648\u0645\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">button<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/button<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u062f:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u06cc\u0647\u0648\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0632<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">ARIA<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div role=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">button<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> tabindex=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">0<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> onclick=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0635\u062d\u06cc\u062d<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">ARIA:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0632\u0645\u0627\u0646\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u06a9\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0635\u0631<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0648\u0645\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u06a9\u0627\u0641\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0646\u06cc\u0633\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div role=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">alert<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> aria-live=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">polite<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">\u067e\u06cc\u0627\u0645<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0627<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0648\u0641\u0642\u06cc\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0631\u0633\u0627\u0644<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0634\u062f<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-98eaf14\" class=\"gspb_text gspb_text-id-gsbp-98eaf14 \">\u0628\u0631\u062e\u06cc \u0627\u0632 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 ARIA attributes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u25c0\ufe0f <strong><code>role<\/code><\/strong>: \u0646\u0642\u0634 \u0639\u0646\u0635\u0631 (<code>role=\"navigation\"<\/code>, <code>role=\"button\"<\/code>)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-label<\/code><\/strong>: \u0628\u0631\u0686\u0633\u0628 \u0628\u0631\u0627\u06cc Screen readers <\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-labelledby<\/code><\/strong>: \u0627\u0631\u062c\u0627\u0639 \u0628\u0647 id \u0639\u0646\u0635\u0631 \u062f\u06cc\u06af\u0631 \u0628\u0631\u0627\u06cc \u0628\u0631\u0686\u0633\u0628<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-describedby<\/code><\/strong>: \u062a\u0648\u0636\u06cc\u062d\u0627\u062a \u0627\u0636\u0627\u0641\u06cc<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-hidden<\/code><\/strong>: \u0645\u062e\u0641\u06cc \u06a9\u0631\u062f\u0646 \u0627\u0632 Screen readers<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-live<\/code><\/strong>: \u0627\u0639\u0644\u0627\u0645 \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0632\u0646\u062f\u0647 (Live regions)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-expanded<\/code><\/strong>: \u0648\u0636\u0639\u06cc\u062a \u0628\u0627\u0632\/\u0628\u0633\u062a\u0647 (\u0628\u0631\u0627\u06cc \u0645\u0646\u0648\u0647\u0627)<\/li>\n\n\n\n<li>\u25c0\ufe0f <strong><code>aria-current<\/code><\/strong>: \u0646\u0634\u0627\u0646 \u062f\u0627\u062f\u0646 \u0635\u0641\u062d\u0647 \u0641\u0639\u0644\u06cc<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-78895ba\" id=\"gspb_container-id-gsbp-78895ba\">\n<div id=\"gspb_text-id-gsbp-0349edf\" class=\"gspb_text gspb_text-id-gsbp-0349edf \">\u26a0\ufe0f <strong>\u0647\u0634\u062f\u0627\u0631:<\/strong> \u0637\u0628\u0642 \u06af\u0632\u0627\u0631\u0634 WebAIM 2024\u060c \u0635\u0641\u062d\u0627\u062a\u06cc \u06a9\u0647 ARIA \u062f\u0627\u0631\u0646\u062f \u0627\u0645\u0627 \u0628\u0647 \u0627\u0634\u062a\u0628\u0627\u0647 \u067e\u06cc\u0627\u062f\u0647\u200c\u0633\u0627\u0632\u06cc \u0634\u062f\u0647\u060c <strong>41\u066a \u062e\u0637\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631<\/strong> \u0646\u0633\u0628\u062a \u0628\u0647 \u0635\u0641\u062d\u0627\u062a \u0628\u062f\u0648\u0646 ARIA \u062f\u0627\u0631\u0646\u062f.<\/div>\n<\/div>\n\n\n\n<div id=\"Boolean-Attributes\"><\/div><h3 id=\"gspb_heading-id-gsbp-260da5b\" class=\"gspb_heading gspb_heading-id-gsbp-260da5b \">Boolean Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0628\u0648\u0644\u06cc<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-0e3e02c\" class=\"gspb_text gspb_text-id-gsbp-0e3e02c \">\u0628\u0631\u062e\u06cc Attributes \u0641\u0642\u0637 \u062d\u0636\u0648\u0631 \u062f\u0627\u0631\u0646\u062f \u06cc\u0627 \u0646\u062f\u0627\u0631\u0646\u062f \u0648 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 value \u0646\u062f\u0627\u0631\u0646\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;input type=\"text\" required disabled readonly>\n&lt;video controls autoplay muted loop>\n&lt;details open><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">input type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">text<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> required disabled readonly<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">video controls autoplay muted loop<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">details open<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-00e5ea2\" id=\"gspb_container-id-gsbp-00e5ea2\">\n<div id=\"gspb_text-id-gsbp-1ddbae9\" class=\"gspb_text gspb_text-id-gsbp-1ddbae9 \">\u0646\u06a9\u062a\u0647: <code>required=\"\"<\/code> \u06cc\u0627 <code>required=\"required\"<\/code> \u06cc\u0627 \u0641\u0642\u0637 <code>required<\/code> \u0647\u0631 \u0633\u0647 \u0645\u0639\u0627\u062f\u0644 \u0647\u0633\u062a\u0646\u062f.<\/div>\n<\/div>\n\n\n\n<div id=\"Element-Specific-Attributes\"><\/div><h3 id=\"gspb_heading-id-gsbp-7af1554\" class=\"gspb_heading gspb_heading-id-gsbp-7af1554 \">Element-Specific Attributes: \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-473d730\" class=\"gspb_text gspb_text-id-gsbp-473d730 \">\u0647\u0631 \u0639\u0646\u0635\u0631 \u0645\u0645\u06a9\u0646 \u0627\u0633\u062a Attributes \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062e\u0648\u062f \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;img src=\"photo.jpg\" alt=\"\u062a\u0648\u0636\u06cc\u062d\" width=\"300\" height=\"200\">\n&lt;a href=\"\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n&lt;form action=\"\/submit\" method=\"POST\" enctype=\"multipart\/form-data\">\n&lt;input type=\"email\" placeholder=\"example@domain.com\" pattern=\"...\">\n<\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">img src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">photo.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u062a\u0648\u0636\u06cc\u062d<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> width=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">300<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> height=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">200<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">a href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\/<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> target=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">_blank<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">noopener noreferrer<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">form action=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\/submit<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> method=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">POST<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> enctype=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">multipart\/form-data<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">input type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">email<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> placeholder=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">example@domain.com<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> pattern=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div id=\"dom-document-object-model\"><\/div><h2 id=\"gspb_heading-id-gsbp-d9a0e81\" class=\"gspb_heading gspb_heading-id-gsbp-d9a0e81 \">DOM: \u067e\u0644 \u0628\u06cc\u0646 HTML \u0648 JavaScript<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-64f67db\" class=\"gspb_text gspb_text-id-gsbp-64f67db \">\u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 HTML \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f. \u0627\u0645\u0627 \u0686\u0637\u0648\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0627\u06cc\u0646 \u06a9\u062f \u0631\u0627 \u062a\u0641\u0633\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f \u067e\u0627\u0633\u062e \u062f\u0631 <strong>DOM (Document Object Model)<\/strong> \u0627\u0633\u062a.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-5ec12a3\" class=\"gspb_text gspb_text-id-gsbp-5ec12a3 \">DOM \u06cc\u06a9 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631\u062e\u062a\u06cc \u0627\u0632 \u0633\u0646\u062f HTML \u0627\u0633\u062a \u06a9\u0647 \u0645\u0631\u0648\u0631\u06af\u0631 \u0645\u06cc\u200c\u0633\u0627\u0632\u062f. \u0648\u0642\u062a\u06cc \u06cc\u06a9 \u0635\u0641\u062d\u0647 HTML \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u06cc\u200c\u0634\u0648\u062f:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong> Parsing:<\/strong> \u0645\u0631\u0648\u0631\u06af\u0631 \u06a9\u062f HTML \u0631\u0627 \u062a\u062c\u0632\u06cc\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f <\/li>\n\n\n\n<li><strong>DOM Construction:<\/strong> \u06cc\u06a9 \u062f\u0631\u062e\u062a \u0627\u0632 \u0627\u0634\u06cc\u0627\u0621 (Objects) \u0645\u06cc\u200c\u0633\u0627\u0632\u062f <\/li>\n\n\n\n<li><strong>CSSOM:<\/strong> \u0645\u062f\u0644 \u0645\u0634\u0627\u0628\u0647 \u0628\u0631\u0627\u06cc CSS \u0627\u06cc\u062c\u0627\u062f \u0645\u06cc\u200c\u0634\u0648\u062f <\/li>\n\n\n\n<li><strong>Render Tree:<\/strong> \u062a\u0631\u06a9\u06cc\u0628 DOM \u0648 CSSOM \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634<\/li>\n\n\n\n<li><strong>Accessibility Tree:<\/strong> \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc Screen readers<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#00529e1a\"><code>HTML                        DOM Tree\n&lt;html&gt;                     document\n  &lt;body&gt;                   \u251c\u2500\u2500 html\n    &lt;h1&gt;\u0639\u0646\u0648\u0627\u0646&lt;\/h1&gt;         \u2502   \u2514\u2500\u2500 body\n    &lt;p&gt;\u0645\u062a\u0646&lt;\/p&gt;             \u2502       \u251c\u2500\u2500 h1\n  &lt;\/body&gt;                  \u2502       \u2502   \u2514\u2500\u2500 \"\u0639\u0646\u0648\u0627\u0646\"\n&lt;\/html&gt;                    \u2502       \u2514\u2500\u2500 p\n                           \u2502           \u2514\u2500\u2500 \"\u0645\u062a\u0646\"\n<\/code><\/pre>\n\n\n\n<div id=\"Interacting-with-the-DOM-via-JavaScript\"><\/div><h3 id=\"gspb_heading-id-gsbp-e24e11a\" class=\"gspb_heading gspb_heading-id-gsbp-e24e11a \">\u062a\u0639\u0627\u0645\u0644 \u0628\u0627 DOM \u0627\u0632 \u0637\u0631\u06cc\u0642 JavaScript<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-368b50d\" class=\"gspb_text gspb_text-id-gsbp-368b50d \">JavaScript \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f DOM \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u062f \u0648 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>\/\/ \u0627\u0646\u062a\u062e\u0627\u0628 \u0639\u0646\u0635\u0631\nconst heading = document.querySelector('h1');\n\n\/\/ \u062a\u063a\u06cc\u06cc\u0631 \u0645\u062d\u062a\u0648\u0627\nheading.textContent = '\u0639\u0646\u0648\u0627\u0646 \u062c\u062f\u06cc\u062f';\n\n\/\/ \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 Class\nheading.classList.add('highlight');\n\n\/\/ \u0627\u06cc\u062c\u0627\u062f \u0639\u0646\u0635\u0631 \u062c\u062f\u06cc\u062f\nconst para = document.createElement('p');\npara.textContent = '\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f';\ndocument.body.appendChild(para);<\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #62E884\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0646\u062a\u062e\u0627\u0628<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0635\u0631<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">const<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">heading<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">document.querySelector<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #62E884\">&#39;h1&#39;<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062a\u063a\u06cc\u06cc\u0631<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u062d\u062a\u0648\u0627<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">heading.textContent<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0648\u0627\u0646 \u062c\u062f\u06cc\u062f<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0636\u0627\u0641\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u06a9\u0631\u062f\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Class<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">heading.classList.add(<\/span><span style=\"color: #62E884\">&#39;highlight&#39;<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u06cc\u062c\u0627\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0635\u0631<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062c\u062f\u06cc\u062f<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">const<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">para<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">document.createElement<\/span><span style=\"color: #F6F6F4\">(<\/span><span style=\"color: #62E884\">&#39;p&#39;<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">para.textContent<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">=<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #E7EE98\">\u067e\u0627\u0631\u0627\u06af\u0631\u0627\u0641 \u062c\u062f\u06cc\u062f<\/span><span style=\"color: #DEE492\">&#39;<\/span><span style=\"color: #F6F6F4\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">document.body.appendChild(para<\/span><span style=\"color: #F6F6F4\">);<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-2349476\" class=\"gspb_text gspb_text-id-gsbp-2349476 \">\ud83d\udd38 <strong>HTMLElement Interface:<\/strong> \u0647\u0631 \u0639\u0646\u0635\u0631 HTML \u062f\u0631 DOM \u06cc\u06a9 \u0634\u06cc\u0621 \u0627\u0632 \u0646\u0648\u0639 <code>HTMLElement<\/code> (\u06cc\u0627 \u0632\u06cc\u0631\u06a9\u0644\u0627\u0633 \u0622\u0646) \u0627\u0633\u062a \u06a9\u0647 Properties \u0648 Methods \u0645\u062e\u062a\u0644\u0641\u06cc \u062f\u0627\u0631\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>element.innerHTML     \/\/ \u0645\u062d\u062a\u0648\u0627\u06cc HTML\nelement.textContent   \/\/ \u0641\u0642\u0637 \u0645\u062a\u0646\nelement.style         \/\/ \u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc Inline\nelement.attributes    \/\/ \u0644\u06cc\u0633\u062a Attributes\nelement.classList     \/\/ \u0645\u062f\u06cc\u0631\u06cc\u062a Classes<\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #62E884\">element.innerHTML<\/span><span style=\"color: #F6F6F4\">     <\/span><span style=\"color: #E7EE98\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u062d\u062a\u0648\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">HTML<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">element.textContent<\/span><span style=\"color: #F6F6F4\">   <\/span><span style=\"color: #E7EE98\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0641\u0642\u0637<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u062a\u0646<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">element.style<\/span><span style=\"color: #F6F6F4\">         <\/span><span style=\"color: #E7EE98\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Inline<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">element.attributes<\/span><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #E7EE98\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0644\u06cc\u0633\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Attributes<\/span><\/span>\n<span class=\"line\"><span style=\"color: #62E884\">element.classList<\/span><span style=\"color: #F6F6F4\">     <\/span><span style=\"color: #E7EE98\">\/\/<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u062f\u06cc\u0631\u06cc\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Classes<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"Custom-Elements-Creating-Custom-Tags\"><\/div><h3 id=\"gspb_heading-id-gsbp-8276568\" class=\"gspb_heading gspb_heading-id-gsbp-8276568 \">\u0639\u0646\u0627\u0635\u0631 \u0633\u0641\u0627\u0631\u0634\u06cc: \u0633\u0627\u062e\u062a \u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-9fb85ad\" class=\"gspb_text gspb_text-id-gsbp-9fb85ad \">\u06cc\u06a9\u06cc \u0627\u0632 \u0642\u0627\u0628\u0644\u06cc\u062a\u200c\u0647\u0627\u06cc \u062c\u0627\u0644\u0628 HTML \u0645\u062f\u0631\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f <strong>\u062a\u06af\u200c\u0647\u0627\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u062e\u0648\u062f\u062a\u0627\u0646<\/strong> \u0628\u0633\u0627\u0632\u06cc\u062f! <br>\u0628\u0647 \u0627\u06cc\u0646 \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f <strong>Web Components<\/strong>.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-7d39604\" class=\"gspb_text gspb_text-id-gsbp-7d39604 \">\u0641\u0631\u0636 \u06a9\u0646\u06cc\u062f \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u06cc\u06a9 \u062f\u06a9\u0645\u0647 \u0648\u06cc\u0698\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0627\u062a \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627\u0634\u062f. \u0628\u0647 \u062c\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0647\u0631 \u0628\u0627\u0631 \u06a9\u062f \u0622\u0646 \u0631\u0627 \u06a9\u067e\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u06cc\u06a9 \u062a\u06af \u0633\u0641\u0627\u0631\u0634\u06cc \u0645\u0627\u0646\u0646\u062f <code>&lt;my-button&gt;<\/code> \u0628\u0633\u0627\u0632\u06cc\u062f:<\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0633\u0627\u062f\u0647 \u0627\u0632 \u062a\u06af \u0633\u0641\u0627\u0631\u0634\u06cc -->\n&lt;my-button>\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f&lt;\/my-button><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0633\u0627\u062f\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0632<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062a\u06af<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0633\u0641\u0627\u0631\u0634\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">my-button<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/my-button<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-16b0c79\" class=\"gspb_text gspb_text-id-gsbp-16b0c79 \">\u0627\u06cc\u0646 \u062a\u06af \u0631\u0627 \u0628\u0627 JavaScript \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0648 \u0628\u0639\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u0647\u0645\u0647 \u062c\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0645\u0632\u06cc\u062a \u0627\u06cc\u0646 \u0631\u0648\u0634 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u06a9\u062f \u0634\u0645\u0627 \u062a\u0645\u06cc\u0632\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f<\/li>\n\n\n\n<li>\u0627\u0633\u062a\u0627\u06cc\u0644\u200c\u0647\u0627 \u062c\u062f\u0627 \u0627\u0632 \u0628\u0642\u06cc\u0647 \u0635\u0641\u062d\u0647 \u0647\u0633\u062a\u0646\u062f<\/li>\n\n\n\n<li>\u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u062c\u062f\u062f \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-greenshift-blocks-container gspb_container gspb_container-gsbp-b01a42e\" id=\"gspb_container-id-gsbp-b01a42e\">\n<div id=\"gspb_text-id-gsbp-3108699\" class=\"gspb_text gspb_text-id-gsbp-3108699 \">\ud83d\udd38 <strong>\u0646\u06a9\u062a\u0647:<\/strong> \u0627\u06cc\u0646 \u06cc\u06a9 \u0645\u0648\u0636\u0648\u0639 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631 \u0627\u0633\u062a \u0648 \u0628\u06cc\u0634\u062a\u0631 \u062f\u0631 \u0641\u0631\u06cc\u0645\u0648\u0631\u06a9\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f React \u0648 Vue \u06a9\u0627\u0631\u0628\u0631\u062f \u062f\u0627\u0631\u062f. \u0627\u06af\u0631 \u062a\u0627\u0632\u0647 \u0634\u0631\u0648\u0639 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0646\u06af\u0631\u0627\u0646 \u0627\u06cc\u0646 \u0642\u0633\u0645\u062a \u0646\u0628\u0627\u0634\u06cc\u062f\u061b \u0627\u0648\u0644 \u0627\u0635\u0648\u0644 \u0627\u0648\u0644\u06cc\u0647 \u0631\u0627 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f.<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-image gspb_image gspb_image-id-gsbp-51c3633\" id=\"gspb_image-id-gsbp-51c3633\"><img decoding=\"async\" src=\"https:\/\/webdade.com\/blog\/wp-content\/uploads\/2026\/01\/html-tags-elements-structure1.webp\" data-src=\"\" alt=\"\u0639\u0646\u0627\u0635\u0631 HTML\" loading=\"lazy\" width=\"910\" height=\"492\"\/><\/div>\n\n\n\n<div id=\"html-best-practices-2025\"><\/div><h2 id=\"gspb_heading-id-gsbp-c8fd77d\" class=\"gspb_heading gspb_heading-id-gsbp-c8fd77d \">\u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc HTML \u062f\u0631 2025<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-d681445\" class=\"gspb_text gspb_text-id-gsbp-d681445 \">\u062e\u0648\u0628\u060c \u062a\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u0627 \u062a\u0626\u0648\u0631\u06cc \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f. \u062d\u0627\u0644\u0627 \u0648\u0642\u062a \u0622\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0628\u062f\u0627\u0646\u06cc\u062f \u0686\u0637\u0648\u0631 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc HTML \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.<\/p>\n\n\n\n<div id=\"Accessibility-First\"><\/div><h3 id=\"gspb_heading-id-gsbp-8bb34ee\" class=\"gspb_heading gspb_heading-id-gsbp-8bb34ee \">1- Accessibility First: \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u0627\u0648\u0644<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-7bc0d07\" class=\"gspb_text gspb_text-id-gsbp-7bc0d07 \">\u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc \u062f\u06cc\u06af\u0631 \u06cc\u06a9 \u0648\u06cc\u0698\u06af\u06cc \u0627\u062e\u062a\u06cc\u0627\u0631\u06cc \u0646\u06cc\u0633\u062a\u061b \u0628\u0644\u06a9\u0647 \u06cc\u06a9 \u0627\u0644\u0632\u0627\u0645 \u0627\u062e\u0644\u0627\u0642\u06cc \u0648 \u0642\u0627\u0646\u0648\u0646\u06cc \u0627\u0633\u062a. \u062f\u0631 \u0627\u0631\u0648\u067e\u0627\u060c EAA 2025 (European Accessibility Act) \u0627\u0644\u0632\u0627\u0645 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0634\u0631\u06a9\u062a\u200c\u0647\u0627\u06cc\u06cc \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 10 \u06a9\u0627\u0631\u0645\u0646\u062f \u06cc\u0627 \u062f\u0631\u0622\u0645\u062f \u0628\u0627\u0644\u0627\u06cc 2 \u0645\u06cc\u0644\u06cc\u0648\u0646 \u06cc\u0648\u0631\u0648\u060c \u0627\u0632 \u0698\u0648\u0626\u0646 2025 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0631\u0627 \u0631\u0639\u0627\u06cc\u062a \u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-f275e25\" class=\"gspb_text gspb_text-id-gsbp-f275e25 \"><strong>\u0686\u06a9\u200c\u0644\u06cc\u0633\u062a \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Semantic HTML<\/strong> \u0628\u0647 \u062c\u0627\u06cc <code>&lt;div&gt;<\/code> \u0647\u0627\u06cc \u0628\u06cc\u200c\u0645\u0639\u0646\u0627 <\/li>\n\n\n\n<li>\u2705 <strong>Heading hierarchy<\/strong> \u0645\u0646\u0637\u0642\u06cc (\u06cc\u06a9 <code>&lt;h1&gt;<\/code> \u062f\u0631 \u0647\u0631 \u0635\u0641\u062d\u0647\u060c \u0628\u062f\u0648\u0646 \u067e\u0631\u0634 \u0633\u0637\u062d)<\/li>\n\n\n\n<li>\u2705 <strong><code>alt<\/code> \u0628\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u062a\u0635\u0627\u0648\u06cc\u0631<\/strong> &#8211; \u062e\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u062a\u0632\u0626\u06cc\u0646\u06cc: <code>alt=\"\"<\/code><\/li>\n\n\n\n<li>\u2705  <strong>Labels \u0628\u0631\u0627\u06cc Form inputs:<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;label for=\"email\">\u0627\u06cc\u0645\u06cc\u0644:&lt;\/label>\n&lt;input type=\"email\" id=\"email\" name=\"email\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">label for=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">email<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0627\u06cc\u0645\u06cc\u0644:<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/label<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">input type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">email<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">email<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">email<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>Focus visible<\/strong> \u0628\u0631\u0627\u06cc \u0646\u0627\u0648\u0628\u0631\u06cc \u0628\u0627 \u06a9\u06cc\u0628\u0648\u0631\u062f &#8211; \u0627\u0632 <code>outline: none<\/code> \u067e\u0631\u0647\u06cc\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>\u2705 <strong>Color contrast<\/strong> \u06a9\u0627\u0641\u06cc (\u062d\u062f\u0627\u0642\u0644 4.5:1 \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0645\u0639\u0645\u0648\u0644\u06cc)<\/li>\n\n\n\n<li>\u2705 <strong>Skip to main content<\/strong> \u0628\u0631\u0627\u06cc \u0631\u062f \u06a9\u0631\u062f\u0646 \u0645\u0646\u0648\u06cc \u062a\u06a9\u0631\u0627\u0631\u06cc:<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;a href=\"#main-content\" class=\"skip-link\">\u0631\u0641\u062a\u0646 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc&lt;\/a>\n&lt;main id=\"main-content\">...&lt;\/main><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">a href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">#main-content<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">skip-link<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0631\u0641\u062a\u0646 \u0628\u0647 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/a<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">main id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">main-content<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">...<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/main<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"Performance-Optimization\"><\/div><h3 id=\"gspb_heading-id-gsbp-f1c66ba\" class=\"gspb_heading gspb_heading-id-gsbp-f1c66ba \">2- Performance Optimization: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0633\u0631\u0639\u062a<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-83fa2c8\" class=\"gspb_text gspb_text-id-gsbp-83fa2c8 \">\u0633\u0631\u0639\u062a \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0631 SEO \u0648 \u062a\u062c\u0631\u0628\u0647 \u06a9\u0627\u0631\u0628\u0631 \u062a\u0623\u062b\u06cc\u0631 \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u062f. \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc HTML \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f Performance:<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-e5dc175\" class=\"gspb_text gspb_text-id-gsbp-e5dc175 \">\ud83d\udd38 <strong>Lazy Loading \u062a\u0635\u0627\u0648\u06cc\u0631:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;img src=\"photo.jpg\" alt=\"...\" loading=\"lazy\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">img src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">photo.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> loading=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">lazy<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-6cbef3c\" class=\"gspb_text gspb_text-id-gsbp-6cbef3c \">\ud83d\udd38 <strong>Async\/Defer \u0628\u0631\u0627\u06cc Scripts:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- Async: \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u0648\u0627\u0632\u06cc\u060c \u0627\u062c\u0631\u0627\u06cc \u0641\u0648\u0631\u06cc -->\n&lt;script src=\"analytics.js\" async>&lt;\/script>\n\n&lt;!-- Defer: \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u0648\u0627\u0632\u06cc\u060c \u0627\u062c\u0631\u0627 \u0628\u0639\u062f \u0627\u0632 \u067e\u0627\u0631\u0633 HTML -->\n&lt;script src=\"app.js\" defer>&lt;\/script><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Async:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0627\u0646\u0644\u0648\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0648\u0627\u0632\u06cc\u060c<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u062c\u0631\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0641\u0648\u0631\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">script src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">analytics.js<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> async&gt;&lt;\/script<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Defer:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0627\u0646\u0644\u0648\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0648\u0627\u0632\u06cc\u060c<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u062c\u0631\u0627<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0639\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0632<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u067e\u0627\u0631\u0633<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">HTML<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">script src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">app.js<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> defer&gt;&lt;\/script<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-fa6f400\" class=\"gspb_text gspb_text-id-gsbp-fa6f400 \">\ud83d\udd38 <strong>Resource Hints:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- Preconnect: \u0627\u062a\u0635\u0627\u0644 \u0632\u0648\u062f\u0647\u0646\u06af\u0627\u0645 \u0628\u0647 \u062f\u0627\u0645\u0646\u0647 -->\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n\n&lt;!-- Preload: \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0646\u0627\u0628\u0639 \u062d\u06cc\u0627\u062a\u06cc -->\n&lt;link rel=\"preload\" href=\"font.woff2\" as=\"font\" type=\"font\/woff2\" crossorigin>\n\n&lt;!-- Prefetch: \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0645\u0646\u0627\u0628\u0639 \u0635\u0641\u062d\u0627\u062a \u0628\u0639\u062f\u06cc -->\n&lt;link rel=\"prefetch\" href=\"\/next-page\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Preconnect:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u062a\u0635\u0627\u0644<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0632\u0648\u062f\u0647\u0646\u06af\u0627\u0645<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062f\u0627\u0645\u0646\u0647<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">link rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">preconnect<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/fonts.googleapis.com<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Preload:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0646\u0627\u0628\u0639<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062d\u06cc\u0627\u062a\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">link rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">preload<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">font.woff2<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> as=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">font<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">font\/woff2<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> crossorigin<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">Prefetch:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0646\u0627\u0628\u0639<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0635\u0641\u062d\u0627\u062a<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0639\u062f\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">link rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">prefetch<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\/next-page<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-07b76bd\" class=\"gspb_text gspb_text-id-gsbp-07b76bd \">\ud83d\udd38 <strong>Picture \u0628\u0631\u0627\u06cc Responsive Images:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;picture>\n  &lt;source media=\"(min-width: 800px)\" srcset=\"large.webp\" type=\"image\/webp\">\n  &lt;source media=\"(min-width: 400px)\" srcset=\"medium.webp\" type=\"image\/webp\">\n  &lt;img src=\"small.jpg\" alt=\"\u062a\u0635\u0648\u06cc\u0631\" loading=\"lazy\">\n&lt;\/picture><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">picture<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #97E1F1\">source<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">media=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">(min-width: 800px)<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">srcset=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">large.webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">image\/webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #97E1F1\">source<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">media=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">(min-width: 400px)<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">srcset=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">medium.webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">image\/webp<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">img<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">small.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">alt=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u062a\u0635\u0648\u06cc\u0631<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">loading=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">lazy<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/picture<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"SEO-Best-Practices\"><\/div><h3 id=\"gspb_heading-id-gsbp-99cc1cd\" class=\"gspb_heading gspb_heading-id-gsbp-99cc1cd \">3- SEO Best Practices: \u0628\u0647\u06cc\u0646\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u0648\u062a\u0648\u0631 \u062c\u0633\u062a\u062c\u0648<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-105b152\" class=\"gspb_text gspb_text-id-gsbp-105b152 \"><strong>Structured Data \u0648 Schema.org:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"headline\": \"\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"\u0648\u0628\u062f\u0627\u062f\u0647\"\n  },\n  \"datePublished\": \"2025-01-16\"\n}\n&lt;\/script><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">script type=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">application\/ld+json<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">&quot;@context&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/schema.org<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">&quot;@type&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">Article<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">&quot;headline&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">&quot;author&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">{<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">&quot;@type&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">Organization<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #62E884\">&quot;name&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u0648\u0628\u062f\u0627\u062f\u0647<\/span><span style=\"color: #DEE492\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  },<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #62E884\">&quot;datePublished&quot;<\/span><span style=\"color: #97E1F1\">:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">2025-01-16<\/span><span style=\"color: #DEE492\">&quot;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">\/script&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-202bc3e\" class=\"gspb_text gspb_text-id-gsbp-202bc3e \"><strong>Open Graph \u0628\u0631\u0627\u06cc \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;meta property=\"og:title\" content=\"\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML\">\n&lt;meta property=\"og:description\" content=\"...\">\n&lt;meta property=\"og:image\" content=\"https:\/\/webdade.com\/image.jpg\">\n&lt;meta property=\"og:type\" content=\"article\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta property=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">og:title<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">\u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta property=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">og:description<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta property=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">og:image<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/webdade.com\/image.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta property=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">og:type<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">article<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-6d2185d\" class=\"gspb_text gspb_text-id-gsbp-6d2185d \"><strong>Twitter Cards:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;meta name=\"twitter:card\" content=\"summary_large_image\">\n&lt;meta name=\"twitter:title\" content=\"...\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">twitter:card<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">summary_large_image<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta name=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">twitter:title<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> content=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">...<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"4-security-\u0627\u0645\u0646\u06cc\u062a\"><\/div><h3 id=\"gspb_heading-id-gsbp-23713c2\" class=\"gspb_heading gspb_heading-id-gsbp-23713c2 \">4- Security: \u0627\u0645\u0646\u06cc\u062a<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-b4c8306\" class=\"gspb_text gspb_text-id-gsbp-b4c8306 \">\u26a0\ufe0f <strong>\u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 XSS (Cross-Site Scripting):<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u0647\u0631\u06af\u0632<\/strong> \u0648\u0631\u0648\u062f\u06cc \u06a9\u0627\u0631\u0628\u0631 \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645 \u062f\u0631 HTML \u0642\u0631\u0627\u0631 \u0646\u062f\u0647\u06cc\u062f<\/li>\n\n\n\n<li>\u0627\u0632 Sanitization libraries \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>Content Security Policy \u0631\u0627 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;meta http-equiv=\"Content-Security-Policy\" \n      content=\"default-src 'self'; script-src 'self' 'unsafe-inline'\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">meta http-equiv=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">Content-Security-Policy<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">      <\/span><span style=\"color: #BF9EEE\">content<\/span><span style=\"color: #F286C4\">=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">default-src &#39;self&#39;; script-src &#39;self&#39; &#39;unsafe-inline&#39;<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-80c42a8\" class=\"gspb_text gspb_text-id-gsbp-80c42a8 \">\ud83d\udd38 <strong>Secure Attributes:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u0628\u0631\u0627\u06cc \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc \u062e\u0627\u0631\u062c\u06cc -->\n&lt;a href=\"https:\/\/example.com\" rel=\"noopener noreferrer\" target=\"_blank\">\n\n&lt;!-- \u0628\u0631\u0627\u06cc \u0645\u0646\u0627\u0628\u0639 \u062e\u0627\u0631\u062c\u06cc -->\n&lt;img src=\"https:\/\/cdn.example.com\/image.jpg\" crossorigin=\"anonymous\"><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0631\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0644\u06cc\u0646\u06a9\u200c\u0647\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0627\u0631\u062c\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">a href=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/example.com<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> rel=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">noopener noreferrer<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> target=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">_blank<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u0631\u0627\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0645\u0646\u0627\u0628\u0639<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0627\u0631\u062c\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">img src=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">https:\/\/cdn.example.com\/image.jpg<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F6F6F4\"> crossorigin=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">anonymous<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"5-code-quality-\u06a9\u06cc\u0641\u06cc\u062a-\u06a9\u062f\"><\/div><h3 id=\"gspb_heading-id-gsbp-25576a8\" class=\"gspb_heading gspb_heading-id-gsbp-25576a8 \">5- Code Quality: \u06a9\u06cc\u0641\u06cc\u062a \u06a9\u062f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>Validation:<\/strong> \u06a9\u062f \u062e\u0648\u062f \u0631\u0627 \u0628\u0627 W3C Validator \u0686\u06a9 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>\u2705 <strong>Indentation:<\/strong> \u062a\u0648\u0631\u0641\u062a\u06af\u06cc \u0645\u0646\u0638\u0645 \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u0627\u06cc\u06cc<\/li>\n\n\n\n<li>\u2705 <strong>Comments:<\/strong> \u0628\u0631\u0627\u06cc \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 \u062a\u0648\u0636\u06cc\u062d \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f<\/li>\n\n\n\n<li>\u2705 <strong>Lowercase tags:<\/strong> \u062a\u06af\u200c\u0647\u0627 \u0631\u0627 \u0628\u0627 \u062d\u0631\u0648\u0641 \u06a9\u0648\u0686\u06a9 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f <\/li>\n\n\n\n<li>\u2705 <strong>Close all tags:<\/strong> \u062d\u062a\u06cc \u062f\u0631 HTML5\u060c \u0628\u0633\u062a\u0646 \u062a\u06af\u200c\u0647\u0627 \u0639\u0627\u062f\u062a \u062e\u0648\u0628\u06cc \u0627\u0633\u062a<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(2 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u062e\u0648\u0628 -->\n&lt;section class=\"products\">\n  &lt;article>\n    &lt;h2>\u0645\u062d\u0635\u0648\u0644 \u06f1&lt;\/h2>\n    &lt;p>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a...&lt;\/p>\n  &lt;\/article>\n&lt;\/section>\n\n&lt;!-- \u0628\u062f -->\n&lt;SECTION class=products>\n&lt;ARTICLE>\n&lt;H2>\u0645\u062d\u0635\u0648\u0644 \u06f1\n&lt;P>\u062a\u0648\u0636\u06cc\u062d\u0627\u062a...\n&lt;\/SECTION><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0648\u0628<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">section class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">products<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">h2&gt;\u0645\u062d\u0635\u0648\u0644<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">\u06f1<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/h<\/span><span style=\"color: #F286C4\">2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">p&gt;\u062a\u0648\u0636\u06cc\u062d\u0627\u062a...&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">\/article&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/section<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">SECTION class=products<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">ARTICLE<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">H<\/span><span style=\"color: #F286C4\">2&gt;<\/span><span style=\"color: #F6F6F4\">\u0645\u062d\u0635\u0648\u0644 \u06f1<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">P<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u062a\u0648\u0636\u06cc\u062d\u0627\u062a...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/SECTION<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"advanced-tips-common-mistakes\"><\/div><h2 id=\"gspb_heading-id-gsbp-2a70899\" class=\"gspb_heading gspb_heading-id-gsbp-2a70899 \">\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0627\u0634\u062a\u0628\u0627\u0647\u0627\u062a \u0631\u0627\u06cc\u062c<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-1781dbb\" class=\"gspb_text gspb_text-id-gsbp-1781dbb \">\u274c <strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u06cc\u0634 \u0627\u0632 \u062d\u062f \u0627\u0632 <code>&lt;div&gt;<\/code> \u0648 <code>&lt;span&gt;<\/code><\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u0628\u062f -->\n&lt;div class=\"header\">\n  &lt;div class=\"title\">\u0639\u0646\u0648\u0627\u0646&lt;\/div>\n&lt;\/div>\n\n&lt;!-- \u062e\u0648\u0628 -->\n&lt;header>\n  &lt;h1>\u0639\u0646\u0648\u0627\u0646&lt;\/h1>\n&lt;\/header><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">div class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">header<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">div<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">title<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0639\u0646\u0648\u0627\u0646<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/di<\/span><span style=\"color: #F6F6F4\">v<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/div<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0648\u0628<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">h1&gt;\u0639\u0646\u0648\u0627\u0646&lt;\/h1&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/header<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u274c <strong>\u0686\u0646\u062f <code>&lt;h1&gt;<\/code> \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647<\/strong> \u062f\u0631 \u06af\u0630\u0634\u062a\u0647 HTML5 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0627\u062f\u060c \u0627\u0645\u0627 \u0627\u0632 \u0645\u06cc 2025 \u0627\u06cc\u0646 \u062a\u0648\u0635\u06cc\u0647 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0641\u0642\u0637 \u06cc\u06a9 <code>&lt;h1&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li>\u274c <strong>\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u06af\u200c\u0647\u0627\u06cc Deprecated<\/strong> \u062a\u06af\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f <code>&lt;font&gt;<\/code>, <code>&lt;center&gt;<\/code>, <code>&lt;marquee&gt;<\/code> \u062f\u06cc\u06af\u0631 \u0646\u0628\u0627\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u0646\u062f. \u0627\u0632 CSS \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/li>\n\n\n\n<li>\u274c <strong>\u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0631\u062f\u0646 <code>alt<\/code> \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631<\/strong> \u062d\u062a\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 \u062a\u0632\u0626\u06cc\u0646\u06cc\u060c <code>alt=\"\"<\/code> \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u062a\u0627 Screen reader \u0628\u062f\u0627\u0646\u062f \u0628\u0627\u06cc\u062f skip \u06a9\u0646\u062f.<\/li>\n\n\n\n<li>\u274c <strong>Inline styles \u0628\u0647 \u062c\u0627\u06cc External CSS<\/strong><\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;!-- \u0628\u062f -->\n&lt;p style=\"color: red; font-size: 16px;\">\u0645\u062a\u0646&lt;\/p>\n\n&lt;!-- \u062e\u0648\u0628 -->\n&lt;p class=\"highlight\">\u0645\u062a\u0646&lt;\/p><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0628\u062f<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">p style=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">color: red; font-size: 16px;<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0645\u062a\u0646<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;!<\/span><span style=\"color: #62E884\">--<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u062e\u0648\u0628<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #BF9EEE\">--<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">p class=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">highlight<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #F6F6F4\">\u0645\u062a\u0646<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"Advanced-Tips\"><\/div><h3 id=\"gspb_heading-id-gsbp-e5a7970\" class=\"gspb_heading gspb_heading-id-gsbp-e5a7970 \">\u0646\u06a9\u0627\u062a \u067e\u06cc\u0634\u0631\u0641\u062a\u0647<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-f931723\" class=\"gspb_text gspb_text-id-gsbp-f931723 \">\ud83d\udd38 <strong>Custom Elements:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;my-component>\n  &lt;template>\n    &lt;style>...&lt;\/style>\n    &lt;div>...&lt;\/div>\n  &lt;\/template>\n&lt;\/my-component><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">my-component<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">template&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">style&gt;...&lt;\/style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">    <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">div&gt;...&lt;\/div&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">\/template&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/my-component<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-e512df1\" class=\"gspb_text gspb_text-id-gsbp-e512df1 \">\ud83d\udd38 <strong>Dialog \u0628\u0631\u0627\u06cc Modal \u0647\u0627:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;dialog id=\"myDialog\">\n  &lt;h2>\u0639\u0646\u0648\u0627\u0646&lt;\/h2>\n  &lt;p>\u0645\u062d\u062a\u0648\u0627&lt;\/p>\n  &lt;button onclick=\"myDialog.close()\">\u0628\u0633\u062a\u0646&lt;\/button>\n&lt;\/dialog>\n\n&lt;button onclick=\"myDialog.showModal()\">\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646&lt;\/button><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">dialog id=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">myDialog<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">h2&gt;\u0639\u0646\u0648\u0627\u0646&lt;\/h2&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">p&gt;\u0645\u062d\u062a\u0648\u0627&lt;\/p&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">button<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">onclick=<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">myDialog.close()<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #F286C4\">&gt;<\/span><span style=\"color: #E7EE98\">\u0628\u0633\u062a\u0646<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/butto<\/span><span style=\"color: #F6F6F4\">n<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/dialog<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">button onclick=<\/span><span style=\"color: #62E884\">&quot;myDialog.showModal<\/span><span style=\"color: #F6F6F4\">()<\/span><span style=\"color: #DEE492\">&quot;<\/span><span style=\"color: #E7EE98\">&gt;\u0628\u0627\u0632 \u06a9\u0631\u062f\u0646&lt;\/button&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-38234ec\" class=\"gspb_text gspb_text-id-gsbp-38234ec \">\ud83d\udd38 <strong>Details\/Summary \u0628\u0631\u0627\u06cc Accordion:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro padding-bottom-disabled cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.875rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#f6f6f4;--cbp-line-number-width:calc(1 * 0.6 * .875rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#282A36\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#282A36;display:none;background-color:#f6f6f4\" aria-label=\"Copy\" data-copied-text=\"Copied!\" data-has-text-button=\"textSimple\" data-inside-header-type=\"headlights\" aria-live=\"polite\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;details>\n  &lt;summary>\u0633\u0648\u0627\u0644: HTML \u0686\u06cc\u0633\u062a\u061f&lt;\/summary>\n  &lt;p>HTML \u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0648\u0628 \u0627\u0633\u062a...&lt;\/p>\n&lt;\/details><\/textarea><\/pre><span class=\"cbp-btn-text\">Copy<\/span><\/span><pre class=\"shiki dracula-soft\" style=\"background-color: #282A36\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">details<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">summary&gt;\u0633\u0648\u0627\u0644:<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">HTML<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0686\u06cc\u0633\u062a\u061f<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/summar<\/span><span style=\"color: #F6F6F4\">y<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F6F6F4\">  <\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #62E884\">p&gt;HTML<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0632\u0628\u0627\u0646<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0648\u0628<\/span><span style=\"color: #F6F6F4\"> <\/span><span style=\"color: #E7EE98\">\u0627\u0633\u062a...<\/span><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #E7EE98\">\/<\/span><span style=\"color: #F6F6F4\">p<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F286C4\">&lt;<\/span><span style=\"color: #F6F6F4\">\/details<\/span><span style=\"color: #F286C4\">&gt;<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-start;background-color:#282A36;color:#ebebe6;font-size:12px;line-height:1;position:relative\"> <\/span><\/div>\n\n\n\n<div id=\"webdade-services\"><\/div><h2 id=\"gspb_heading-id-gsbp-ed37a6e\" class=\"gspb_heading gspb_heading-id-gsbp-ed37a6e \">\u062e\u062f\u0645\u0627\u062a \u0647\u0627\u0633\u062a\u06cc\u0646\u06af \u0648\u0628\u062f\u0627\u062f\u0647: \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u0634\u0645\u0627<\/h2>\n\n\n\n<p id=\"gspb_text-id-gsbp-87196a6\" class=\"gspb_text gspb_text-id-gsbp-87196a6 \">\u062d\u0627\u0644\u0627 \u06a9\u0647 \u0628\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 HTML \u0622\u0634\u0646\u0627 \u0634\u062f\u06cc\u062f\u060c \u0628\u0631\u0627\u06cc \u0631\u0627\u0647\u200c\u0627\u0646\u062f\u0627\u0632\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0628\u0647 \u06cc\u06a9 <strong>\u0647\u0627\u0633\u062a \u0645\u0639\u062a\u0628\u0631 \u0648 \u0633\u0631\u06cc\u0639<\/strong> \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f. \u0648\u0628\u062f\u0627\u062f\u0647 \u0628\u0627 \u0628\u06cc\u0634 \u0627\u0632 \u06cc\u06a9 \u062f\u0647\u0647 \u062a\u062c\u0631\u0628\u0647 \u062f\u0631 \u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u0647\u0627\u0633\u062a\u06cc\u0646\u06af\u060c \u0628\u0647\u062a\u0631\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0645\u06cc\u0632\u0628\u0627\u0646\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0634\u0645\u0627\u0633\u062a.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 <strong>\u0647\u0627\u0633\u062a \u0627\u0634\u062a\u0631\u0627\u06a9\u06cc cPanel<\/strong> &#8211; \u0645\u0646\u0627\u0633\u0628 \u0628\u0631\u0627\u06cc \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627\u06cc \u06a9\u0648\u0686\u06a9 \u0648 \u0645\u062a\u0648\u0633\u0637 \u0628\u0627 \u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0633\u0627\u062f\u0647<\/li>\n\n\n\n<li>\u2705 <strong>\u0633\u0631\u0648\u0631 \u0645\u062c\u0627\u0632\u06cc (VPS)<\/strong> &#8211; \u0645\u0646\u0627\u0628\u0639 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u0627 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0627\u0645\u0644 \u0631\u0648\u06cc \u0633\u0631\u0648\u0631<\/li>\n\n\n\n<li>\u2705 <strong>\u0633\u0631\u0648\u0631 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/strong> &#8211; \u0642\u062f\u0631\u062a \u0648 \u0627\u0645\u0646\u06cc\u062a \u0628\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc \u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627\u06cc \u0628\u0632\u0631\u06af<\/li>\n\n\n\n<li>\u2705 <strong>Cloud Hosting<\/strong> &#8211; \u0645\u0642\u06cc\u0627\u0633\u200c\u067e\u0630\u06cc\u0631\u06cc \u0648 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633\u200c\u0628\u0648\u062f\u06cc \u0628\u0627\u0644\u0627<\/li>\n\n\n\n<li>\u2705 <strong>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u06f2\u06f4\/\u06f7<\/strong> &#8211; \u062a\u06cc\u0645 \u0641\u0646\u06cc \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0634\u0645\u0627<\/li>\n\n\n\n<li>\u2705 <strong>\u062f\u06cc\u062a\u0627\u0633\u0646\u062a\u0631\u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f<\/strong> &#8211; \u0627\u06cc\u0631\u0627\u0646\u060c \u0647\u0644\u0646\u062f\u060c \u0622\u0644\u0645\u0627\u0646\u060c \u0641\u0631\u0627\u0646\u0633\u0647\u060c \u062a\u0631\u06a9\u06cc\u0647\u060c \u0627\u0645\u0627\u0631\u0627\u062a \u0648 \u0622\u0645\u0631\u06cc\u06a9\u0627<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-1c98d4d\" class=\"gspb_text gspb_text-id-gsbp-1c98d4d \">\ud83d\udd36 <strong>\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0641\u0646\u06cc \u0647\u0627\u0633\u062a\u200c\u0647\u0627\u06cc \u0648\u0628\u062f\u0627\u062f\u0647:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SSL \u0631\u0627\u06cc\u06af\u0627\u0646<\/strong> \u0628\u0631\u0627\u06cc \u0627\u0645\u0646\u06cc\u062a \u0648 SEO \u0628\u0647\u062a\u0631<\/li>\n\n\n\n<li><strong>Backup \u062e\u0648\u062f\u06a9\u0627\u0631 \u0631\u0648\u0632\u0627\u0646\u0647<\/strong> \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u062f\u0627\u062f\u0647\u200c\u0647\u0627<\/li>\n\n\n\n<li><strong>CDN \u0631\u0627\u06cc\u06af\u0627\u0646<\/strong> \u0628\u0631\u0627\u06cc \u0633\u0631\u0639\u062a \u0628\u06cc\u0634\u062a\u0631<\/li>\n\n\n\n<li><strong>PHP \u06f8.x \u0648 MariaDB<\/strong> \u0628\u0647\u200c\u0631\u0648\u0632\u062a\u0631\u06cc\u0646 \u0646\u0633\u062e\u0647\u200c\u0647\u0627<\/li>\n\n\n\n<li><strong>HTTP\/2 \u0648 HTTP\/3<\/strong> \u0628\u0631\u0627\u06cc Performance \u0628\u0647\u062a\u0631<\/li>\n\n\n\n<li><strong>Softaculous<\/strong> \u0628\u0631\u0627\u06cc \u0646\u0635\u0628 \u0622\u0633\u0627\u0646 WordPress, Joomla \u0648&#8230;<\/li>\n<\/ul>\n\n\n\n<div id=\"conclusion\"><\/div><h3 id=\"gspb_heading-id-gsbp-4c9adae\" class=\"gspb_heading gspb_heading-id-gsbp-4c9adae \">\u062c\u0645\u0639\u200c\u0628\u0646\u062f\u06cc: HTML \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u062f\u0631 2025<\/h3>\n\n\n\n<p id=\"gspb_text-id-gsbp-7002baf\" class=\"gspb_text gspb_text-id-gsbp-7002baf \">\u062f\u0631 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647\u060c \u0633\u0641\u0631\u06cc \u062c\u0627\u0645\u0639 \u062f\u0631 \u062f\u0646\u06cc\u0627\u06cc \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0648 \u0639\u0646\u0627\u0635\u0631 HTML \u062f\u0627\u0634\u062a\u06cc\u0645. \u0627\u0632 \u0622\u0646\u0627\u062a\u0648\u0645\u06cc \u06cc\u06a9 \u0639\u0646\u0635\u0631 \u0633\u0627\u062f\u0647 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u0645\u0639\u0645\u0627\u0631\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647 Semantic HTML\u060c \u0627\u0632 Global Attributes \u062a\u0627 ARIA\u060c \u0648 \u0627\u0632 DOM \u062a\u0627 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0634\u06cc\u0648\u0647\u200c\u0647\u0627\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc\u200c\u067e\u0630\u06cc\u0631\u06cc &#8211; \u0647\u0645\u0647 \u062c\u0646\u0628\u0647\u200c\u0647\u0627\u06cc HTML \u0645\u062f\u0631\u0646 \u0631\u0627 \u067e\u0648\u0634\u0634 \u062f\u0627\u062f\u06cc\u0645.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-6a96dea\" class=\"gspb_text gspb_text-id-gsbp-6a96dea \">\u0646\u06a9\u0627\u062a \u06a9\u0644\u06cc\u062f\u06cc \u06a9\u0647 \u0628\u0627\u06cc\u062f \u0628\u0647 \u062e\u0627\u0637\u0631 \u0628\u0633\u067e\u0627\u0631\u06cc\u062f:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udfaf <strong>Semantic HTML \u0627\u0648\u0644\u0648\u06cc\u062a \u0627\u0633\u062a<\/strong> &#8211; \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0647 \u062c\u0627\u06cc <code>&lt;div&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>\ud83c\udfaf <strong>Accessibility \u062d\u0642 \u0647\u0645\u0647 \u0627\u0633\u062a<\/strong> &#8211; \u06a9\u062f \u0634\u0645\u0627 \u0628\u0627\u06cc\u062f \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0628\u0627\u0634\u062f<\/li>\n\n\n\n<li>\ud83c\udfaf <strong>Performance \u0645\u0647\u0645 \u0627\u0633\u062a<\/strong> &#8211; \u0627\u0632 \u062a\u06a9\u0646\u06cc\u06a9\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f lazy loading \u0648 resource hints \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>\ud83c\udfaf <strong>Validation \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f<\/strong> &#8211; \u06a9\u062f \u0645\u0639\u062a\u0628\u0631\u060c \u06a9\u062f \u0628\u0647\u062a\u0631 \u0627\u0633\u062a <\/li>\n\n\n\n<li>\ud83c\udfaf <strong>HTML \u062a\u0646\u0647\u0627 \u0633\u0627\u062e\u062a\u0627\u0631 \u0627\u0633\u062a<\/strong> &#8211; \u0627\u0632 CSS \u0628\u0631\u0627\u06cc \u0638\u0627\u0647\u0631 \u0648 JavaScript \u0628\u0631\u0627\u06cc \u0631\u0641\u062a\u0627\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-24fb796\" class=\"gspb_text gspb_text-id-gsbp-24fb796 \">\u062f\u0631 <strong>\u0648\u0628\u200c\u062f\u0627\u062f\u0647<\/strong>\u060c \u0645\u0627 \u0645\u0639\u062a\u0642\u062f\u06cc\u0645 \u06a9\u0647 \u067e\u0627\u06cc\u0647\u200c\u0647\u0627\u06cc \u0645\u062d\u06a9\u0645 (\u0645\u0627\u0646\u0646\u062f HTML \u0635\u062d\u06cc\u062d) \u06a9\u0644\u06cc\u062f \u0645\u0648\u0641\u0642\u06cc\u062a \u0647\u0631 \u067e\u0631\u0648\u0698\u0647 \u0648\u0628 \u0627\u0633\u062a. \u0686\u0647 \u062f\u0631 \u062d\u0627\u0644 \u0633\u0627\u062e\u062a \u06cc\u06a9 \u0648\u0628\u0644\u0627\u06af \u0634\u062e\u0635\u06cc \u0628\u0627\u0634\u06cc\u062f\u060c \u0686\u0647 \u06cc\u06a9 \u0641\u0631\u0648\u0634\u06af\u0627\u0647 \u0627\u06cc\u0646\u062a\u0631\u0646\u062a\u06cc \u06cc\u0627 \u06cc\u06a9 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u067e\u06cc\u0686\u06cc\u062f\u0647\u060c \u0631\u0639\u0627\u06cc\u062a \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc HTML \u0628\u0647 \u0634\u0645\u0627 \u06a9\u0645\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f \u062a\u0627:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u062f\u0631 \u0646\u062a\u0627\u06cc\u062c \u062c\u0633\u062a\u062c\u0648\u06cc \u06af\u0648\u06af\u0644 \u0628\u0647\u062a\u0631 \u062f\u06cc\u062f\u0647 \u0634\u0648\u06cc\u062f<\/li>\n\n\n\n<li>\u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0648\u062f \u062c\u0630\u0628 \u06a9\u0646\u06cc\u062f<\/li>\n\n\n\n<li>\u06a9\u062f \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u200c\u062a\u0631\u06cc \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f<\/li>\n\n\n\n<li>\u062f\u0631 \u0622\u06cc\u0646\u062f\u0647 \u0627\u0632 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\u200c\u0647\u0627\u06cc \u062c\u062f\u06cc\u062f \u0628\u0647\u0631\u0647\u200c\u0645\u0646\u062f \u0634\u0648\u06cc\u062f<\/li>\n<\/ul>\n\n\n\n<p id=\"gspb_text-id-gsbp-11bf13c\" class=\"gspb_text gspb_text-id-gsbp-11bf13c \">\u0627\u06af\u0631 \u0633\u0648\u0627\u0644\u06cc \u062f\u0631\u0628\u0627\u0631\u0647 HTML\u060c \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u06cc\u0627 \u062e\u062f\u0645\u0627\u062a \u0647\u0627\u0633\u062a\u06cc\u0646\u06af \u0648\u0628\u062f\u0627\u062f\u0647 \u062f\u0627\u0631\u06cc\u062f\u060c \u062f\u0631 \u0628\u062e\u0634 \u0646\u0638\u0631\u0627\u062a \u0628\u0627 \u0645\u0627 \u062f\u0631 \u0627\u0631\u062a\u0628\u0627\u0637 \u0628\u0627\u0634\u06cc\u062f. \u062a\u06cc\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc 24\/7 \u0645\u0627 \u0622\u0645\u0627\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u0628\u0647 \u062a\u0645\u0627\u0645 \u0633\u0648\u0627\u0644\u0627\u062a \u0641\u0646\u06cc \u0634\u0645\u0627 \u067e\u0627\u0633\u062e \u062f\u0647\u062f.<\/p>\n\n\n\n<p id=\"gspb_text-id-gsbp-1590922\" class=\"gspb_text gspb_text-id-gsbp-1590922 \">\u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0627\u06cc\u0646 \u0645\u0642\u0627\u0644\u0647 \u0627\u0632 \u0628\u0644\u0627\u06af \u0648\u0628 \u062f\u0627\u062f\u0647 \u0628\u0631\u0627\u06cc \u0634\u0645\u0627 \u0645\u0641\u06cc\u062f \u0628\u0648\u062f\u0647 \u0628\u0627\u0634\u062f \u0648 \u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f\u0646 \u0628\u0647 \u06cc\u06a9 \u062a\u0648\u0633\u0639\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u200c\u062a\u0631 \u06cc\u0627\u0631\u06cc \u06a9\u0631\u062f\u0647 \u0628\u0627\u0634\u062f. \u0645\u0648\u0641\u0642 \u0628\u0627\u0634\u06cc\u062f! \ud83d\ude80<\/p>\n\n\n\n<div id=\"faq\"><\/div><h3 id=\"gspb_heading-id-gsbp-62a5d86\" class=\"gspb_heading gspb_heading-id-gsbp-62a5d86 \">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u0627\u0632 \u0633\u0627\u062e\u062a\u0627\u0631 \u062a\u06af\u200c\u0647\u0627\u06cc HTML \u0648 \u0639\u0646\u0627\u0635\u0631 HTML<\/h3>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordion gs-accordion gspb_accordion-id-gsbp-1c83e2f togglelogic\" id=\"gspb_accordion-id-gsbp-1c83e2f\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\">\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-38d760d gsopen\" id=\"gspb_accordionitem-gsbp-38d760d\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-1c83e2f-0\" class=\"gs-accordion-item__title\" aria-expanded=\"true\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-38d760d\"><h4 class=\"gs-accordion-item__heading\">1- \u062a\u0641\u0627\u0648\u062a HTML \u0648 HTML5 \u0686\u06cc\u0633\u062a\u061f<\/h4><meta itemprop=\"name\" content=\"1- \u062a\u0641\u0627\u0648\u062a HTML \u0648 HTML5 \u0686\u06cc\u0633\u062a\u061f\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-1c83e2f-0\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-38d760d\" aria-hidden=\"false\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<p>HTML5 \u0646\u0633\u062e\u0647 \u067e\u0646\u062c\u0645 \u0648 \u062c\u062f\u06cc\u062f\u062a\u0631\u06cc\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f HTML \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 2014 \u0645\u0646\u062a\u0634\u0631 \u0634\u062f. \u062a\u0641\u0627\u0648\u062a\u200c\u0647\u0627\u06cc \u0627\u0635\u0644\u06cc:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u0639\u0646\u0627\u0635\u0631 \u0645\u0639\u0646\u0627\u06cc\u06cc \u062c\u062f\u06cc\u062f (<code>&lt;header&gt;<\/code>, <code>&lt;footer&gt;<\/code>, <code>&lt;article&gt;<\/code>, <code>&lt;section&gt;<\/code>)<\/li>\n\n\n\n<li>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0648\u06cc\u062f\u06cc\u0648 \u0648 \u0635\u062f\u0627 \u0628\u062f\u0648\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 Flash<\/li>\n\n\n\n<li>API \u0647\u0627\u06cc \u062c\u062f\u06cc\u062f (Canvas, Geolocation, Local Storage)<\/li>\n\n\n\n<li>\u0641\u0631\u0645\u200c\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u200c\u062a\u0631 (input types \u062c\u062f\u06cc\u062f\u060c validation \u062f\u0627\u062e\u0644\u06cc)<\/li>\n\n\n\n<li>\u062d\u0630\u0641 \u062a\u06af\u200c\u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc \u0645\u0627\u0646\u0646\u062f <code>&lt;font&gt;<\/code>, <code>&lt;center&gt;<\/code><\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-7ff5ada gsclose\" id=\"gspb_accordionitem-gsbp-7ff5ada\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-1c83e2f-1\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-7ff5ada\"><h4 class=\"gs-accordion-item__heading\">2- \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 Semantic HTML \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645\u061f<\/h4><meta itemprop=\"name\" content=\"2- \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 Semantic HTML \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645\u061f\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-1c83e2f-1\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-7ff5ada\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<p>\u0633\u0647 \u062f\u0644\u06cc\u0644 \u0627\u0635\u0644\u06cc:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>SEO:<\/strong> \u06af\u0648\u06af\u0644 \u0645\u062d\u062a\u0648\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u06cc\u200c\u0641\u0647\u0645\u062f \u0648 \u0631\u062a\u0628\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f<\/li>\n\n\n\n<li><strong>Accessibility:<\/strong> \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0646\u0627\u0628\u06cc\u0646\u0627 \u0628\u0627 Screen reader \u0631\u0627\u062d\u062a\u200c\u062a\u0631 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u0645\u06cc\u200c\u062e\u0648\u0627\u0646\u0646\u062f<\/li>\n\n\n\n<li><strong>Maintainability:<\/strong> \u06a9\u062f \u0634\u0645\u0627 \u062e\u0648\u0627\u0646\u0627\u062a\u0631 \u0648 \u0642\u0627\u0628\u0644 \u0646\u06af\u0647\u062f\u0627\u0631\u06cc\u200c\u062a\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f<\/li>\n<\/ul>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-ae64f67 gsclose\" id=\"gspb_accordionitem-gsbp-ae64f67\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-1c83e2f-2\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-ae64f67\"><h4 class=\"gs-accordion-item__heading\">3- \u0622\u06cc\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 ARIA \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645\u061f<\/h4><meta itemprop=\"name\" content=\"3- \u0622\u06cc\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 ARIA \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u0645\u061f\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-1c83e2f-2\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-ae64f67\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<p>\u0641\u0642\u0637 \u0632\u0645\u0627\u0646\u06cc \u06a9\u0647 \u0639\u0646\u0635\u0631 HTML \u0628\u0648\u0645\u06cc \u06a9\u0627\u0641\u06cc \u0646\u06cc\u0633\u062a. \u0642\u0627\u0646\u0648\u0646 \u0627\u0648\u0644 ARIA: &#8220;\u0627\u06af\u0631 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 HTML \u0628\u0648\u0645\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\u060c \u0627\u0632 ARIA \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0646\u06cc\u062f&#8221;. \u0628\u0631\u0627\u06cc \u0645\u062b\u0627\u0644\u060c \u0628\u0647 \u062c\u0627\u06cc <code>&lt;div role=\"button\"&gt;<\/code> \u0627\u0632 <code>&lt;button&gt;<\/code> \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-5a33a61 gsclose\" id=\"gspb_accordionitem-gsbp-5a33a61\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-1c83e2f-3\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-5a33a61\"><h4 class=\"gs-accordion-item__heading\">4- \u0686\u0646\u062f <code>&lt;main><\/code> \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645\u061f<\/h4><meta itemprop=\"name\" content=\"4- \u0686\u0646\u062f <code&gt;&lt;main&gt;<\/code&gt; \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u062f\u0631 \u06cc\u06a9 \u0635\u0641\u062d\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0645\u061f\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-1c83e2f-3\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-5a33a61\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<p>\u0641\u0642\u0637 <strong>\u06cc\u06a9 <code>&lt;main&gt;<\/code><\/strong> \u062f\u0631 \u0647\u0631 \u0635\u0641\u062d\u0647. \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0645\u062d\u062a\u0648\u0627\u06cc \u0627\u0635\u0644\u06cc \u0635\u0641\u062d\u0647 \u0631\u0627 \u0645\u0634\u062e\u0635 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0646\u0628\u0627\u06cc\u062f \u062a\u06a9\u0631\u0627\u0631 \u0634\u0648\u062f. \u0627\u0644\u0628\u062a\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0686\u0646\u062f <code>&lt;main&gt;<\/code> \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u0627\u06af\u0631 \u0628\u0642\u06cc\u0647 <code>hidden<\/code> \u0628\u0627\u0634\u0646\u062f (\u0645\u062b\u0644 \u062f\u0631 Single Page Applications).<\/p>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-greenshift-blocks-accordionitem gs-accordion-item gspb_accordionitem-gsbp-adf9148 gsclose\" id=\"gspb_accordionitem-gsbp-adf9148\" itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div id=\"gs-trigger-gsbp-1c83e2f-4\" class=\"gs-accordion-item__title\" aria-expanded=\"false\" role=\"button\" tabindex=\"0\" aria-controls=\"gspb-accordion-item-content-gsbp-adf9148\"><h4 class=\"gs-accordion-item__heading\">5- \u062a\u0641\u0627\u0648\u062a <code>&lt;article><\/code> \u0648 <code>&lt;section><\/code> \u0686\u06cc\u0633\u062a\u061f<\/h4><meta itemprop=\"name\" content=\"5- \u062a\u0641\u0627\u0648\u062a <code&gt;&lt;article&gt;<\/code&gt; \u0648 <code&gt;&lt;section&gt;<\/code&gt; \u0686\u06cc\u0633\u062a\u061f\"\/><span class=\"iconfortoggle\"><span class=\"gs-iconbefore\"><\/span><span class=\"gs-iconafter\"><\/span><\/span><\/div><div aria-labelledby=\"gs-trigger-gsbp-1c83e2f-4\" class=\"gs-accordion-item__content\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" id=\"gspb-accordion-item-content-gsbp-adf9148\" aria-hidden=\"true\"><div class=\"gs-accordion-item__text\" itemprop=\"text\">\n<ul class=\"wp-block-list\">\n<li><strong><code>&lt;article&gt;<\/code><\/strong>: \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc \u06a9\u0647 <strong>\u0628\u0647 \u062a\u0646\u0647\u0627\u06cc\u06cc<\/strong> \u0645\u0639\u0646\u0627 \u062f\u0627\u0631\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u062c\u062f\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f (\u0645\u0642\u0627\u0644\u0647\u060c \u067e\u0633\u062a\u060c \u0645\u062d\u0635\u0648\u0644\u060c \u06a9\u0627\u0645\u0646\u062a)<\/li>\n\n\n\n<li><strong><code>&lt;section&gt;<\/code><\/strong>: <strong>\u0628\u062e\u0634\u06cc<\/strong> \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u06a9\u0647 \u0645\u0648\u0636\u0648\u0639\u06cc \u062e\u0627\u0635 \u062f\u0627\u0631\u062f (\u0641\u0635\u0644 \u06a9\u062a\u0627\u0628\u060c \u062a\u0628 \u0645\u062d\u062a\u0648\u0627)<\/li>\n<\/ul>\n\n\n\n<p>\u0642\u0627\u0639\u062f\u0647: \u0627\u06af\u0631 \u0645\u062d\u062a\u0648\u0627 \u0631\u0627 \u062f\u0631 RSS feed \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u062f\u0647\u06cc\u062f\u060c <code>&lt;article&gt;<\/code> \u0627\u0633\u062a. \u0627\u06af\u0631 \u06cc\u06a9 \u0628\u062e\u0634 \u0627\u0632 \u0645\u062d\u062a\u0648\u0627\u06cc \u0628\u0632\u0631\u06af\u200c\u062a\u0631 \u0627\u0633\u062a\u060c <code>&lt;section&gt;<\/code> \u0627\u0633\u062a.<\/p>\n<\/div><\/div><\/div>\n<\/div>\n\n\n\n<p id=\"gspb_text-id-gsbp-8feed99\" class=\"gspb_text gspb_text-id-gsbp-8feed99 \"><strong>\u0645\u0646\u0627\u0628\u0639:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>MDN Web Docs &#8211; HTML Reference (2025)<\/li>\n\n\n\n<li>WHATWG HTML Living Standard<\/li>\n\n\n\n<li>W3C HTML Specifications<\/li>\n\n\n\n<li>WebAIM Accessibility Guidelines<\/li>\n\n\n\n<li>Search Atlas SEO Research (December 2025)<\/li>\n\n\n\n<li>DEV Community &#8211; Semantic HTML in 2025<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>HTML \u06cc\u0627 \u0632\u0628\u0627\u0646 \u0646\u0634\u0627\u0646\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0627\u0628\u0631\u0645\u062a\u0646\u060c \u0632\u0628\u0627\u0646 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0633\u0627\u062e\u062a\u0627\u0631 \u0648 \u0645\u0639\u0646\u0627\u06cc \u0645\u062d\u062a\u0648\u0627\u06cc \u0635\u0641\u062d\u0627\u062a \u0648\u0628 \u0631\u0627 \u062a\u0639\u0631\u06cc\u0641 \u0645\u06cc\u200c\u06a9\u0646\u062f \u0648 \u0628\u0631\u062e\u0644\u0627\u0641 \u0632\u0628\u0627\u0646\u200c\u0647\u0627\u06cc \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0646\u0648\u06cc\u0633\u06cc \u06a9\u0647 \u062f\u0633\u062a\u0648\u0631\u0627\u062a \u0627\u062c\u0631\u0627\u06cc\u06cc \u062f\u0627\u0631\u0646\u062f\u060c \u0627\u0632 \u0639\u0646\u0627\u0635\u0631 \u0648 \u062a\u06af\u200c\u0647\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u062f\u0647\u06cc \u0645\u062d\u062a\u0648\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0627\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u0645\u0627\u0646\u0646\u062f \u0622\u062c\u0631\u0647\u0627\u06cc \u06cc\u06a9 \u0633\u0627\u062e\u062a\u0645\u0627\u0646 \u0639\u0645\u0644 \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f \u06a9\u0647 \u0647\u0631 \u06a9\u062f\u0627\u0645 \u0646\u0642\u0634 \u0645\u0634\u062e\u0635\u06cc \u062f\u0631 \u0646\u0645\u0627\u06cc\u0634 \u0645\u062a\u0646\u060c \u062a\u0635\u0627\u0648\u06cc\u0631\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u0648 \u0633\u0627\u06cc\u0631 \u0628\u062e\u0634\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u062f\u0627\u0631\u0646\u062f. HTML \u067e\u0627\u06cc\u0647 \u0648 \u0627\u0633\u0627\u0633 \u062a\u0645\u0627\u0645 \u0648\u0628\u200c\u0633\u0627\u06cc\u062a\u200c\u0647\u0627 \u0627\u0633\u062a \u0648 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 CSS \u0648 JavaScript \u0633\u0647 \u0631\u06a9\u0646 \u0627\u0635\u0644\u06cc \u062a\u0648\u0633\u0639\u0647 \u0648\u0628 \u0631\u0627 \u062a\u0634\u06a9\u06cc\u0644 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n","protected":false},"author":2,"featured_media":29950,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":".gspb_text-id-gsbp-fe3429c{margin-bottom:0!important}.gspb_container-id-gsbp-fa03f97{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-00e5ea2.gspb_container>p:last-of-type,#gspb_container-id-gsbp-2dc523f.gspb_container>p:last-of-type,#gspb_container-id-gsbp-3090342.gspb_container>p:last-of-type,#gspb_container-id-gsbp-5edec11.gspb_container>p:last-of-type,#gspb_container-id-gsbp-6ba62dd.gspb_container>p:last-of-type,#gspb_container-id-gsbp-78895ba.gspb_container>p:last-of-type,#gspb_container-id-gsbp-96c1b4e.gspb_container>p:last-of-type,#gspb_container-id-gsbp-b01a42e.gspb_container>p:last-of-type,#gspb_container-id-gsbp-fa03f97.gspb_container>p:last-of-type{margin-bottom:0}#gspb_container-id-gsbp-fa03f97.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-fa03f97.gspb_container{padding:10px}}#gspb_container-id-gsbp-fa03f97.gspb_container{border-right-style:solid;border-right-width:5px;border-right-color:#00529eb0;background-color:#00529e1a}#gspb_container-id-gsbp-fa03f97.gspb_container,#gspb_container-id-gsbp-fa03f97.gspb_container>.gspb_backgroundOverlay{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}@media (max-width:575.98px){.gspb_text-id-gsbp-b88a64b{font-size:16px}}.gspb_text-id-gsbp-b88a64b{margin-top:0!important}.gspb_container-id-gsbp-3090342{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-3090342.gspb_container{position:relative;padding-top:10px;padding-bottom:10px}@media (min-width:992px){body.gspb-bodyfront #gspb_container-id-gsbp-3090342.gspb_container{display:none!important}}#gspb_heading-id-gsbp-4f2eab8{font-weight:700!important;margin-top:10px;margin-bottom:10px}.gs-autolist{margin:15px 0 30px;border:1px solid #dddddd7d}.gs-autolist-item{padding:15px 15px 15px 5px;display:flex;align-items:center}.gs-autolist-title,.gs-autolist-title a{font-size:18px;line-height:24px;text-decoration:none}.gs-autolist-item.gs_sub_heading{padding:10px 15px 10px 35px}#gspb_toc-id-gsbp-9ed45ff .gs-autolist-title a{color:var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #00509d));font-size:16px;font-weight:400!important}#gspb_toc-id-gsbp-9ed45ff .gs-autolist-number{border-radius:50%;color:#fff;text-align:center;font-weight:700;color:var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #00509d))}#gspb_toc-id-gsbp-9ed45ff .gs_sub_heading .gs-autolist-title a{font-size:16px}#gspb_toc-id-gsbp-9ed45ff{margin-top:2px;margin-bottom:2px}#gspb_toc-id-gsbp-9ed45ff .gs-autolist-item,#gspb_toc-id-gsbp-9ed45ff .gs-autolist-item.gs_sub_heading{margin-top:2px;margin-bottom:2px;padding-top:5px;padding-bottom:5px}#gspb_toc-id-gsbp-9ed45ff .gs-autolist-item.gs_sub_heading{margin-right:15px}#gspb_toc-id-gsbp-9ed45ff .gs-autolist{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-style:solid;border-width:1px;border-color:#00000000}.gs-autolist-title,.gs-autolist-title a:hover{color:var(--wp--preset--color--palette-color-4, var(--theme-palette-color-4, #000000))!important}#gspb_toc-id-gsbp-9ed45ff .gs-autolist-number{background-color:var(--wp--preset--color--palette-color-2, var(--theme-palette-color-2, #00509d));height:7px!important;margin:0 0 0 10px!important;line-height:7px!important;width:7px!important;font-size:0!important;min-width:7px!important}#gspb_toc-id-gsbp-9ed45ff .gs_sub_heading .gs-autolist-number{font-size:0!important}#gspb_image-id-gsbp-6b7a55a img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}#gspb_heading-id-gsbp-024df21,#gspb_heading-id-gsbp-161fcda,#gspb_heading-id-gsbp-260da5b,#gspb_heading-id-gsbp-2ab87f5,#gspb_heading-id-gsbp-343e736,#gspb_heading-id-gsbp-4533f76,#gspb_heading-id-gsbp-5c1c91b,#gspb_heading-id-gsbp-6ba7572,#gspb_heading-id-gsbp-81bf519,#gspb_heading-id-gsbp-97f171c,#gspb_heading-id-gsbp-a668b27,#gspb_heading-id-gsbp-b123f78,#gspb_heading-id-gsbp-c26b320,#gspb_heading-id-gsbp-c2dbfd1,#gspb_heading-id-gsbp-dfaed42,#gspb_heading-id-gsbp-e8f1b96,#gspb_heading-id-gsbp-f0cf14b{color:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #106abf))}.gspb_container-id-gsbp-5edec11{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-5edec11.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-5edec11.gspb_container{padding:10px}}#gspb_container-id-gsbp-5edec11.gspb_container{border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}#gspb_container-id-gsbp-00e5ea2.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-2dc523f.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-5edec11.gspb_container,#gspb_container-id-gsbp-5edec11.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-6ba62dd.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-78895ba.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-96c1b4e.gspb_container>.gspb_backgroundOverlay,#gspb_container-id-gsbp-b01a42e.gspb_container>.gspb_backgroundOverlay{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}@media (max-width:575.98px){.gspb_text-id-gsbp-6e00b49{font-size:16px}}.gspb_text-id-gsbp-6e00b49{margin-bottom:0!important}.gspb_container-id-gsbp-96c1b4e{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-96c1b4e.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-96c1b4e.gspb_container{padding:10px}}#gspb_container-id-gsbp-96c1b4e.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}@media (max-width:575.98px){.gspb_text-id-gsbp-4ca6ef2{font-size:16px}}.gspb_text-id-gsbp-4ca6ef2{margin-bottom:0!important}.gspb_container-id-gsbp-2dc523f{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-2dc523f.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-2dc523f.gspb_container{padding:10px}}#gspb_container-id-gsbp-2dc523f.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#00529eb0;background-color:#00529e1a}@media (max-width:575.98px){.gspb_text-id-gsbp-62573d0{font-size:16px}}.gspb_container-id-gsbp-6ba62dd{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-6ba62dd.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-6ba62dd.gspb_container{padding:10px}}#gspb_container-id-gsbp-6ba62dd.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}@media (max-width:575.98px){.gspb_text-id-gsbp-b544104{font-size:16px}}.gspb_text-id-gsbp-b212747,.gspb_text-id-gsbp-b544104{margin-bottom:0!important}.gspb_text-id-gsbp-98eaf14{margin-bottom:20px!important}.gspb_container-id-gsbp-78895ba{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-78895ba.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-78895ba.gspb_container{padding:10px}}#gspb_container-id-gsbp-78895ba.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}@media (max-width:575.98px){.gspb_text-id-gsbp-0349edf{font-size:16px}}.gspb_text-id-gsbp-0349edf{margin-bottom:0!important}#gspb_heading-id-gsbp-260da5b{margin-bottom:20px}.gspb_container-id-gsbp-00e5ea2{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-00e5ea2.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-00e5ea2.gspb_container{padding:10px}}#gspb_container-id-gsbp-00e5ea2.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}@media (max-width:575.98px){.gspb_text-id-gsbp-1ddbae9{font-size:16px}}.gspb_text-id-gsbp-1ddbae9{margin-bottom:0!important}#gspb_heading-id-gsbp-7af1554,#gspb_heading-id-gsbp-8276568,#gspb_heading-id-gsbp-8bb34ee,#gspb_heading-id-gsbp-c8fd77d,#gspb_heading-id-gsbp-d9a0e81,#gspb_heading-id-gsbp-e24e11a{color:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #106abf))}.gspb_container-id-gsbp-b01a42e{flex-direction:column;box-sizing:border-box}#gspb_container-id-gsbp-b01a42e.gspb_container{position:relative;padding:25px}@media (max-width:575.98px){#gspb_container-id-gsbp-b01a42e.gspb_container{padding:10px}}#gspb_container-id-gsbp-b01a42e.gspb_container{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-right-style:solid;border-right-width:5px;border-right-color:#cf2d2d;background-color:#cf2d2d2b}@media (max-width:575.98px){.gspb_text-id-gsbp-3108699{font-size:16px}}.gspb_text-id-gsbp-3108699{margin-bottom:0!important}#gspb_image-id-gsbp-51c3633 img,#gspb_image-id-gsbp-fa4298c img{vertical-align:top;display:inline-block;box-sizing:border-box;max-width:100%;height:auto}#gspb_heading-id-gsbp-23713c2,#gspb_heading-id-gsbp-25576a8,#gspb_heading-id-gsbp-2a70899,#gspb_heading-id-gsbp-99cc1cd,#gspb_heading-id-gsbp-f1c66ba,.gspb_text-id-gsbp-f275e25{color:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #106abf))}#gspb_heading-id-gsbp-2a70899{margin-bottom:26px}#gspb_heading-id-gsbp-4c9adae,#gspb_heading-id-gsbp-62a5d86,#gspb_heading-id-gsbp-e5a7970,#gspb_heading-id-gsbp-ed37a6e,.gspb_text-id-gsbp-8feed99{color:var(--wp--preset--color--palette-color-1, var(--theme-palette-color-1, #106abf))}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item.gsclose>.gs-accordion-item__content{overflow:hidden;opacity:0}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item.gsopen>.gs-accordion-item__content{opacity:1;max-height:5000px}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__title>.gs-accordion-item__heading{outline:0;text-decoration:none;margin:0!important;padding:0!important;flex-grow:1}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__title{z-index:1;margin:0;cursor:pointer;transition:all .3s ease-in-out;position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__content{z-index:0;position:relative;max-height:0;will-change:max-height;transition:all .25s ease-out}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__title{background-color:var(--wp--preset--color--palette-color-6, var(--theme-palette-color-6, #f2f5f7));border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;font-size:18px;font-weight:400!important}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item__title>*{font-size:18px;font-weight:400!important}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item.gsopen>.gs-accordion-item__title{background-color:var(--wp--preset--color--palette-color-5, var(--theme-palette-color-5, #e1e8ed));border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;font-weight:400!important}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item.gsopen>.gs-accordion-item__title>*{font-weight:400!important}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__content{border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top-style:solid;border-top-width:1px;border-top-color:#00000000}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__title span.iconfortoggle{margin-left:15px;display:inline-block;height:14px;width:14px;position:relative}#gspb_accordion-id-gsbp-1c83e2f,#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item{margin-top:5px;margin-bottom:5px}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__title{padding:15px 20px;text-align:right;flex-direction:row-reverse}#gspb_accordion-id-gsbp-1c83e2f .gs-accordion-item>.gs-accordion-item__content>.gs-accordion-item__text{padding:20px}.gs-accordion .gs-accordion-item.gsopen .gs-accordion-item__title .gs-iconafter{transform:rotate(0)}.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconafter,.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconbefore{content:'';width:14px;height:2px;border-radius:2px;background-color:#111;position:absolute;top:6px;left:0}.gs-accordion .gs-accordion-item__title span.iconfortoggle .gs-iconafter{transform:rotate(90deg);transition:all .3s ease-in-out}","footnotes":""},"categories":[56],"tags":[],"class_list":["post-29887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-developer"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/posts\/29887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/comments?post=29887"}],"version-history":[{"count":60,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/posts\/29887\/revisions"}],"predecessor-version":[{"id":32242,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/posts\/29887\/revisions\/32242"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/media\/29950"}],"wp:attachment":[{"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/media?parent=29887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/categories?post=29887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webdade.com\/blog\/wp-json\/wp\/v2\/tags?post=29887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}