विज्ञापन

HTML5 है नवीनतम और महान HTML5 क्या है, और यह मेरे ब्राउज़ करने के तरीके को कैसे बदलता है? [MakeUseOf बताते हैं]पिछले कुछ वर्षों में, आपने HTML5 शब्द को हर एक बार एक समय में सुना होगा। चाहे आप वेब विकास के बारे में कुछ भी जानते हों या नहीं, यह अवधारणा कुछ हद तक अस्पष्ट और भ्रामक हो सकती है। जाहिर है,... अधिक पढ़ें वेब पर सबसे अधिक उपयोग की जाने वाली मार्कअप भाषा का संस्करण। भाषा के अंतिम संस्करण से कुछ बड़े बदलाव हुए हैं, और यदि आप उनका उपयोग नहीं कर रहे हैं, तो आप वास्तव में कुछ शांत कार्यक्षमता से गायब हैं।

हमारे पास HTML के पांचवें संस्करण में हर नए तत्व को शामिल करने के लिए जगह नहीं है, लेकिन ये नौ सबसे महत्वपूर्ण हैं। HTML5 में नए तत्वों और एपीआई के बारे में अधिक जानकारी के लिए, सुनिश्चित करें W3Schools की जाँच करें.

एक शब्दार्थ तत्वों का परिचय

अधिकांश इंटरनेट की तरह, HTML5 शब्दार्थ पर ध्यान केंद्रित करने के लिए स्थानांतरित हो गया है। अब, केवल स्वरूपण के लिए उपयोग किए जा रहे टैग के बजाय, वे ब्राउज़र बताने के लिए भी उपयोग किए जाते हैं और खोज इंजन Google के विकल्प के रूप में शीर्ष 7 शब्दार्थ खोज इंजन अधिक पढ़ें वे क्या चारों ओर का अर्थ है।

instagram viewer

उदाहरण के लिए,

बस एक ब्राउज़र बताता है कि इसमें एक पैराग्राफ है।

, जिस पर हम क्षण भर चर्चा करते हैं, एक ब्राउज़र को बताता है कि इसमें पृष्ठ की मुख्य सामग्री है।

सिमेंटिक वेब अभी भी विकसित हो रहा है, और हमने केवल इसकी सतह को खरोंचना शुरू कर दिया है कि यह क्या कर सकता है। HTML5 लाने में मदद कर रहा है शब्दार्थ मार्कअप सिमेंटिक मार्कअप क्या है और यह इंटरनेट हमेशा के लिए कैसे बदल जाएगा [प्रौद्योगिकी समझाया] अधिक पढ़ें इंटरनेट के एक बहुत बड़े हिस्से में, और यह केवल शब्दार्थ प्रसंस्करण के भविष्य के लिए अच्छा हो सकता है।

1.

टैग "स्वतंत्र, स्व-निहित सामग्री" को परिभाषित करता है। सबसे आसान उदाहरण, एक लेख है। इस विशेष लेख के लिए, हम परिचय से पहले टैग को खोलते हैं और समापन के बाद इसे बंद करते हैं।

आपके स्व-निहित अनुभाग में सभी पाठ।

लेकिन अन्य तरीके भी हैं जो आप इसका इस्तेमाल कर सकते हैं। उदाहरण के लिए, कई खाना पकाने के ब्लॉगों में व्यक्तिगत कहानियां शामिल हैं कि एक नुस्खा कैसे आया या यह लेखक के लिए महत्वपूर्ण क्यों है। इसके बाद यह रेसिपी अपने आप चली गई। आप यह तर्क दे सकते हैं कि इनमें से प्रत्येक तत्व अकेले खड़े हो सकते हैं।

एक मंच में, प्रत्येक पोस्ट या थ्रेड को स्व-निहित माना जा सकता है, और प्रत्येक को अपने स्वयं के साथ चिह्नित किया जा सकता है

टैग। अधिकांश भाग के लिए, इसका उपयोग किसी पृष्ठ की मुख्य सामग्री पर किया जाएगा। लेकिन ध्यान रखें कि आप इसे और अधिक रचनात्मक रूप से भी उपयोग कर सकते हैं।

2.

नज़दीकी रिश्ता

है
. यह "सामग्री के विषयगत समूहन को परिभाषित करता है, आमतौर पर शीर्षक के साथ।" इसलिए
अंदर होगा
… सही?

जरुरी नहीं। W3 बताता है कि यह आपकी साइट की संरचना पर निर्भर करता है। आपके पास अपने पृष्ठ के विभिन्न वर्गों में आत्म-निहित सामग्री हो सकती है (उदाहरण के लिए, किसी समाचार साइट के मुख्य पृष्ठ के बारे में सोचें)। फिर आपके पास उस लेख में अनुभाग हो सकते हैं।

