संपर्क पृष्ठ हे व्यावसायिक वेबसाइटवरील प्रमुख पृष्ठांपैकी एक आहे. त्यावर केवळ लक्ष केंद्रित केले पाहिजे असे नाही शोध इंजिन जाहिरात(जरी हे देखील महत्त्वाचे आहे) अभ्यागतांना किती माहिती द्यावी. कंपनी संपर्क तपशील आहेत व्यावसायिक घटकरँकिंग - शोध इंजिन त्यांचा वापर संसाधनाच्या दृष्टीने मूल्यांकन करण्यासाठी करतात स्पर्धात्मक फायदेतत्सम साइट्सच्या आधी.

नैसर्गिकरित्या, परिपूर्ण पृष्ठसंपर्क TOP-3 साठी थेट मार्ग उघडणार नाहीत, परंतु संपूर्ण जाहिरात धोरणात त्याचे योगदान महत्त्वाचे असेल. या लेखात, PS च्या दृष्टीने साइटच्या कर्मासाठी अतिरिक्त प्लस मिळविण्यासाठी आम्ही वेबसाइटवरील "संपर्क" पृष्ठ योग्यरित्या कसे डिझाइन करावे ते पाहू.

1 क्लिक मध्ये उपलब्धता

संपर्क पृष्ठ संसाधनाच्या कोणत्याही पृष्ठावरून 1 क्लिकमध्ये उघडले पाहिजे. स्क्रीनच्या पहिल्या दृश्यमान भागामध्ये त्याचा दुवा ठेवण्याचा सल्ला दिला जातो: सहसा असे असते क्षैतिज मेनूसाइटच्या शीर्षलेखात. तुम्ही तळटीपमधील लिंक डुप्लिकेट देखील करू शकता जेणेकरून वापरकर्ता माहिती शेवटपर्यंत वाचून आणि साइटच्या तळाशी जाऊन संवाद साधण्याचे मार्ग शोधू शकेल. कोडमध्ये शक्य तितक्या उच्च संपर्क पृष्ठावर लिंक ठेवण्याची शिफारस केली जाते - अशा प्रकारे रोबोट शोधात्याला उच्च प्राधान्य देईल.

लेआउटमध्ये सूक्ष्म मार्कअप

संपर्क पृष्ठाच्या लेआउट दरम्यान HTML कोडमध्ये Schema.org विशेषता समाविष्ट करणे चांगले आहे. प्रमाणित सूक्ष्म मार्कअपचा वापर शोध इंजिनांना संसाधनाचा चांगल्या प्रकारे अभ्यास करण्यास आणि त्यातून प्राप्त करण्यास सक्षम करेल महत्वाची माहितीआणि निकालांमध्ये त्यावर लक्ष केंद्रित करा शोध परिणाम. सोप्या भाषेत सांगायचे तर, स्निपेटमध्ये जेव्हा योग्य सेटिंगपत्ता, प्रदेश आणि इतर डेटा प्रदर्शित केला जाईल, जो क्लिक-थ्रू दर सुधारेल. शोध इंजिने त्यांच्या मदतीसाठी Schema.org वाक्यरचना वापरण्याबद्दल तपशीलवार माहिती देतात. टॅगमध्ये देखील सूचित करा »

आवश्यक घटक वापरणे

संपर्क पृष्ठामध्ये असणे आवश्यक आहे पूर्ण यादीकंपनीशी संपर्क करण्याचे मार्ग (भौतिक पत्त्यासह), ऑपरेटिंग तासांबद्दल माहिती. ग्राहकांना शक्य तितकी माहिती द्या - आणि विक्री विभागाला कॉल कसा करायचा किंवा व्यावसायिक विनंती कोणत्या पत्त्यावर पाठवायची याच्या "मूर्ख" प्रश्नांची उत्तरे तुमच्याकडे कमी असतील. आवश्यक घटक"संपर्क" पृष्ठे:

