सिमान्टिक HTML भनेको ऐसा तत्वहरु प्रयोग गरनु हो जो आफ्नो सामग्रीको अर्थ बर्णन गर्छन्, केवल यसको दिखावटमात्र होइन। एक <nav> भन्छ "यो नेभिगेशन हो"; एक <button> भन्छ "यो क्लिक गरिने छ" — जबकि एक <div> केही भन्दैन।
html
Home
Home
सिमान्टिक HTML भनेको ऐसा तत्वहरु प्रयोग गरनु हो जो आफ्नो सामग्रीको अर्थ बर्णन गर्छन्, केवल यसको दिखावटमात्र होइन। एक <nav> भन्छ "यो नेभिगेशन हो"; एक <button> भन्छ "यो क्लिक गरिने छ" — जबकि एक <div> केही भन्दैन।
Home
Home
दुवै समान रूपले स्टाइल गर्न सकिन्छ, तर दोस्रो मात्र ब्राउजर, स्क्रिन रिडर र खोज इञ्जिनद्वारा बुझिन्छ।
<header>, <nav>, <main>, <footer> बाट एक landmark नक्सा बनाउँछन्, प्रयोगकर्ताहरुलाई क्षेत्रहरु बीच जम्प गर्न दिँछन्। <div>को दीवार तिनलाई केही दिँदैन।<h1>, <article>, <main> मा सामग्रीलाई वजन दिन्छन् र पृष्ठको संरचना बुझ्छन्।<button> focusable छ, keyboard-activatable छ (Enter/Space), र button को रूपमा घोषणा गरिन्छ — एक <div onclick> यी कुनै पनि छैन जब सम्म तपाईले यो सब हातले फिर्ता थप्नु हुँदैन।<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
अंगुठाको नियम: ऐसा तत्वको लागि पहुँच गर्नुस् जो तपाईको अभिप्राय बुझाउँछ, र केवल <div>/<span> लाई स्टाइलिङ कन्टेनरको रूपमा प्रयोग गर्नुस् जब कुनै सिमान्टिक तत्व फिट हुँदैन।
यो सबैभन्दा सस्तो पहुँचयोग्यता र SEO जीत हो जो तपाईले गर्न सक्नु हुन्छ।