HTML5 SECTION घटकाचा केव्हा वापरावा

आणि जेव्हा लेखांचा वापर करावा, एएसआयडी, आणि डीआयव्ही

नवीन HTML5 SECTION घटक काहीसे गोंधळात टाकणारे असू शकते. जर आपण HTML5 आधी HTML दस्तऐवज तयार केले असेल तर, आपण आधीच आपल्या पृष्ठांमधील स्ट्रक्चरल विभाग तयार करण्यासाठी आणि त्यांच्यासह पृष्ठे शैली करण्यासाठी घटक वापरत आहात. म्हणून आपल्या विद्यमान डीआयव्ही घटकांना फक्त SECTION घटकांसह पुनर्स्थित करण्यासाठी एक नैसर्गिक गोष्ट वाटली आहे. पण हे तांत्रिकदृष्ट्या चुकीचे आहे. म्हणजे आपण DIV घटकांना केवळ SECTION घटकांसह बदलत नसल्यास आपण त्यांचे योग्यरित्या कसे वापर करता?

SECTION तत्व सिमेंटिक एलिमेंट आहे

समजायला पहिली गोष्ट म्हणजे SECTION घटक एक अर्थ तत्व आहे. याचा अर्थ असा होतो की सोबत जोडलेली सामग्री काय आहे - विशेषत: दस्तऐवजाचा एक विभाग.

हे कदाचित एक सामान्य शब्दार्थासारखे वर्णन आहे, आणि म्हणूनच आहे. आपल्या सामग्रीला अधिक अर्थपूर्ण भेद प्रदान करणारे इतर HTML5 घटक आहेत जे आपण SECTION घटक वापरण्यापूर्वी आपण प्रथम वापरणे आवश्यक आहे:

SECTION घटक वापरायचे केव्हा

सामग्री हा साइटचा स्वतंत्र भाग असल्यावर ARTICLE घटकांचा वापर करा जे एकटे उभे राहते आणि एखादे लेख किंवा ब्लॉग पोस्ट सारख्या सिंडिकेट केले जाऊ शकतात. जेव्हा पृष्ठाची सामग्री किंवा साइट स्वतःच सामुग्री, अॅनोटेशन, तळटीप किंवा संबद्ध साइट माहितीशी संबंधित आहे, तेव्हा ASIDE घटकाचा वापर करा. नेव्हिगेशन असलेल्या सामग्रीसाठी एनएव्ही घटक वापरा.

SECTION घटक एक सामान्य सिमेंटिक घटक आहे आपण ते वापरता तेव्हा इतर शब्दार्थासंबंधी कोणतेही घटक योग्य नसतात. आपण त्यास आपल्या कागदपत्रांचे भाग एकत्रित करण्यासाठी स्वतंत्र युनिट्समध्ये एकत्रित करू शकता जे आपण काही प्रकारे संबंधित म्हणून वर्णन करू शकता. आपण विभागात घटकांचे एक किंवा दोन वाक्यांमध्ये वर्णन करू शकत नसल्यास आपण कदाचित घटक वापरू नये.

त्याऐवजी, आपण DIV घटक वापरु नये. HTML5 मधील DIV घटक नॉन सिमेंटिक कंटेनर घटक आहे. आपण एकत्रित करण्याचा प्रयत्न करत असलेल्या सामग्रीमध्ये शब्दार्थाचा अर्थ नसतो, परंतु आपल्याला ते अद्याप शैलीसाठी एकत्रित करण्याची आवश्यकता असल्यास, DIV घटक वापरण्यासाठी योग्य घटक आहे.

सेक्शन एलिमेंट कसे कार्य करते

आपल्या दस्तऐवजाचा एक विभाग लेख आणि बाह्य घटकांकरिता बाह्य कंटेनर म्हणून दिसून येईल. त्यामध्ये अशी सामग्री देखील असू शकते जी अनुच्छेद किंवा भाग नसलेला भाग आहे. एक विभाग घटक देखील ARTICLE, NAV किंवा ASIDE मध्ये आढळू शकतो. आपण सामग्रीचे एक समूह सामग्रीच्या दुसर्या गटाचा एक भाग आहे हे दर्शविण्यासाठी अगदी घरटे विभाग देखील करू शकता जे लेख किंवा पृष्ठाचे संपूर्ण भाग आहे.

SECTION घटक कागदपत्रांच्या बाह्यरेषेत आयटम बनवितो. आणि म्हणून, विभागातल्या भाग म्हणून आपल्याकडे नेहमी एक शीर्षलेख घटक (H1 पासून H6) असणे आवश्यक आहे. आपण विभागात एखाद्या शीर्षकासह येऊ शकत नसल्यास, पुन्हा पुन्हा DIV घटक कदाचित अधिक योग्य आहे. लक्षात ठेवा, आपण पृष्ठावर विभाग शीर्षक दर्शवू इच्छित नसल्यास, आपण नेहमी सीएसएस सोबत मास्क करू शकता.

SECTION घटक वापरायचा नसताना

प्रथम अधिक विशिष्ट शब्दार्थासंबंधी घटक वापरण्यासाठी उपरोक्त सल्ल्याशिवाय, एक निश्चित क्षेत्र आहे जो आपण SECTION घटकाचा वापर करू नये: केवळ शैलीसाठी.

दुसर्या शब्दात सांगायचे तर, जर आपण ज्या जागेवर एक घटक ठेवत आहात ते फक्त सीएसएस शैली गुणधर्म जोडण्यासाठी आहे, आपण SECTION घटक वापरू नये. त्याऐवजी एका सिमेंटिक घटक शोधा किंवा DIV घटक वापरा

शेवटी तो काही फरक पडत नाही

सिमेंटिक एचटीएमएल लिहिण्याची एक अडचण अशी आहे की जे मला सिमेंटॅन्टेरियल आहे ते तुमच्यासाठी मूर्ख असू शकते. आपण आपल्या दस्तऐवजांमध्ये SECTION घटक वापरून समायोजित करू शकता असे आपल्याला वाटत असल्यास, आपण त्याचा वापर करावा. बहुतेक वापरकर्ता एजंट काळजी करत नाहीत आणि पृष्ठ प्रदर्शित करतील म्हणून आपण अपेक्षा करू शकता की आपण DIV किंवा SECTION ने शैली दिली आहे.

ज्या रचनाकारांनी शब्दार्थाने सत्य व्हावे असे वाटू लागते, ते घटक तत्वानुसार वैध पद्धतीने वापरणे महत्त्वाचे आहे. जे डिझाइनर फक्त त्यांच्या पृष्ठांवर काम करायचे आहेत, ते महत्त्वाचे नाही. मी विश्वास करतो की शब्दार्थाप्रमाणेच वैध HTML लिहिणे ही चांगली पद्धत आहे आणि भविष्यातील पृष्ठे भविष्यातील-पुराव्यासह ठेवते. पण शेवटी हे आपल्यावर आहे