• क्षेत्र कोड असलेला दूरध्वनी क्रमांक (मोबाईल क्रमांकापेक्षा लँडलाइन क्रमांक नेहमी श्रेयस्कर असतो). कंपनीने कोड 8(800) सह टोल-फ्री नंबर वापरल्यास ते आणखी चांगले आहे. मोबाईल क्रमांक प्राथमिक नसून दुय्यम असावेत. कंपनीच्या प्रमुख तज्ञांची संख्या दर्शविण्यास त्रास होणार नाही;
• पत्ता - आपण वास्तविक पत्ता सूचित करणे आवश्यक आहे पत्र व्यवहाराचा पत्तानिर्देशांक सह. यामुळे कंपनीवरील विश्वासाची पातळी मोठ्या प्रमाणात वाढते (जर संपर्क पृष्ठावर असेल तर - फक्त मोबाईल नंबरआणि फील्ड अभिप्राय, प्रश्न यथोचितपणे उद्भवतो - ती कोणापासून लपवत आहे?);
• ईमेल. या प्रकरणात, मुख्य तज्ञ/विभागांचे मुख्य पत्ता आणि पत्ते देखील प्रकाशित करणे चांगले आहे;
• कामाचे वेळापत्रक – तुम्हाला कामाचे तास, मुख्य तज्ञांचे कार्यालयीन तास, लंच ब्रेकच्या वेळा, आठवड्याच्या शेवटी काम याविषयी माहिती देणे आवश्यक आहे. उपयुक्त घटकबंद होईपर्यंत वेळ सूचित करेल, उदाहरणार्थ: "स्टोअर बंद होण्यासाठी 1 तास आणि 14 मिनिटे बाकी आहेत.";
• दिशानिर्देश - ते अंगभूत Yandex.Maps किंवा वापरून आयोजित केले जाऊ शकते Google नकाशे. ड्रायव्हर्स आणि पादचाऱ्यांसाठी मजकूर भाष्यासह मार्गासह, पार्किंगची उपलब्धता आणि प्रवेश प्रणालीबद्दल माहिती प्रदान करणे चांगले आहे. संपूर्ण चित्रासाठी, जोडा GPS समन्वय, विशेषतः जर तुमची कंपनी अल्प-ज्ञात ठिकाणी स्थित असेल;
• इमारतीचे प्रवेशद्वार - सर्वोत्तम उपाय म्हणजे एक फोटो आहे जो आपल्याला आवश्यक दरवाजा अचूकपणे पाहण्याची परवानगी देतो. हे तंत्रज्ञान वापरून नियंत्रित व्हिडिओसह देखील पूरक केले जाऊ शकते. आभासी वास्तवगुगल मॅपवर.

अतिरिक्त घटकांची उपलब्धता

आपण पृष्ठावर वर वर्णन केलेली माहिती प्रदान केल्यास, बहुतेक प्रकरणांमध्ये हे पुरेसे असेल संभाव्य ग्राहककिंवा भागीदारांना तुमच्याशी संपर्क साधण्याचा आणि तुमच्या कार्यालयात येण्याचा मार्ग सापडला आहे. परंतु आपण प्रदान केल्यास या शक्यतांचा विस्तार केला जाऊ शकतो अतिरिक्त माहिती. यासहीत:

• ऑनलाइन संप्रेषण साधने - लॅकोनिक फीडबॅक फॉर्म (शब्दशः - नाव, फील्ड ईमेल पत्ताकिंवा फोन, संदेश फील्ड), स्काईप;
• कर्मचाऱ्यांचे वैयक्तिकरण - फोटो आणि व्यवस्थापक आणि प्रमुख तज्ञांच्या नावांचे प्रकाशन;
• व्हिडिओ किंवा ग्राफिक्स - ऑफिस फोटो, चालण्याच्या मार्गाच्या आकृतीसह व्हिडिओ;
• कायदेशीर तपशील - OGRN, INN, चेकपॉईंट, कायदेशीर पत्ता, संचालकाचे पूर्ण नाव आणि भागीदारांसाठी आवश्यक इतर डेटा;
• मूळ प्रवास माहितीसह QR कोड जोडा;
• "मजकूर आवृत्ती मुद्रित करा" बटण.

आपल्याकडे खूप अभ्यागत असल्यास आणि सक्रिय ग्राहक, फीडबॅक फॉर्मसाठी तुम्हाला कॅप्चा प्रदान करणे आवश्यक आहे, जे मोठ्या प्रमाणात स्पॅम कापण्यात मदत करेल. परंतु हे विसरू नका की कॅप्चा हा अनेक अभ्यागतांसाठी "निरुत्साहजनक" घटक आहे जे संदेश पाठवण्याबद्दल त्यांचे मत बदलू शकतात.