आपको एक डीएसी की आवश्यकता क्यों है

सब कुछ बेहतर लगता है।

DAC कैसे सेट करें

यहाँ आपको क्या करना है।. .

यदि आपके पृष्ठ में यह फिट बैठता है, तो आपके पास भी अनुभाग हो सकते हैं। याद रखें कि एक अनुभाग केवल "सामग्री का विषयगत समूहन" है, और आप इसका उपयोग करने के लिए बहुत सारे स्थान पाएंगे।

3.

यह तत्व "परिचयात्मक सामग्री के लिए एक कंटेनर के रूप में उपयोग किया जाना चाहिए।" संक्षेप में, यह आपके पृष्ठ का वह हिस्सा है जो लोगों को यह समझने में मदद करता है कि वे क्या पढ़ने के बारे में हैं।

लेकिन मूर्ख मत बनो - आप इस कंटेनर का एक से अधिक बार उपयोग कर सकते हैं। उदाहरण के लिए, आप इसका उपयोग अपने ब्लॉग पोस्ट के पृष्ठ शीर्षक और परिचयात्मक पैराग्राफ की पहचान करने के लिए कर सकते हैं। लेकिन आप इसका उपयोग प्रत्येक अनुभाग के लिए परिचयात्मक सामग्री को चिह्नित करने के लिए भी कर सकते हैं।

सब कुछ आप DACs के बारे में जानना चाहिए

यहाँ DACs के लिए एक उपयोगी परिचय है ...

आपका बाकी का लेख यहाँ जाता है।

हेडर सेक्शन में आमतौर पर कम से कम एक हेडिंग टैग होता है - H1, H2, और इसी तरह। वे नहीं करते हैं, लेकिन सामान्य तौर पर, यदि आप शीर्षक टैग का उपयोग कर रहे हैं, तो हेडर सामग्री सहित आपके पास एक अच्छा दांव है।

4.

W3 का कहना है कि पाद लेख में आमतौर पर "दस्तावेज़ के लेखक, कॉपीराइट जानकारी, उपयोग की शर्तों के लिंक, संपर्क जानकारी, आदि होते हैं।" आप इसे "हाउसकीपिंग" सामान के रूप में सोच सकते हैं।

प्रलेखन में यह भी कहा गया है कि आपके पृष्ठ पर एक से अधिक पाद लेख हो सकते हैं। हालांकि, यह सभी जानकारी को एक ही स्थान पर रखना एक अच्छा विचार है।

5.

इस टैग में दिए गए पृष्ठ के लिए नेविगेशन लिंक हैं। ध्यान दें कि केवल नेविगेशन अनुभाग को यह टैग मिलता है, आपके पेज के सभी लिंक नहीं। यह नेविगेशन बार और इसी तरह के उपकरणों के लिए है।

यह एक बहुत ही सरल टैग है - यही सब कुछ है। नेविगेशन अनुभाग को परिभाषित करने के लिए इसका उपयोग करें, और इसे अपने पृष्ठ पर दोबारा उपयोग न करें।

6.

HTML5 में सबसे दिलचस्प नए तत्वों में से एक अलग है। डब्लू 3 इसे कुछ हद तक अनहेल्फीफुल परिभाषा देता है "इसमें जिस सामग्री को रखा गया है, उससे अलग कुछ सामग्री।"

संक्षेप में, एक तरफ एक ऐसी चीज है जो संबंधित जानकारी (लेकिन इससे अलग) है। यह एक साइडबार हो सकता है जो आपकी सामग्री में विस्तार जोड़ता है। जब इसे एक सेट के भीतर उपयोग किया जाता है

टैग, यह अतिरिक्त जानकारी प्रदान करता है जो मुख्य सामग्री की समझ के लिए आवश्यक नहीं है।

उदाहरण के लिए, यदि हमने HTML5 के इतिहास के बारे में जानकारी देते हुए इस लेख में एक साइडबार को शामिल किया है, तो यह एक तरफ होगा।

लेकिन वो

मुख्य लेख यहाँ जाता है। लेख यहाँ जारी है।

क्योंकि इस टैग के लिए कई उपयोग हैं, यह भ्रामक हो सकता है। यदि आप ध्यान रखें कि यह "द्वितीयक सामग्री" है और इसे हमेशा साइडबार होने की आवश्यकता नहीं है, तो आपको इसका उपयोग कैसे करना है, इसका बेहतर विचार है।

7.

