Semantic HTML سے مراد ایسے elements استعمال کرنا ہے جو اپنے content کے معنی کو بیان کریں، نہ کہ صرف اس کی ظاہری شکل۔ ایک <nav> کہتا ہے "یہ navigation ہے"; ایک <button> کہتا ہے "یہ clickable ہے" — جبکہ ایک <div> کچھ نہیں کہتا۔
Home
Home
دونوں کو بالکل ایک جیسے style کیا جا سکتا ہے، لیکن صرف دوسرا ایک browsers، screen readers، اور search engines کے ذریعے سمجھا جاتا ہے۔
<header>, <nav>, <main>, <footer> سے ایک landmark map بناتے ہیں، جو صارفین کو regions کے درمیان jump کرنے دیتا ہے۔ <div>s کی ایک دیوار انہیں کچھ نہیں دیتی۔<h1>, <article>, <main> میں مواد کو زیادہ وزن دیتے ہیں اور صفحے کی ساخت کو سمجھتے ہیں۔<button> focusable ہے، keyboard-activatable ہے (Enter/Space)، اور button کے طور پر announced ہے — ایک <div onclick> ان میں سے کوئی بھی نہیں ہے جب تک آپ یہ سب کچھ دوبارہ ہاتھ سے شامل نہ کریں۔<header> <nav> <main> <article> <section> <aside> <footer>
<figure> <figcaption> <time> <mark> <button> <h1>–<h6>
قاعدہ کی انگوٹھی: ایسے element کی طرف بڑھیں جو آپ کی نیت کو ظاہر کرتا ہے، اور صرف <div>/<span> کو styling containers کے طور پر استعمال کریں جب کوئی semantic element فٹ نہ ہو۔
یہ سب سے سستی accessibility اور SEO کی جیت ہے جو آپ حاصل کر سکتے ہیں۔
تفصیلی جوابات کے ساتھ IT انٹرویو سوالات کی ایک لائبریری — جونیئر سے سینئر تک۔
عطیہ دیں