चांगले काय, वाईट काय

आपण संपर्क दोन पृष्ठे आधी. त्यापैकी पहिला Yandex च्या TOP-10 मध्ये आहे, दुसरा TOP-50 च्या बाहेर आहे. मिळालेल्या ज्ञानाचा वापर करून, असा फरक का निर्माण झाला हे स्वतःचे मूल्यांकन करा.

"संपर्क" पृष्ठाची योग्य रचना

"संपर्क" पृष्ठाची चुकीची रचना

शाखा संपर्कांचे काय करावे?

एखाद्या कंपनीच्या एकाच शहरात अनेक शाखा किंवा प्रदेशात प्रतिनिधी कार्यालये असल्यास, तुम्हाला प्रत्येक विभागासाठी स्वतंत्र संपर्क पृष्ठे तयार करण्याची काळजी घ्यावी लागेल. एका शहरात 2-3 शाखा असल्यास, त्यांचे संपर्क एका पृष्ठावर सूचित करणे उचित आहे, परंतु पृष्ठास "पत्रक" मध्ये बदलण्याची परवानगी देऊ नये. जर बरेच पत्ते असतील तर ते तयार करा स्वतंत्र पृष्ठप्रत्येकासाठी, आणि साठी सामान्य पृष्ठमार्कर आणि सर्व शाखांच्या लिंक्ससह नकाशा बनवा किंवा छोटी यादीदुव्यांसह. वापरकर्ते आणि शोध रोबोट दोघांनाही हे आवडेल.

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

संपर्क आणि वेबसाइट जाहिरात

वेबमास्टरसाठी Yandex.Webmaster आणि Google टूल्स तुम्हाला तुमच्या साइटचा प्रदेश, कंपनीच्या सेवा, तिचे कामाचे वेळापत्रक, पत्ता आणि शोध परिणामांमध्ये प्रदर्शित होणारा इतर महत्त्वाचा डेटा याबद्दल शोध इंजिनांना माहिती देण्याची परवानगी देतात. Yandex.Webmaster मध्ये, यासाठी तुम्हाला "साइट क्षेत्र" आणि "पत्ते आणि संस्था" साधने वापरण्याची आवश्यकता आहे. Google यासाठी डिझाइन केले आहे " Google पत्ते" उच्च-गुणवत्तेच्या स्निपेट व्यतिरिक्त, हे मॅपिंग सेवांमध्ये कंपनीचा डेटा ठेवण्याची संधी देईल - आणि यामुळे अतिरिक्त रहदारी आकर्षित होईल.

सर्व पृष्ठांवर संपर्क माहिती ठेवणे

फोन आणि इतर संपर्क माहिती (किंवा त्यांना लिंक) साइटच्या प्रत्येक पृष्ठावर सूचित करणे आवश्यक आहे. त्याच वेळी, ते स्पष्टपणे दृश्यमान असले पाहिजेत, अन्यथा कॉल करण्यासाठी आणि ऑर्डर देण्यास तयार असलेल्या अभ्यागताला तुमचे संपर्क सापडणार नाहीत आणि ते प्रतिस्पर्ध्यांकडे जाऊ शकत नाहीत.

जेणेकरुन अभ्यागत वस्तू ऑर्डर करण्यासाठी त्याच्यासाठी सोयीस्कर मार्ग निवडू शकेल, तुमची सर्व संपर्क माहिती सूचित करू शकेल: फोन, ईमेल, स्काईप, ICQ, इ. बहुतेक प्रकरणांमध्ये, मोबाइल फोन नंबरपेक्षा लँडलाइन फोन नंबर अधिक विश्वासार्ह असतो.

सोयीची उपलब्धता आणि माहितीपूर्ण पृष्ठसंपर्क तुम्हाला तयार करण्याची परवानगी देईल कार्यक्षम चॅनेलअभ्यागतांशी संवाद, कंपनीवरील विश्वासाची पातळी वाढवा. या पृष्ठाचे योग्य ऑप्टिमायझेशन शोध इंजिनसाठी साइटचे आकर्षण वाढवेल आणि यशस्वी जाहिरातीसाठी एकूण धोरणात योगदान देईल. व्यावसायिक चौकशी. हे फायदे साध्य करण्यासाठी व्यावसायिकांकडे वळण्यास अजिबात संकोच करू नका.

