वेब मानकांच्या चळवळीचा एक महत्त्वाचा तत्व जे आज आपल्याकडे आहे त्या उद्योगासाठी जबाबदार आहे ते डीफॉल्टनुसार ब्राउझरमध्ये कसे दिसून येतील त्यापेक्षा ते कशासाठी आहेत हे HTML घटक वापरण्याची कल्पना आहे हे सिमेंटिक HTML वापरून म्हणून ओळखले जाते.
सिमेंटिक HTML काय आहे
सिमेंटिक एचटीएमएल किंवा सिमेंटिक मार्क अप एचटीएमएल आहे जो फक्त प्रेझेंटेशन ऐवजी वेब पेजला अर्थ देते. उदाहरणार्थ, एक
टॅग दर्शवितात की संलग्न केलेला मजकूर परिच्छेद आहे.
हे सिमेंटिक आणि प्रेझेंटेशन दोन्ही आहे, कारण लोकांना माहिती आहे की कोणते पॅरेग्राफ आहेत आणि ब्राऊझर्स त्यांना कसे प्रदर्शित करायचे हे माहित आहे.
या समीकरणाच्या झटका दिशेने, आणि सारख्या टॅग अर्थपूर्ण नाहीत, कारण ते फक्त मजकूर (बोल्ड किंवा इटॅलीक) कसे दिसले पाहिजे हे निर्धारित करतात आणि मार्कअपला कोणतेही अतिरिक्त अर्थ प्रदान करू नका.
अर्थपूर्ण HTML टॅग्जच्या उदाहरणांमध्ये
माध्यमातून , , आणि हेडर टॅग समाविष्ट होतात. आपण एक मानक-अनुरुप वेबसाइट तयार करताना वापरली जाऊ शकणारे बरेच अर्थपूर्ण HTML टॅग्ज आहेत
आपण अर्थपूर्ण काळजी कशी घ्यावी?
सिमेंटिक एचटीएमएल लिहिण्याचे फायदे कुठल्याही वेबपानाचे ड्रायव्हिंग लक्ष्य असावे - ते संवाद साधण्याची इच्छा. आपल्या दस्तऐवजात सिमेंटिक टॅग जोडून, आपण त्या दस्तऐवजाबद्दल अतिरिक्त माहिती प्रदान करु शकता, जे संप्रेषणासाठी सहाय्य करते. विशिष्ट शब्दात, शब्दार्थात्मक टॅग्ज ब्राउझरला स्पष्ट करतात की पृष्ठाचा अर्थ आणि त्याची सामग्री काय आहे
हे स्पष्टीकरण देखील शोध इंजिनांसह संप्रेषित केले जाते, हे सुनिश्चित करणे की योग्य पृष्ठांसाठी योग्य क्वेरी दिली आहेत.
सिमेंटिक एचटीएमएल टॅग त्या टॅग्सच्या सामुग्रीची माहिती देतात जे एका पृष्ठावर कसे दिसते टॅगमध्ये जो मजकूर आहे तो ब्राउझरला काही प्रकारचे कोडींग भाषा म्हणून ओळखला जातो.
तो कोड रेंडर करण्याचा प्रयत्न करण्याऐवजी, ब्राउझरला हे समजते की आपण एखाद्या लेखासाठी किंवा एखाद्या प्रकारचे ऑनलाइन ट्युटोरियलच्या हेतूसाठी कोडचे उदाहरण म्हणून मजकूर वापरत आहात.
सिमेंटिक टॅग वापरुन आपल्याला आपली सामग्री स्टाइल करण्यासाठी बरेच अधिक हुक मिळते. कदाचित आजकाल आपण आपला कोड नमुने डीफॉल्ट ब्राउझर शैलीमध्ये प्रदर्शित करू इच्छित आहात, परंतु उद्या, आपण त्यांना एका ग्रे पार्श्वभूमी रंगासह कॉल करू इच्छित असाल आणि नंतर आपण विशिष्ट मोनो-स्पेस्ड फॉन्ट कुटुंब किंवा फॉन्ट स्टॅक परिभाषित करू इच्छित आहात आपले नमुने आपण सिमेंटिक मार्क अप आणि स्मार्टरीली लागू सीएसएस वापरून या सर्व गोष्टी सहजपणे करू शकता.
सिमेंटिक टॅगचा योग्य वापर करा
जेव्हा आपण सिमेंटिक टॅग्जचा वापर प्रस्तुतीकरण उद्देशांच्या ऐवजी अर्थ व्यक्त करण्यास करू इच्छित असाल तेव्हा आपण सावध असणे आवश्यक आहे की आपण त्यांच्या सामान्य प्रदर्शन गुणधर्मांकरता चुकीच्या पद्धतीने त्यांचा वापर करू नये. काही सामान्यतः गैरवापर केलेल्या शब्दार्थातील टॅगमध्ये हे समाविष्ट होते:
- blockquote - काही लोक उद्धृत करणारे मजकूर इंडेक्स करण्यासाठी टॅग वापरतात. कारण ब्लॉकक्ॉट्स मुलभूतरित्या इंडेन्डेड आहेत. जर आपण फक्त इंडेंटेशनचे फायदे हवे असल्यास परंतु मजकूर ब्लॉककोट नाही तर त्याऐवजी सीएसएस मार्जिन वापरा.
- पी - काही वेब संपादक
& nbsp; (पॅराग्राफमध्ये समाविष्ट नसलेली ब्रेकिंग स्पेस) त्या पृष्ठाच्या मजकूरासाठी वास्तविक परिच्छेद परिभाषित करण्याऐवजी पृष्ठ घटकांमध्ये अतिरिक्त जागा जोडण्यासाठी वापरतात. पूर्वी उल्लेख केलेल्या इंडँन्टिंग उदाहरणासह, आपण स्पेस जोडण्यासाठी मार्जिन किंवा पॅडिंग प्रकारच्या मालमत्तेचा वापर करावा.
- ul - ब्लॉककोट प्रमाणे, बहुतांश ब्राऊझरमधील मजकूर
टॅग इंडेंटच्या आत असलेला मजकूर जोडणे हे दोन्ही अर्थपूर्ण चुकीचे आणि अवैध HTML आहेत कारण केवळ - टॅग
टॅगमध्ये वैध आहेत पुन्हा, इंडीट टेक्स्टसाठी मार्जिन किंवा पॅडिंग शैली वापरा.
- h1-h6 - हेडिंग टॅग मोठ्या आणि ठळक फॉन्ट बनविण्यासाठी वापरले जाऊ शकतात, परंतु मजकूर शीर्षकाचा नसल्यास, तो शीर्षलेख टॅगमध्ये नसावा. आपण आपल्या पृष्ठावर विशिष्ट मजकूर आकार किंवा वजन बदलू इच्छित असल्यास त्याऐवजी फॉन्ट-वजन आणि फॉन्ट-आकारात CSS गुणधर्मांचा वापर करा ..
अर्थ असलेल्या एचटीएमएल टॅग्जचा वापर करून, आपण अशी पृष्ठे तयार केली आहेत की जे
टॅग्ज बरोबर फक्त सर्व गोष्टींची माहिती देतात
कोणत्या HTML टॅग अर्थ आहेत?
जवळजवळ प्रत्येक HTML4 टॅग आणि सर्व HTML5 टॅग्जना शब्दार्थाचा अर्थ असतो, तथापि काही टॅग निसर्गात प्रामुख्याने अर्थ असतात.
उदाहरणार्थ, HTML5 ने आणि टॅग शब्दार्थासंबंधीचा अर्थ परिभाषित केला आहे टॅग जास्त महत्व देत नाही, परंतु सामान्यतः ठळक स्वरुपात पाठविलेले मजकूर. टॅग देखील अतिरिक्त महत्त्व किंवा जोर व्यक्त करीत नाही, परंतु टेक्स्टला परिभाषित करतो जी सामान्यत: तिर्यकांमध्ये प्रस्तुत केली जाते
सिमेंटिक एचटीएमएल टॅग्ज
संक्षेप <परिवर्णी शब्द> परिवर्णी शब्द
दीर्घ उद्धरण व्याख्या <पत्ता> दस्तऐवजाच्या लेखक (नों )साठी पत्ता उद्धरण कोड संदर्भ टेलिटेप मजकूर तार्किक विभाग सामान्य इनलाइन शैली कंटेनर हटवलेला मजकूर <इन> घातलेला मजकूर भर जोरदार भर
प्रथम-स्तरीय मथळा
द्वितीय-स्तरीय मथळा
तृतीय-स्तरीय मथळा
चौथा-स्तरीय मथळा
पाचवा-पातळीवरील मथळा
सहावा-स्तरीय मथळा
थियेटिक ब्रेक वापरकर्त्याद्वारे प्रविष्ट केलेला मजकूर <पूर्व> पूर्व-स्वरुपित मजकूर
लघु इनलाइन कोटेशन नमुना आउटपुट <उप> सबस्क्रिप्ट सुपरस्क्रिप्ट व्हेरिएबल किंवा वापरकर्ता परिभाषित मजकूर
, आणि हेडर टॅग समाविष्ट होतात. आपण एक मानक-अनुरुप वेबसाइट तयार करताना वापरली जाऊ शकणारे बरेच अर्थपूर्ण HTML टॅग्ज आहेत
आपण अर्थपूर्ण काळजी कशी घ्यावी?
सिमेंटिक एचटीएमएल लिहिण्याचे फायदे कुठल्याही वेबपानाचे ड्रायव्हिंग लक्ष्य असावे - ते संवाद साधण्याची इच्छा. आपल्या दस्तऐवजात सिमेंटिक टॅग जोडून, आपण त्या दस्तऐवजाबद्दल अतिरिक्त माहिती प्रदान करु शकता, जे संप्रेषणासाठी सहाय्य करते. विशिष्ट शब्दात, शब्दार्थात्मक टॅग्ज ब्राउझरला स्पष्ट करतात की पृष्ठाचा अर्थ आणि त्याची सामग्री काय आहे
हे स्पष्टीकरण देखील शोध इंजिनांसह संप्रेषित केले जाते, हे सुनिश्चित करणे की योग्य पृष्ठांसाठी योग्य क्वेरी दिली आहेत.
सिमेंटिक एचटीएमएल टॅग त्या टॅग्सच्या सामुग्रीची माहिती देतात जे एका पृष्ठावर कसे दिसते टॅगमध्ये जो मजकूर आहे तो ब्राउझरला काही प्रकारचे कोडींग भाषा म्हणून ओळखला जातो.
तो कोड रेंडर करण्याचा प्रयत्न करण्याऐवजी, ब्राउझरला हे समजते की आपण एखाद्या लेखासाठी किंवा एखाद्या प्रकारचे ऑनलाइन ट्युटोरियलच्या हेतूसाठी कोडचे उदाहरण म्हणून मजकूर वापरत आहात.
सिमेंटिक टॅग वापरुन आपल्याला आपली सामग्री स्टाइल करण्यासाठी बरेच अधिक हुक मिळते. कदाचित आजकाल आपण आपला कोड नमुने डीफॉल्ट ब्राउझर शैलीमध्ये प्रदर्शित करू इच्छित आहात, परंतु उद्या, आपण त्यांना एका ग्रे पार्श्वभूमी रंगासह कॉल करू इच्छित असाल आणि नंतर आपण विशिष्ट मोनो-स्पेस्ड फॉन्ट कुटुंब किंवा फॉन्ट स्टॅक परिभाषित करू इच्छित आहात आपले नमुने आपण सिमेंटिक मार्क अप आणि स्मार्टरीली लागू सीएसएस वापरून या सर्व गोष्टी सहजपणे करू शकता.
सिमेंटिक टॅगचा योग्य वापर करा
जेव्हा आपण सिमेंटिक टॅग्जचा वापर प्रस्तुतीकरण उद्देशांच्या ऐवजी अर्थ व्यक्त करण्यास करू इच्छित असाल तेव्हा आपण सावध असणे आवश्यक आहे की आपण त्यांच्या सामान्य प्रदर्शन गुणधर्मांकरता चुकीच्या पद्धतीने त्यांचा वापर करू नये. काही सामान्यतः गैरवापर केलेल्या शब्दार्थातील टॅगमध्ये हे समाविष्ट होते:
- blockquote - काही लोक उद्धृत करणारे मजकूर इंडेक्स करण्यासाठी टॅग वापरतात. कारण ब्लॉकक्ॉट्स मुलभूतरित्या इंडेन्डेड आहेत. जर आपण फक्त इंडेंटेशनचे फायदे हवे असल्यास परंतु मजकूर ब्लॉककोट नाही तर त्याऐवजी सीएसएस मार्जिन वापरा.
- पी - काही वेब संपादक
& nbsp; (पॅराग्राफमध्ये समाविष्ट नसलेली ब्रेकिंग स्पेस) त्या पृष्ठाच्या मजकूरासाठी वास्तविक परिच्छेद परिभाषित करण्याऐवजी पृष्ठ घटकांमध्ये अतिरिक्त जागा जोडण्यासाठी वापरतात. पूर्वी उल्लेख केलेल्या इंडँन्टिंग उदाहरणासह, आपण स्पेस जोडण्यासाठी मार्जिन किंवा पॅडिंग प्रकारच्या मालमत्तेचा वापर करावा.
- ul - ब्लॉककोट प्रमाणे, बहुतांश ब्राऊझरमधील मजकूर
टॅग इंडेंटच्या आत असलेला मजकूर जोडणे हे दोन्ही अर्थपूर्ण चुकीचे आणि अवैध HTML आहेत कारण केवळ - टॅग
टॅगमध्ये वैध आहेत पुन्हा, इंडीट टेक्स्टसाठी मार्जिन किंवा पॅडिंग शैली वापरा.
- h1-h6 - हेडिंग टॅग मोठ्या आणि ठळक फॉन्ट बनविण्यासाठी वापरले जाऊ शकतात, परंतु मजकूर शीर्षकाचा नसल्यास, तो शीर्षलेख टॅगमध्ये नसावा. आपण आपल्या पृष्ठावर विशिष्ट मजकूर आकार किंवा वजन बदलू इच्छित असल्यास त्याऐवजी फॉन्ट-वजन आणि फॉन्ट-आकारात CSS गुणधर्मांचा वापर करा ..
अर्थ असलेल्या एचटीएमएल टॅग्जचा वापर करून, आपण अशी पृष्ठे तयार केली आहेत की जे
टॅग्ज बरोबर फक्त सर्व गोष्टींची माहिती देतात
कोणत्या HTML टॅग अर्थ आहेत?
जवळजवळ प्रत्येक HTML4 टॅग आणि सर्व HTML5 टॅग्जना शब्दार्थाचा अर्थ असतो, तथापि काही टॅग निसर्गात प्रामुख्याने अर्थ असतात.
उदाहरणार्थ, HTML5 ने आणि टॅग शब्दार्थासंबंधीचा अर्थ परिभाषित केला आहे टॅग जास्त महत्व देत नाही, परंतु सामान्यतः ठळक स्वरुपात पाठविलेले मजकूर. टॅग देखील अतिरिक्त महत्त्व किंवा जोर व्यक्त करीत नाही, परंतु टेक्स्टला परिभाषित करतो जी सामान्यत: तिर्यकांमध्ये प्रस्तुत केली जाते
सिमेंटिक एचटीएमएल टॅग्ज
संक्षेप <परिवर्णी शब्द> परिवर्णी शब्द
दीर्घ उद्धरण व्याख्या <पत्ता> दस्तऐवजाच्या लेखक (नों )साठी पत्ता उद्धरण कोड संदर्भ टेलिटेप मजकूर तार्किक विभाग सामान्य इनलाइन शैली कंटेनर हटवलेला मजकूर <इन> घातलेला मजकूर भर जोरदार भर
प्रथम-स्तरीय मथळा
द्वितीय-स्तरीय मथळा
तृतीय-स्तरीय मथळा
चौथा-स्तरीय मथळा
पाचवा-पातळीवरील मथळा
सहावा-स्तरीय मथळा
थियेटिक ब्रेक वापरकर्त्याद्वारे प्रविष्ट केलेला मजकूर <पूर्व> पूर्व-स्वरुपित मजकूर
लघु इनलाइन कोटेशन नमुना आउटपुट <उप> सबस्क्रिप्ट सुपरस्क्रिप्ट व्हेरिएबल किंवा वापरकर्ता परिभाषित मजकूर