HTML5 سیکشن عنصر کو سمجھنے
جب ایچ ٹی ایم ایل 5 سال پہلے اس منظر پر دفن ہوتا ہے، تو اس نے سیکشن عنصر سمیت لانگگج کو نئے سیکشن عناصر کا ایک گروپ بھی شامل کیا. زیادہ سے زیادہ نئے عناصر جو HTML5 متعارف کرانے کے واضح استعمال ہیں. مثال کے طور پر، عنصر ایک ویب صفحہ کے مضامین اور اہم حصوں کو متعین کرنے کے لئے استعمال کیا جاتا ہے، عنصر اس مواد کو وضاحت کرنے کے لئے استعمال کیا جاتا ہے جو باقی صفحات کے لئے اہم نہیں ہے، اور ہیڈر، نام، اور فوٹر خوبصورت خود تشہیر ہیں. تاہم، اضافی SECTION عنصر تھوڑا سا واضح ہے.
بہت سے لوگوں کو یقین ہے کہ ایچ ٹی ایم ایل کے عنصر حصے اور واقعی ایک ہی چیز - عام کنٹینر عناصر ہیں جو ویب صفحہ پر مواد پر مشتمل ہوتے ہیں. تاہم، حقیقت یہ ہے کہ یہ دونوں عناصر، جبکہ دونوں کنٹینر عناصر ہیں، کچھ بھی عام نہیں ہیں. SECTION عنصر اور ڈیوی عنصر دونوں استعمال کرنے کے لئے مخصوص وجوہات ہیں - اور یہ مضمون ان اختلافات کی وضاحت کرے گا.
حصوں اور ڈی ویز
سیکشن عنصر ایک ویب صفحہ یا سائٹ کے سیمنٹ سیکشن کے طور پر بیان کیا جاتا ہے جو کسی اور مخصوص قسم کی نہیں ہے (جیسا کہ آرٹیکل یا علیحدہ). میں اس عنصر کا استعمال کرتے ہیں جب میں صفحے کے ایک مخصوص سیکشن کو نشان زد کر رہا ہوں - ایک ایسا حصہ جو تھوک تھوڑا سا لے جا سکتا ہے اور دوسرے صفحات یا سائٹ کے حصے پر استعمال کیا جا سکتا ہے. یہ مواد کا ایک مخصوص ٹکڑا ہے، یا اگر آپ چاہے تو مواد کا "سیکشن" ہے.
اس کے برعکس، آپ ڈی وی عنصر کا صفحہ استعمال کرتے ہیں جس کے صفحے پر آپ تقسیم کرنا چاہتے ہیں، لیکن سیمنٹکس کے علاوہ مقاصد کے لۓ. اگر میں اپنے آپ کو "ہک" سی ایس ایس کے ساتھ استعمال کرنے کے لئے مکمل طور پر کر رہا ہوں تو میں ڈویژن میں مواد کا ایک حصہ لینا چاہتا ہوں. یہ سیمانکس پر مبنی مواد کا ایک مخصوص حصہ نہیں ہوسکتا ہے، لیکن کچھ چیز ہے جو میں اپنے صفحے کے لۓ ترتیب حاصل کرنے کے لۓ آمادہ کر رہا ہوں.
یہ سب کے بارے میں سامنتیک
یہ سمجھنے کے لئے ایک مشکل تصور ہے، لیکن ڈیوی عنصر اور سیکشن کے عنصر کے درمیان فرق فرق سیمنکس ہے. دوسرے الفاظ میں، یہ کوڈ کے سیکشن کا مطلب ہے جسے آپ تقسیم کر رہے ہیں.
کسی بھی مواد جو ڈی آئی ایل عنصر کے اندر موجود ہے اس میں کوئی معنی معنی نہیں ہے. یہ سب کچھ بہتر چیزوں کے لئے استعمال کیا جاتا ہے جیسے:
- سی ایس ایس سٹائل اور سی ایس ایس کی شیلیوں کے لئے ہکس
- لے آؤٹ کنٹینرز
- جاوا اسکرپٹ ہکس
- ایچ ٹی وی کے لئے تقسیم کرنے کے لئے آسان بنانے کے لئے
ڈیوی ای عنصر صرف ایک ہی عنصر بننے کے لئے استعمال کیا تھا جسے ہم نے اپنے دستاویزات کو ہکس میں شامل کرنے کے لئے استعمال کیا تھا اور کالمز اور فینسی ترتیب بناتے تھے. اس کی وجہ سے، ہم ایچ ٹی وی کے ساتھ ختم ہو گئے ہیں جو ڈی آئی آئی عناصر کے ساتھ جھگڑے ہوئے تھے- ویب ڈیزائنرز "divitis." کیا کہہ سکتے ہیں یہاں تک کہ WYSIWYG ایڈیٹرز بھی تھے جو ڈی وی عنصر کا استعمال کرتے تھے. میں اصل میں HTML پر چلتا ہوں جو پیراگراف کے بجائے ڈیوی ای عنصر کا استعمال کرتا ہے!
ایچ ٹی ایم ایل 5 کے ساتھ، ہم سیکشننگ کے عناصر کو استعمال کرتے ہوئے شروع کر سکتے ہیں تاکہ زیادہ سائنسی دستاویزات (نیویگیشن اور تشریحی اعداد و شمار کے لئے اور اسی طرح کے استعمال کا استعمال کرتے ہوئے) اور ان عناصر پر سٹائل کی وضاحت کریں.
اسپین عنصر کے بارے میں کیا ہے؟
دوسرے عنصر جس کا زیادہ تر لوگ سوچتے ہیں کہ جب وہ ڈی وی عنصر کے بارے میں سوچتے ہیں تو عنصر ہے. یہ عنصر، جیسے ڈی وی، ایک سیمنٹ عنصر نہیں ہے. یہ ایک ان لائن عنصر ہے جس میں آپ مواد کے ان لائن بلاکس کے ارد گرد شیلیوں اور اسکرپٹ کے لئے ہکس شامل کرنا چاہتے ہیں (عام طور پر ٹیکسٹ). اس معنی میں یہ ڈیوی عنصر کی طرح بالکل ہے، صرف ایک بلاک عناصر کے بجائے صرف ان لائن. کچھ طریقوں میں، ڈی او وی کے ایک بلاک سطح اسپین عنصر کے طور پر سوچنے کے لئے آسان ہوسکتا ہے اور اسی طرح اس کا استعمال کرتے ہو کہ آپ ایچ ٹی ایم ایل مواد کے پورے بلاکس کے لئے صرف SPAN کریں گے.
HTML5 میں کوئی موازنہ ان لائن سیکشننگ عناصر نہیں ہے.
پرانے ورژن ایک انٹرنیٹ ایکسپلورر کے لئے
یہاں تک کہ اگر آپ IE کے ڈرامائی طور پر پرانے ورژن کی حمایت کر رہے ہیں (جیسے IE 8 اور کم) جو HTML5 کو معتبر طریقے سے تسلیم نہیں کرتے، آپ کو صحیح طریقے سے ایچ ٹی ایم ایل ٹیگ کو استعمال کرنے سے ڈر نہیں ہونا چاہئے. سیمنٹکس آپ کی مدد کریں گے اور آپ کی ٹیم مستقبل میں صفحہ کو منظم کرے گی (کیونکہ آپ جانتے ہیں کہ یہ مضمون آرٹیکل عنصر کی طرف سے گھیرا ہوا ہے تو یہ مضمون مضمون ہے). اس کے علاوہ، وہ براؤزر جو ان ٹیگ کو پہچانتے ہیں انہیں بہتر بنائے گی.
آپ ابھی بھی انٹرنیٹ ایکسپلورر کے ساتھ ایچ ٹی ایم ایل 5 سیمنٹ سیکشن عناصر کا استعمال کرسکتے ہیں، آپ کو صرف اسکرپٹنگ اور ممکنہ حد تک ڈی آئی او عناصر کو شامل کرنے کی ضرورت ہے تاکہ انہیں HTML کے طور پر ٹیگ کو پہچان لیں.
ڈی وی اور سیکشن عناصر کا استعمال کرتے ہوئے
اگر آپ ان کو صحیح طریقے سے استعمال کررہے ہیں تو، آپ کو ایک درست HTML5 دستاویز میں ڈی وی اور سیکشن عناصر کے ساتھ استعمال کر سکتے ہیں. جیسا کہ آپ یہاں اس آرٹیکل میں دیکھ چکے ہیں، آپ مواد کے semantically مضحکہ خیز حصوں کی وضاحت کرنے کے لئے SECTION عناصر کا استعمال کرتے ہیں، اور آپ کو ڈی وی عنصر سی ایس ایس اور جاوا اسکرپٹ کے لئے ہک کے طور پر ساتھ ساتھ ترتیب کی ترتیب میں استعمال کرتے ہیں جس میں ایک بنیادی مطلب نہیں ہے.
جینیفر کریین کی طرف سے اصل مضمون. 3/15/17 پر جیریمی گرڈارڈ کی طرف سے ترمیم