जे आपल्याला सामग्री ब्लॉक्सचे स्पष्टपणे वर्णन करण्यास अनुमती देतात

HTML5 म्हणजे काय?

HTML5 आहे नवीनतम आवृत्तीहायपरटेक्स्ट मार्कअप लँग्वेज (HTML), जी या भाषेच्या संपूर्ण इतिहासात सर्वात मूलगामी पुनरावृत्ती दर्शवते. ही आवृत्ती विविध क्षेत्रांमध्ये अनेक नवीन वैशिष्ट्ये सादर करते. त्यापैकी सर्वात लक्षणीय खालील गोष्टींचा समावेश आहे.

• ऑडिओ आणि व्हिडिओ सामग्रीचे समर्थन करण्यासाठी अंगभूत मीडिया टॅग
• थेट ब्राउझरमध्ये सामग्री काढण्यासाठी कॅनव्हास टॅग
• स्मार्ट फॉर्म जे आवश्यक विशेषता वापरून प्रमाणीकरणासारख्या ऑपरेशन्सना अनुमती देतात

या विषयावरील पात्रता कौशल्ये सुधारणे

हा लेख पात्रता कौशल्ये (ज्ञानाचा मार्ग) सुधारण्यासाठी "ज्ञानाचा मार्ग" कार्यक्रमाचा एक भाग आहे. सेमी. .

नवीन संच HTML5 मधील संरचनात्मक घटक (टॅग) HTML दस्तऐवजांच्या संरचित पद्धतीत बदल करतात. नवीन संरचना टॅग HTML दस्तऐवज तार्किक भागांमध्ये विभाजित करण्यावर लक्ष केंद्रित करतात. प्रत्येक स्ट्रक्चर टॅगचे नाव टॅग संचयित करण्याच्या उद्देशाने असलेल्या सामग्रीच्या प्रकाराचे वर्णन करते. हा लेख समर्पित आहे तपशीलवार वर्णनहे नवीन टॅग.

पार्श्वभूमी

1989 मध्ये, टिम बर्नर्स-ली यांनी इंटरनेटवर माहिती मिळवण्याच्या तत्कालीन विद्यमान पद्धतींच्या काही मर्यादांवर मात करण्यासाठी HTML भाषेची पहिली आवृत्ती तयार केली. चालू प्रारंभिक टप्पाइंटरनेटचे अस्तित्व, त्यावर नेव्हिगेट करणे हे अवघड काम झाले आहे. इंटरनेटवरील सामग्रीचा संग्रह होता वैयक्तिक कागदपत्रे, नाही असताना सोपी पद्धतया कागदपत्रांद्वारे नेव्हिगेशन. खरंच, वापरकर्त्याला तो शोधत असलेल्या दस्तऐवजाचा अचूक पत्ता माहित असणे आवश्यक आहे आणि हा पत्ता व्यक्तिचलितपणे प्रविष्ट करा. या समस्येचे निराकरण करण्यासाठी, बर्नर्स-लीने दोन तंत्रज्ञान तयार केले: HTTP प्रोटोकॉल(हायपरटेक्स्ट ट्रान्सफर प्रोटोकॉल) आणि HTML भाषा(हायपरटेक्स्ट मार्कअप भाषा).

HTTP एक सेवा प्रोटोकॉल आहे जो वेब सर्व्हर सामग्री वितरित करण्यासाठी वापरतात. च्या कडे पहा पत्ता लिहायची जागातुमचा वेब ब्राउझर. जर तुमचा ब्राउझर संपूर्ण URL प्रदर्शित करत असेल, तर बहुधा ते "http://" वर्णांनी सुरू होईल. URL चा हा भाग वेब सर्व्हरला विनंती करताना कोणत्या प्रकारचा प्रोटोकॉल वापरायचा हे ब्राउझरला सांगतो. जेव्हा वेब सर्व्हरला दस्तऐवजासाठी विनंती प्राप्त होते, बहुतेक प्रकरणांमध्ये दस्तऐवज एचटीएमएल फॉरमॅटमध्ये असतो किंवा या फॉरमॅटमध्ये रूपांतरित होतो. हा HTML दस्तऐवज आहे जो ब्राउझरला पाठवला जातो ज्याने ही विनंती पाठवली होती.

