HTML5 SECTION عنصري کي سمجهيو
جڏهن HTML5 منظر ڪيترائي سال اڳ ۾ اچي ٿو، اها لانگگاهه جي نئين سيڪشن عناصر جو هڪ گروپ شامل ڪيو، جنهن ۾ SECTION عنصر شامل آهي. سڀ کان وڌيڪ عناصر جيڪي HTML5 متعارف ڪرايا ويا آهن استعمال ڪري رهيا آهن. مثال طور، عنصر هڪ ويب پيج جي آرٽيڪل ۽ مکيه حصن کي وضاحت ڪرڻ لاء استعمال ڪيو ويندو آهي، عنصر انهي سان لاڳاپيل مواد کي وضاحت ڪرڻ لاء استعمال ڪيو ويندو آهي جيڪو باقي باقي لاء ضروري نه آهي، ۽ هيڊر، نيو ۽ فوٽر خوبصورت خوبصورت وضاحت ڪرڻ وارا آهن. جڏهن ته نئون شامل SECTION عنصر، ٿورڙو گهٽ واضح آهي.
گھڻا ماڻھو يقين رکندا آھن ته HTML عناصر SECTION ۽ حقيقت ۾ رڳو ھڪڙي شيء وارا عام ڪنٽرول عناصر ھڪڙي ويب پيج تي مواد شامل ڪرڻ لاء استعمال ڪيا ويا آھن. حقيقت اها آهي ته اهي ٻه عناصر، جڏهن ته ٻنهي ڪنٽينر عناصر هجڻ وارا آهن، ڪجهه به عام آهن. هتي خاصيت ۽ DIV عنصر ٻنهي جو استعمال ڪرڻ جا خاص سبب آهن - ۽ هي مضمون انهن اختلافن جي وضاحت ڪنداسين.
حصا ۽ تقاضا
SECTION عنصر ھڪ ويب پيج يا سائٽ جي ھڪڙي حصي جي طور تي بيان ڪئي وئي آھي جيڪا ھڪڙي خاص قسم جي (خاص طور تي مضمون يا ڪاھي) نه آھي. آئون هن عنصر کي استعمال ڪريان ٿو جڏهن آئون صفحي جي الڳ حصي کي ڇڪيندي آهيان - هڪ سيڪشن جيڪو وڪيل ٿي سگهي ٿو ۽ ٻين صفحن تي يا سائيٽ جي حصن تي استعمال ٿئي ٿو. اهو مواد جو هڪ جدا ٽڪرو آهي، يا مواد جي "سيڪشن" آهي، جيڪڏهن توهان ڪنداسين.
ان جي ابتڙ، توهان هن صفحي جي حصن لاء DIV عنصر استعمال ڪيو ٿا جيڪو توهان ورهائڻ چاهيو ٿا، پر سيمتيڪ کانسواء ٻيا مقصد لاء. مان هن ڊويزن ۾ مواد جي علائقي کي لپ ڪندو هوس، جيڪڏهن آئون ائين ڪري رهيو آهيان ته پنهنجو پاڻ کي سي ايس سان استعمال ڪرڻ لاء "ٿلهو" ڏيو. اهو سيمتيڪ جي بنياد تي مواد جي مختلف حصي نه ٿي سگهي، پر منهنجي صفحي ۾ جيڪو ترتيب منهنجي مطلوب حاصل ڪرڻ لاء آئون ڊڪنگنگ آهي.
اهو سامونڊي بابت سڀن بابت
سمجھڻ لاء هي هڪ سخته طريقو آهي، پر DIV عنصر ۽ آئين جي عنصر جي وچ ۾ فرق صرف سيمتيڪ آهي. ٻين لفظن ۾، اهو ڪوڊ جي سيڪشن جو مطلب آهي توهان کي ورهايو وڃي.
ڪنهن به مواد جيڪا DIV عنصر اندر موجود آهي ان ۾ ڪوبه معقول معني نه آهي. اھو انھن شين لاء بھترين طرح استعمال ڪيو ويندو آھي:
- CSS اسٽائل لاء CSS سيٽون ۽ ٿلهو
- کنٽرن جي دڪان
- جاوا اسڪرپٽ ٿلهو
- HTML لاء ڊائونزنون پڙهڻ لاء آسان ڪرڻ لاء
DIV عنصر رڳو ھڪڙو عنصر ھو جنھن لاء اسان جي دستاويزن کي ھڻڻ لاء شامل ڪيو ويو آھي ۽ اسان جون دستاويزن ۽ فينسي ترتيب ٺاھڻ لاء. انهي جي ڪري، اسان HTML سان ختم ڪيو ويو جيڪي ڊائي عناصر سان ڀريل هئي. ويب ويب ڊزائينر "divitis." ڇا سڏين ٿيون. جيتوڻيڪ WYSIWYG ايڊيٽوريل جيڪي ڊوي عنصرن کي خاص طور تي استعمال ڪندا هئا. مان اصل ۾ HTML ۾ هلندو آهيان، پيراگراف جي بدران DIV عنصر استعمال ڪندو آهي!
HTML5 سان، اسان سيڪشننگ عناصرن کي وڌيڪ سيمتياتي بيان سان دستاويز ٺاهڻ (انهن جي نيوڻ ۽ وضاحت جي لحاظ کان ۽ انهن جي لاء) استعمال ڪرڻ ۽ انهن عناصر تي طرز بيان ڪرڻ لاء شروع ڪري سگهون ٿا.
ڇا اسپان عنينٽ بابت؟
ٻي عنصر اهو سڀ کان وڌيڪ ماڻهن جو خيال آهي جڏهن اهي سوچيو ته DIV عنصر اهو عنصر آهي. اهو عنصر، جهڙو وانگر ڊي، هڪ بنيادي عنصر نه آهي. اهو هڪ ان لائن عنصر آهي جنهن ۾ توهان مواد جي ان لائن بلاڪ (عام طور تي ٽيڪسٽ) جي اندازن ۽ اسڪرپٽ جي لاء هاڪ شامل ڪرڻ لاء استعمال ڪري سگهو ٿا. انهي لحاظ سان اهو ڊوي عنصر وانگر، هڪ بلاڪ عنصر کان سواء صرف ان لائن کي. ڪجهه طريقن ۾، ڊي جي هڪ بلا-سطح اسپان عنصر جي حيثيت سان سوچڻ آسان ٿي سگهي ٿي ۽ ان کي استعمال ڪندي توهان صرف HTML جي مواد جي پوري بلاڪ جي لاء اسپان ڪري سگهندي.
في الحال نسبتا ان لائن لائننگ عنصر HTML5 ۾ موجود ناهي.
انٽرنيٽ ايڪسپلورر جي پراڻي وارن لاء
جيتوڻيڪ توهان ڊرامن طور تي IE جي پراڻي ورزن جي سپورٽ ڪندا آهيو (جهڙوڪ IE 8 ۽ هيٺين) جيڪي HTML5 معنى طور تي تسليم نه ڪندا آهن، توهان کي صحيح طور تي صحيح HTML ٽيچ استعمال ڪرڻ کان ڊپ نه ٿيڻ گهرجي. سيمينڪڪس توهان جي ۽ توهان جي ٽيم کي مستقبل ۾ اهو صفحو منظم ڪرڻ ۾ مدد ڏيندو (ڇاڪاڻ ته توهان کي خبر پوندي ته سيڪشن جو مضمون آهي جيڪڏهن اهو آرٽيڪل عنصر جي ڀرسان آهي). ان سان گڏ، اهي برائوزر جيڪي اهي ٽيگ سڃاڻندا آهن انهن جي مدد ڪندو.
توهان اڃا به انٽرنيٽ ايڪسپلورر سان HTML5 بنيادي سيڪشن عناصر استعمال ڪري سگهو ٿا، توهان کي صرف اسڪرپٽنگ ۽ ممڪن طور ڪجهه ڀرسان ديو عناصر شامل ڪرڻ جي ضرورت آهي اهي HTML جي طور تي ٽيگ کي سڃاڻڻ لاء.
DIV ۽ سيڪشن عناصرن جو استعمال ڪندي
جيڪڏهن توهان انهن کي صحيح طرح استعمال ڪري رهيا آهيو، ته توهان DIV ۽ SECTION عناصر ٻئي هڪ صحيح HTML5 دستاويزن ۾ گڏجي استعمال ڪري سگهو ٿا. جئين ته توهان هن مضمون ۾ ڏٺو آهي، توهان مواد جي غير معمولي ڌار ڌار حصن کي بيان ڪرڻ لاء SECTION عنصر استعمال ڪندا آهيو، ۽ توهان سي ڊي ۽ جاوا اسڪرپٽ لاء ڊيو عنصر استعمال ڪيو آهي ۽ انهي جي وضاحت سان ترتيب ڏيو ته معني معني نه آهي.
اصل مضمون جينيفر ڪيريئن طرفان. 3/17/17 تي Jeremy Girard پاران ڏنل