कई वेबसाइटों में ऐसी जानकारी होती है जिसे प्रदर्शित करने की आवश्यकता होती है, लेकिन प्रमुखता से नहीं। शायद यह एक तस्वीर के लिए कॉपीराइट जानकारी है। या एक प्रतियोगिता पर ठीक प्रिंट। इस तरह की जानकारी वही है जो विवरण टैग के लिए है।

जब आप विवरण टैग का उपयोग करते हैं, तो आप छिपे हुए पाठ का निर्माण करते हैं जिसे आसानी से प्रदर्शित किया जा सकता है। यहाँ एक उदाहरण है:

जानकारी देखने के लिए यहां क्लिक करें

यहां आपको अधिक विस्तृत जानकारी दी गई है जिसकी आपको तुरंत आवश्यकता नहीं है।

विवरण प्राप्त करने के लिए तीर पर क्लिक करें। सरल। इसे बनाना उतना ही आसान है। यहाँ उपरोक्त उदाहरण के लिए उपयोग किया गया कोड है:

जानकारी देखने के लिए यहां क्लिक करें यहां अधिक विस्तृत जानकारी दी गई है जिसकी आपको तुरंत आवश्यकता नहीं है।

टैग उस वाक्य को परिभाषित करता है जिसे दिखाया जाएगा, जबकि अन्य सामग्री छिपी हुई है। ध्यान दें कि आप विवरण अनुभाग के भीतर अन्य टैग का उपयोग कर सकते हैं: शीर्षकों, अनुभागों, और इसी तरह।

वहाँ दूसरे हैं शांत चीजें जो आप HTML के साथ कर सकते हैं 8 कूल HTML इफेक्ट्स जो कोई भी अपनी वेबसाइट पर जोड़ सकता हैफैंसी साइट बनाने के लिए आपको CSS या PHP का पता नहीं है। भयानक प्रभाव उत्पन्न करने के लिए इन शांत HTML ट्रिक्स का उपयोग करें। अधिक पढ़ें , भले ही आप बहुत सीएसएस या JSON नहीं जानते हों।

8-9.
तथा

चिंता मत करो, वह टैग जो आप वर्षों से उपयोग कर रहे हैं वह दूर नहीं हो रहा है।

छवि टैग के आसपास जाता है और ब्राउज़र को यह बताता है कि यह एक स्व-निहित छवि, आरेख, कोड सूची या अन्य आंकड़ा है।

यदि कोई आंकड़ा पृष्ठ से हटा दिया जाता है, तो यह सामग्री के प्रवाह को प्रभावित नहीं करेगा।

आंकड़ा टैग के भीतर जाता है और एक छवि के लिए एक कैप्शन निर्दिष्ट करता है। यह कुछ इस तरह दिख सकता है:

यह हमारा लोगो है!

यह आपको अपनी छवियों में कैप्शन जोड़ने का एक अंतर्निहित तरीका देता है। अब अपने सीएमएस के माध्यम से जाने की कोई जरूरत नहीं है।

HTML5 की पावर का लाभ उठाएं

एचटीएमएल 5 में नए तत्व विशेष रूप से अर्थ उद्देश्यों के लिए बहुत अधिक शक्ति जोड़ते हैं। स्वरूपण, अदिश माप, कार्य प्रगति और बहुत कुछ के लिए अतिरिक्त तत्व हैं। आप देख सकते हैं नए तत्वों के सभी W3Schools पर।

लेकिन अगर आप इन नौ में महारत हासिल कर सकते हैं, तो आप एचटीएमएल 5 का अच्छा उपयोग करने के अपने रास्ते पर अच्छी तरह से चलेंगे। और यदि आप HTML में नए हैं, तो जांचना सुनिश्चित करें ये कोड उदाहरण हैं 17 सरल HTML कोड उदाहरण आप 10 मिनट में सीख सकते हैंएक बेसिक वेबपेज बनाना चाहते हैं? इन HTML उदाहरणों को जानें और एक टेक्स्ट एडिटर में देखें कि वे आपके ब्राउज़र में कैसे दिखते हैं। अधिक पढ़ें !

क्या आपने एचटीएमएल 5 का उपयोग शुरू कर दिया है? आपको कौन से नए तत्व सबसे उपयोगी लगते हैं? नीचे टिप्पणी में अपने विचारों को साझा करें!

Dann एक कंटेंट स्ट्रैटेजी और मार्केटिंग कंसल्टेंट है, जो कंपनियों को डिमांड और लीड जेनरेट करने में मदद करता है। वह dannalbright.com पर रणनीति और सामग्री विपणन के बारे में भी ब्लॉग करता है।