HTML ही एक स्क्रिप्टिंग भाषा आहे जी वेब ब्राउझरला सामग्री कशी सादर करायची ते सांगते. सामग्रीमध्ये इतर दस्तऐवजांचे दुवे असू शकतात, इंटरनेटवरील दस्तऐवजांमध्ये नेव्हिगेट करण्यासाठी वापरकर्ता-अनुकूल पद्धत प्रदान करते.

HTTP आणि HTML तंत्रज्ञानाचे हे संयोजन इंटरनेट सामग्रीचे जलद आणि सुलभ नेव्हिगेशन सुनिश्चित करते - दस्तऐवजांमध्ये नेव्हिगेट करण्यासाठी, तुम्हाला फक्त मजकूरातील लिंकवर क्लिक करावे लागेल. वर नमूद केलेल्या दोन तंत्रज्ञानाची निर्मिती केल्यानंतर, बर्नर्स-ली यांनी W3C (जागतिक) नावाची संस्था स्थापन केली. वाइड वेबकंसोर्टियम). W3C ने HTML च्या पहिल्या चार आवृत्त्यांच्या विकासाचे नेतृत्व केले.

इंटरनेटचा मूळ उद्देश साध्या मजकूर दस्तऐवजांची सेवा करणे हा होता. पहिले ब्राउझर केवळ मजकूर होते (दुसऱ्या शब्दात, त्यांच्याकडे कोणत्याही फॅन्सी विंडो नाहीत - फक्त स्क्रीनवर मजकूर). प्रतिमा पहिल्यांदा दिसल्या तेव्हा देखील जोडणे ही एक महत्त्वपूर्ण कामगिरी होती. आज, लोक इंटरनेटवर निरनिराळ्या गोष्टी करतात, मेसेज पाठवण्यापासून ई-मेलपाहण्यापूर्वी दूरदर्शन कार्यक्रम. साध्या मजकूर दस्तऐवजांची वाहतूक करण्यासाठी इंटरनेट आधीपासूनच एक यंत्रणा बनले आहे. नवीन वैशिष्ट्ये आणि नवीन वापरांमुळे नवीन अडचणी आणि नवीन समस्या निर्माण झाल्या आहेत ज्यांचे निराकरण करण्यासाठी HTML कधीही डिझाइन केलेले नव्हते.

W3C ने XHTML 2.0 (एक्सटेंसिबल हायपरटेक्स्ट मार्कअप लँग्वेज) मानकासह आजच्या इंटरनेटच्या समस्या सोडवण्याचा प्रयत्न केला. तथापि, हे मानक व्यापकपणे स्वीकारले गेले नाही आणि आता अक्षरशः सोडून दिले गेले आहे. 2004 मध्ये, W3C XHMTL 2.0 मानकांवर आपले प्रयत्न केंद्रित करत असताना, WHATWG (वेब ​​हायपरटेक्स्ट ऍप्लिकेशन टेक्नॉलॉजी वर्किंग ग्रुप) नावाच्या दुसऱ्या संस्थेने HTML5 मानक विकसित करण्यास सुरुवात केली, जी XHTML 2.0 मानकांपेक्षा समुदायाद्वारे अधिक अनुकूलपणे प्राप्त झाली. W3C ने XHTML 2.0 वर काम करणे थांबवले आहे आणि सध्या HTML5 तपशील विकसित करण्यासाठी WHATWG सोबत काम करत आहे.

समर्थित ब्राउझर

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

अद्यतनित doctype घोषणा

तुमच्या लक्ष्यित ब्राउझरच्या क्षमतांची पर्वा न करता, तुम्ही प्रत्येक ब्राउझरला सांगणे आवश्यक आहे की तुम्ही HTML5 तपशील वापरून तुमची सामग्री प्रदर्शित करू इच्छिता. हे doctype घोषणा वापरून केले जाऊ शकते.

doctype घोषणा ब्राउझरला मार्कअप भाषेची कोणती आवृत्ती लिहिली आहे हे सांगते चालू पान. हे डीटीडी (दस्तऐवज प्रकार व्याख्या) टेम्पलेट वापरून करते. DTD ब्राउझरला सामग्री योग्यरित्या प्रदर्शित करण्यात मदत करण्यासाठी मार्कअप भाषा वापरणारे नियम निर्दिष्ट करते.

डॉक्टाइप डिक्लेरेशनची संकल्पना खूप गोंधळात टाकणारी असू शकते. सध्याच्या एचटीएमएल स्पेसिफिकेशनमध्ये अनेक डॉक्टाइप डिक्लेरेशन आहेत, ज्यामधील फरक पूर्णपणे स्पष्ट नाहीत. टेबल 1 वर उपलब्ध आहे हा क्षण doctype घोषणा आणि त्यांची क्षमता.

तक्ता 1. डॉक्टाइप घोषणा आणि त्यांची क्षमता

सुदैवाने, HTML5 स्पेसिफिकेशन doctype घोषणा मोठ्या प्रमाणात सुलभ करते. खरंच, HTML5 मध्ये अशी एकच घोषणा आहे. HTML5 तपशील वापरून तुमचा ब्राउझर रेंडर होण्यासाठी, मध्ये दर्शविलेले doctype घोषणा जोडा.

सूची 1. HTML5 doctype घोषणा

घोषणा टॅगच्या आधी HTML दस्तऐवजाच्या अगदी सुरुवातीला असणे आवश्यक आहे .

नवीन रचना टॅग

नवीन स्ट्रक्चर टॅगच्या निर्मितीमागील आधार म्हणजे वेब पृष्ठे तार्किक भागांमध्ये विभागण्याची इच्छा आहे ज्यांचे वर्णनात्मक नावे ते समाविष्ट असलेल्या सामग्रीशी संबंधित आहेत. वैचारिकदृष्ट्या, वेब पृष्ठाचा दस्तऐवज म्हणून विचार केला जाऊ शकतो. दस्तऐवजांमध्ये शीर्षलेख, तळटीप, अध्याय आणि इतर विविध असतात चिन्हे, कागदपत्रांचे तार्किक भागांमध्ये विभाजन करणे.

IN हा विभागउदाहरण वापरून, HTML दस्तऐवज विभाजित करण्याच्या सध्याच्या पद्धतींवर चर्चा केली आहे. लेखाच्या पुढील विभागांमध्ये, आम्ही HTML5 स्ट्रक्चर टॅग वापरून मूळ कोड सुधारू आणि तार्किक दस्तऐवज रचना तयार करण्यासाठी चरण-दर-चरण पाहू.

HTML 4 दृष्टीकोन

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

सूची 2. साधे HTML पृष्ठ, div टॅग वापरून

हा दृष्टिकोन उत्तम कार्य करतो; div टॅग हा एक उत्तम घटक आहे सामान्य हेतू. तथापि, प्रत्येक div टॅगची id विशेषता न पाहता, प्रत्येक div टॅग कोणत्या दस्तऐवजाचे प्रतिनिधित्व करतो हे सांगणे कठीण आहे. असा युक्तिवाद केला जाऊ शकतो की जर आयडी विशेषता योग्यरित्या नाव दिले असेल तर, निर्देशक म्हणून त्याची क्षमता पुरेशी आहे, तथापि, आयडी विशेषता वापरणे अनिवार्य नाही. आयडी गुणधर्माचे अनेक फ्लेवर्स आहेत जे तितकेच वैध मानले जाऊ शकतात. div टॅगमध्येच कोणत्या प्रकारच्या सामग्रीचे प्रतिनिधित्व करण्याचे काम सोपवण्यात आले आहे याचे कोणतेही संकेत नसतात.

HTML5 दृष्टीकोन

HTML5 टॅग्जचा संच प्रदान करून या समस्येचे निराकरण करते जे HTML दस्तऐवज बनवणाऱ्या सामग्रीचे मुख्य ब्लॉक अधिक अचूकपणे परिभाषित करतात. वेब पृष्ठ प्रदर्शित होणारी परिणामी सामग्री विचारात न घेता, बहुतेक वेब पृष्ठे असतात विविध संयोजनठराविक विभाग आणि पृष्ठ घटक.

सूची 4. विभाग टॅग जोडणे