किसी को ठीक से और शब्दार्थ से परेशान क्यों किया जाएगा?


55

ध्यान दें कि मैं (प्रयास) संभव के रूप में चिह्नित करने के लिए क्योंकि मुझे लगता है कि वे जिस तरह से यह लग रहा है और लगता है, लेकिन इसलिए नहीं कि मैं किसी भी अन्य आश्चर्यजनक लाभों के बारे में जानता हूं। मेरे सवाल का मतलब दूसरों को शिक्षित करने में सक्षम होना है

खैर, मैंने बहुत सारे लेख और ट्यूटोरियल देखे हैं जो अक्सर बताते हैं "चलो इसे सबसे अर्थपूर्ण तरीके से चिह्नित करते हैं"।

लेकिन एक अजीब ख्याल मेरे पास आया, क्यों?

किसी व्यक्ति को उन विशिष्ट तत्वों से परेशान होने की आवश्यकता क्यों है (या चाहते हैं) जो सही अर्थ का अर्थ बताते हैं? विशेष रूप से, मैं इस तरह के रूप में नई एचटीएमएल 5 तत्वों की चर्चा करते हुए हूँ, <time>, <output>, या <address>। विशेष रूप से, यदि पृष्ठ "काम करता है" (यह सभी ब्राउज़रों में अच्छी तरह से प्रस्तुत करता है)।

मैं ऐसे तत्वों का उपयोग क्यों करना चाहूंगा <time>या <address>, जहां कुछ भी नहीं (या सबसे खराब स्थिति में, एक सामान्य <span>) सिर्फ अच्छी तरह से काम करता है?

मैं यह इसलिए पूछ रहा हूं क्योंकि मैं (बहुत लोकप्रिय) वेबसाइटों (यह एक शामिल) को देख रहा हूं जो इन तथाकथित सर्वोत्तम प्रथाओं का पालन नहीं करता है।


17
आप कंप्यूटर के लिए जानकारी जोड़ रहे हैं, मानव के लिए नहीं।

8
@ ThorbjørnRavnAndersen: वाक़ई? मैं लोगों को पढ़ने के लिए एक वेबसाइट लिख रहा हूं, कंप्यूटर नहीं। मैं चाहता हूं कि लोग मेरी सामग्री पढ़ें, और अंततः मेरी दुकान पर आएं या जो कुछ भी (ग्राहक के दृष्टिकोण से यहां बोलें)
मदार उचिहा

3
"लोगों को पढ़ने के लिए, कंप्यूटर के लिए नहीं"। खैर, उस मामले में मुझे लगता है कि वे इसे समाचार पत्र या पत्रिका में पढ़ेंगे, फिर?

1
@ ThorbjørnRavnAndersen: Touché, लेकिन यदि पृष्ठ काम करता है (जैसा कि, मानव रीडाबेल) तो मैं फैंसी तत्वों को क्यों जोड़ूंगा time?
मदारा उचिहा

2
वास्तव में क्यों। यदि आप इसके लिए कोई आवश्यकता नहीं देख सकते हैं, तो नहीं।

जवाबों:


101

नि: शुल्क कार्यक्षमता

ठीक से <label>s का उपयोग करके आप पाठ क्षेत्र में प्रवेश करने के लिए लेबल पर क्लिक कर सकते हैं। कई ब्राउज़र आधिकारिक विनिर्देश प्रति कई टैग में तार्किक डिफ़ॉल्ट कार्यक्षमता जोड़ेंगे, जिसका अर्थ है कि आप कम जावास्क्रिप्ट प्लगइन्स का उपयोग कर सकते हैं और पूरी तरह से <div>s और <span>s से बनी साइट की तुलना में कम कोड लिख सकते हैं ।

सरल उपयोग

नि: शुल्क कार्यक्षमता से संबंधित, शब्दार्थ स्क्रीन रीडर सॉफ्टवेयर के लिए बहुत मायने रखता है। इनपुट फ़ील्ड के सामने पाठ को वसीयत के समान नहीं पढ़ा <label>जाएगा। स्क्रीन रीडर आपके अधिकांश CSS को अनदेखा कर देगा, इसलिए यह ज्यादातर आपके HTML की संरचना तक है।

तार्किक सीएसएस

div #headerजब आप <header>सीधे एक शैली और शैली का उपयोग कर सकते हैं, तो उसका उपयोग क्यों करें ? शब्दार्थ टैग चीजों को चिह्नित करना और आपकी शैली को बहुत अधिक पोर्टेबल बनाना आसान बनाते हैं; अगर आपके पास स्ट्राइक के लिए एक निश्चित शैली है और हमेशा <del>तत्वों का उपयोग करें तो शैली बहुत अधिक पोर्टेबल है। <del>हर किसी के लिए एक ही बात का मतलब है, लेकिन हर कोई अपनी .deletedTextकक्षा को अलग नाम देगा ।

यह बड़ी परियोजनाओं में सभी को एक ही पृष्ठ पर रखने में मदद करता है; कोई भी अन्य लोगों के गूढ़ वर्ग के नामकरण सम्मेलनों को सीखने में आनंद नहीं लेता है।

एसईओ

Google जैसे सर्च इंजनों ने शब्दार्थ HTML और मेटाडेटा का उपयोग बढ़ा दिया है । Google के रिच स्निपेट शब्दार्थ सामग्री को संप्रेषित करने के लिए विशेष मेटाडेटा का उपयोग करते हैं।

यह सब आम क्यों नहीं है

यह काम करता है, और लोगों को एक वेबसाइट को पहचानने के लिए उपयोग किया जाता है कि यह कैसा दिखता है और काम करता है । अक्सर अर्थ के लिए कोई लेखांकन नहीं होता है क्योंकि जो लोग ऐप्स के लिए व्यावसायिक मामला लिखते हैं वे इसे नहीं समझते हैं या यह महत्वपूर्ण क्यों है।

गैर तकनीकी लोगों के लिए HTML शब्दार्थ को समझना या उनका मूल्यांकन करना बहुत कठिन है।

यदि कोई वेबसाइट अच्छी लगती है और वह काम करती दिखाई देती है, तो झल्लाहट क्यों? बहुत से लोग भी पता नहीं हो सकता वहाँ है कुछ भी यह करने के लिए और अधिक। पहुंच के समान, यह तब तक अनदेखा हो जाता है जब तक कि आपकी टीम का कोई व्यक्ति वास्तव में इसे नहीं समझता।

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


10
"यदि आप चाहते हैं कि सिमेंटिक HTML आपके प्रोजेक्ट पर प्राथमिकता हो, तो आपको इसके लिए मामला प्रस्तुत करना होगा।" - या एक अंधे व्यक्ति के लिए काम करते हैं! (नोट: मैं आपके बॉस के चेहरे पर तेजाब फेंकने का सुझाव नहीं दे रहा हूं ! लेकिन हो सकता है कि वह आंखों पर पट्टी बांधें और थोड़ी देर के लिए स्पीच ब्राउजर का इस्तेमाल करें।)
Jörg W Mittag

34
और निश्चित रूप से, GoogleBot मूल रूप से एक अंधा अनपढ़ है जो ध्यान घाटे के विकार के साथ तीन साल का है।
जोर्ग डब्ल्यू मित्तग

2
बहुत बढ़िया जवाब। मैं उस अनुरक्षण कोड को भी जोड़ूंगा जहां "अनावश्यक" प्रयास को शुरुआत में रखा जाता है ताकि इसे सर्वोत्तम प्रथाओं का पालन किया जा सके जैसे कि यह सड़क को बनाए रखने के लिए कोड को आसान बनाता है (भले ही इसका मूल डिजाइनर / प्रोग्रामर जो इसे बनाए रखता है) ।
केनेथ

9
"नि: शुल्क कार्यक्षमता" पक्ष पर, मोबाइल ब्राउज़रों पर आप डिवाइस को मोबाइल इनपुट के लिए डिज़ाइन किए गए देशी विगेट्स प्रदर्शित करने की अनुमति देते हैं (जैसे <दिनांक> तत्व)
क्रिस कूपर

1
@QmunkE सच है, बहुत से लोग इस बात की उपेक्षा करते हैं कि मोबाइल ब्राउज़र अक्सर HTML के बिट्स को मूल तत्वों में बदल देते हैं जैसे कि पाठ्यपुस्तक
बेन ब्रोका

9

इसका उत्तर बस जानकारी देना और अपने दस्तावेज़ की संरचना करना है

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

यदि आप अपने कोड को शब्दबद्ध रूप से चिह्नित करते हैं, तो आप मानव पाठकों के साथ-साथ मशीनों को भी आपके तत्वों के अंदर डेटा को समझने का मौका दे रहे हैं। यदि आप सभी प्रकार के स्पैन और डिव तत्वों का उपयोग करते हैं, तो आपके पास यह अतिरिक्त जानकारी नहीं होगी और इनका उपयोग केवल मूल्यों से ही संभव नहीं होगा।

इसी तरह, अगर मैं वेबसाइटों को परिमार्जन करना चाहता हूं और उनके लिए केवल सामग्री तालिका बनाने के लिए शीर्षकों को निकालता हूं, तो मेरे मकड़ी को यह जानना होगा कि शीर्षक क्या हैं। यह उपयुक्त तत्वों के बिना ऐसा नहीं कर सकता।

अंतिम लेकिन कम से कम, यदि आप केवल divs और spans का उपयोग करते हैं, तो आपके पास CSS के साथ इनकी स्टाइलिंग कठिन होगी। CSS चयनकर्ता आपके दस्तावेज़ की संरचना पर काम करते हैं और यदि वह ज्यादातर अस्पष्ट संरचना है, तो CSS नियम लागू करने के लिए iffy मिलते हैं। आप कैसे तय करते हैं कि क्या div div divवास्तव में इसका संदर्भ है table tr tdया नहीं body ul li? आपको तब कक्षाएं और आईडी जोड़ना होगा, लेकिन फिर आप पहिया को फिर से स्थापित कर रहे हैं।

W3C की सिफारिश भी देखें

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


यह अंत में सबसे अच्छा जवाब हो सकता है, लेकिन हर स्पैन / डिव पर विचार करना अर्थपूर्ण रूप से सार्थक वर्गों और आईडी के साथ स्पैम हो जाता है, न कि सहायक?
क्रिस पिटमैन

उसके क्या फायदे हैं? मशीनों को मेरा कोड पढ़ने दें?
मदार ऊंचा

(आपके संपादन का विस्तार करते हुए) मुझे ब्राउज़र डिफ़ॉल्ट स्टाइलिंग पर ध्यान क्यों देना चाहिए? मैं अपने खुद के सीएसएस (प्लस रीसेट, उन सटीक शैलियों को खत्म करने के लिए) का उपयोग करता हूं और यह ठीक काम करता है। सवाल का फोकस ज्यादातर HTML5 नए तत्व हैं। <time> <output> <address>
मदार उचिहा

@MadaraUchiha बेहतर गूगल अपनी सामग्री को समझता है, बेहतर वे खोजकर्ताओं अपनी साइट के लिए प्रत्यक्ष कर सकते हैं
क्रिस पिटमैन

@ क्रिस: वास्तव में, लेकिन यह शायद ही एक आवश्यकता है? मेरा मतलब है, कई बहुत ही गैर-अर्थ वेबसाइट पहले Google में आते हैं।
मदार उचिहा

5

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


2
मुझे लगता है कि विकासकर्ता के दृष्टिकोण से यह सबसे महत्वपूर्ण बिंदु है। पहुँच, बॉट्स, एसईओ, आदि के अनुकूल होने के नाते, सभी महत्वपूर्ण हैं, लेकिन एक वेब डेवलपर के रूप में यह वही है जो मुझे सबसे ज्यादा दिलचस्पी है।
यानि

3

एक कारण यह है कि आप शब्दार्थों का पूरी तरह से पालन करने के बाद बहुत सी साइटें नहीं देखते हैं कि बहुत समय के लिए कोई व्यावसायिक मामला नहीं है। यदि यह बिक्री (या संबंधित श्रेणी जैसे एक्सपोज़र) चलाता है, तो सिमेंटिक HTML लिखने के लिए उनके पैसे की कीमत है।


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


मुझे ध्यान देना चाहिए कि शब्दार्थ टैग के लिए कक्षाएं प्रत्यक्ष प्रतिस्थापन नहीं हैं। मेरे पास एक पुन: प्रयोज्य कक्षाएं हैं [error, information, warning]जो विभिन्न अर्थों को बताती हैं और इसलिए वे जिस टैग से जुड़ी हैं, उसके आधार पर शैलियों।


अगर कोई मेरी साइट को कुरेदना चाहता है तो मुझे क्यों परवाह करनी चाहिए?
मदार उचिहा

4
@MadaraUchiha क्योंकि आप अपनी साइट पर उत्पाद बेच रहे हैं और एक खोज इंजन अनुक्रमण कर रहा है जो आपको अपने उत्पादों के लिए अतिरिक्त लिंकेज देगा और संभावित रूप से राजस्व में वृद्धि होगी।
गॉर्डन

इसके अलावा, इस बात पर विचार करें कि एक दिन, आप, या सहकर्मी, या भविष्य का अनुचर, कुछ ऐसा करने की आवश्यकता हो सकती है जिसमें आपकी साइट को पार्स करना या आपका कोड पढ़ना शामिल हो। आप उस आदमी के रूप में नहीं रहना चाहते हैं जो 10 साल बाद लोगों को अपनी सांस के बारे में गुनगुनाने, अपने कोड का मजाक बनाने और आप पर नफरत करने के लिए कर रहे हैं।
jmort253 19

10 साल पुराने कोड के संपादन का आनंद लेने वाले किसी भी व्यक्ति की संभावना अविश्वसनीय रूप से छोटी है, चाहे वह कितना भी सुंदर क्यों न लिखा हो। जिस तरह से अब वेब फ्रेमवर्क बढ़ रहा है, मैं 5 साल पुराने कोड को देखने के लिए मुश्किल से खड़ा हो सकता हूं।
ग्राहम

1

क्योंकि यह क्रॉलर और वेब सेवाओं (कंप्यूटर के साथ संचार करने वाले AKA कंप्यूटर) के लिए उपयोगी या आवश्यक हो सकता है। यदि आप लिखते हैं:

<span class="time">Sep 16 at 2:17</span>

... वेब क्रॉलर इसे एक तारीख, एक समय सामान के रूप में समझना आवश्यक नहीं होगा। या डेट इंफॉर्मेशन के तौर पर इसका पता लगाना ज्यादा मुश्किल होगा।

यदि तुम प्रयोग करते हो:

 <time datetime="2012-02-11 16:24:02">feb 11 2012 at 16:24:02</time>

... किसी भी क्रॉलर के लिए सामान ढूंढना और उसका विश्लेषण करना कहीं अधिक आसान होगा।

जब मैं क्रॉलर कहता हूं, तो मेरा मतलब है कि खोज इंजन जरूरी नहीं है :)


1

मैं एक छोटी सी वेब परामर्श कंपनी चलाता हूं, और हमारा वर्तमान दृष्टिकोण नए एचटीएमएल 5 टैग का उपयोग नहीं करना है क्योंकि हम कई कारकों को संतुलित करने का प्रयास कर रहे हैं। इस मामले में, संतुलन प्रयोज्य, प्रयोज्य और एसईओ के बीच है:

  • SEO: यहां अन्य उत्तरों ने क्या कहा - यह SEO के लिए थोड़ी मदद कर सकता है, हालांकि मेरे अनुभव के आधार पर एक एसईओ रणनीति अधिक स्पष्ट है, कम संभावना है कि यह मदद करेगा।

  • प्रयोज्य # 1: यह मान लेना उचित है कि HTML5 टैग किसी प्रकार की प्रयोज्य लाभ प्रदान करते हैं। नेत्रहीन उपयोगकर्ताओं के लिए यह निश्चित है कि उनके सुलभ ब्राउज़र को जो भी वापसी प्रदान करता है, वह मेरे द्वारा प्रदान किए जा सकने वाले किसी भी चीज़ से बेहतर होने वाला है। आपके विशिष्ट उपयोगकर्ता के लिए यह बहुत अधिक विवादित है। हो सकता है कि आपके ब्राउज़र द्वारा उपलब्ध न किए गए एक अनकैप्ड मीडिया प्लेयर का उपयोग करना आपके लिए कम परिचित विजेट की तुलना में उपयोग करना आसान हो, जिसे मैंने वहाँ रखा था। या हो सकता है कि आपके ब्राउजर का डिफॉल्ट बकवास हो (जैसे क्रोम विंडोज का डिफॉल्ट एमपी 3 प्लेयर सिर्फ समय-समय पर काम करना बंद कर देता है)।

  • प्रयोज्य # 2: पुराना IE। पुराने IE को HTML5 शम्स के एक समूह की आवश्यकता होती है जो पेज को काम करने के लिए इनमें से किसी भी टैग के लिए ब्लोट करता है। आपको उन हेड टैग्स में कुछ स्क्रिप्ट को जोड़ना होगा जो आपके द्वारा उपयोग किए जा रहे सभी HTML5 टैग्स में क्रिएट () को लूप में कहते हैं। यदि आप उपयोग किए जाने वाले टैग्स के लिए प्रत्येक पृष्ठ पर कंघी करने नहीं जा रहे हैं, तो इसका मतलब है कि प्रत्येक HTML5 टैग। यह हर एक पृष्ठ पर चलने की आवश्यकता है, इनलाइन, जिसका अर्थ है कोई कैशिंग नहीं। और बुरी खबर: पुराना IE जावास्क्रिप्ट को निष्पादित करने के लिए सबसे धीमा है, इसलिए यह लोड करते समय एक अच्छा सा लर्च बनाता है। फिर आप पुराने IE- केवल जावास्क्रिप्ट और CSS के एक समूह में बैरल के लिए मिल गया है, और अक्सर फ़्लैश, सभी नए असमर्थित तत्वों को सही ढंग से प्रस्तुत करने के लिए। आप पुराने IE कोड को लोड करने का निर्णय लेने से पहले पता लगा सकते हैं, लेकिन तब आप ' पुराने IE उपयोगकर्ताओं को बनाने के लिए प्रतीक्षा करें जब तक कि पर्याप्त स्क्रिप्ट ने उस सुविधा का पता लगाने के लिए लोड न कर दिया हो, उन सभी सामानों का अनुरोध करने से पहले जो उन टैग को काम करते हैं। आप ब्राउज़र का पता लगा सकते हैं और केवल उन ब्राउज़रों के साथ उपयोगकर्ताओं को पुराने IE सामान भेज सकते हैं, लेकिन यह आपके प्लेटफॉर्म के आधार पर कैशिंग को कठिन या असंभव बना सकता है। अलग-अलग उपयोगकर्ताओं को अलग-अलग कोड देने का मतलब यह भी है कि परीक्षण अधिक जटिल है - कभी एक अतुल्यकालिक बग है? कैसे के बारे में है कि केवल एक विशिष्ट ब्राउज़र पर होता है? और केवल उत्पादन में? मुझे साइन अप। तो, आप शायद उस ब्लोट को सभी को भेजने जा रहे हैं। अलग-अलग उपयोगकर्ताओं को अलग-अलग कोड देने का मतलब यह भी है कि परीक्षण अधिक जटिल है - कभी एक अतुल्यकालिक बग है? कैसे के बारे में है कि केवल एक विशिष्ट ब्राउज़र पर होता है? और केवल उत्पादन में? मुझे साइन अप। तो, आप शायद उस ब्लोट को सभी को भेजने जा रहे हैं। अलग-अलग उपयोगकर्ताओं को अलग-अलग कोड देने का मतलब यह भी है कि परीक्षण अधिक जटिल है - कभी एक अतुल्यकालिक बग है? कैसे के बारे में है कि केवल एक विशिष्ट ब्राउज़र पर होता है? और केवल उत्पादन में? मुझे साइन अप। तो, आप शायद उस ब्लोट को सभी को भेजने जा रहे हैं।

जब तक IE8 की मृत्यु नहीं हो जाती, तब तक इन नए HTML5 टैगों में मूल्य केवल उन प्रदर्शन समस्याओं के लिए पर्याप्त नहीं है जो वे लाते हैं। हम अभी तक ऐसे श्रोताओं के साथ काम कर रहे हैं जहाँ यह मृत * के करीब है, लेकिन किसी दिन।

* हमारे सबसे हाल ही के मीट्रिक सबसे कम IE8 आगंतुकों के साथ साइट के लिए 6% पर IE8 और सबसे अधिक IE8 आगंतुकों के साथ 24% दिखाते हैं। दूर, मृत से दूर।


0

संक्षिप्त उत्तर "व्यवहार में कोई अच्छा कारण नहीं है।" "सिमेंटिक" मार्कअप के पक्ष में दिए गए लगभग सभी तर्क कुछ मूर्त के बजाय क्या हो सकते हैं या क्या होने चाहिए, के विचार हैं। उदाहरण के लिए, खोज इंजन अक्सर में भेजा जाता है, लेकिन उनके बारे में कम से कम देखभाल की कोई सार्वजनिक सबूत नहीं है timeया outputया address

परोक्ष रूप से, हम अनुमान लगा सकते हैं कि वे भविष्य के भविष्य की परवाह नहीं करेंगे। Schema.org साइट, कुछ प्रमुख खोज इंजन द्वारा, स्पष्ट रूप से "अर्थ मार्कअप" कुछ पूरी तरह से अलग है, अर्थात् माइक्रो़डेटा (के आधार पर करने के लिए एक विशिष्ट दृष्टिकोण के पक्ष में itemscopeऔर संबंधित विशेषताएँ)। और वे वास्तव में मुख्य रूप से बड़े वाणिज्यिक या सामुदायिक साइटों के लिए ऐसा करते हैं।

HTML5 सस्ता माल की तुलना में अधिक अच्छी तरह से उपयोग spanया divकाम करता है, क्योंकि उत्तरार्द्ध स्टाइल के प्रयोजनों के लिए भी IE के पुराने संस्करणों द्वारा मान्यता प्राप्त नहीं हैं। इसलिए आपको कंटेनर तत्वों के रूप में भी उन्हें "काम" करने के लिए कुछ चालबाजी की आवश्यकता है।

हालाँकि, कुछ "शब्दार्थ" तत्व हैं जिनका वास्तविक अर्थ ब्राउज़र, सहायक सॉफ्टवेयर या खोज इंजन द्वारा उन्हें सौंपा गया है। का उपयोग करते हुए h1मुख्य शीर्षक के लिए हमेशा इस तरह के कारणों के लिए अच्छा अभ्यास किया गया है। labelफॉर्म फील्ड लेबल के लिए उपयोग करने से उपयोगिता और पहुंच पर वास्तविक प्रभाव पड़ता है। और इसी तरह; HTML के लिए व्यावहारिक मार्गदर्शिका देखें : सिद्धांत


8
आपको स्पष्ट रूप से कुछ शोध करने की आवश्यकता है।
केनेथ

2
-1 उस घटिया लिंक के लिए। (HTML के लिए व्यावहारिक मार्गदर्शिका: सिद्धांत)
ब्रूनो स्कैपर

0

HTML केवल एक UI भाषा नहीं है, यह एक डेटा संरचना भाषा भी है। यह विषम मशीनों की मदद करने के लिए डिज़ाइन किया गया था जिसमें सर्वर के लिए आने वाली सूचनाओं के प्रकार की पहचान करने का एक सामान्य तरीका है। इसलिए बहुत सारे टैग। HTML पृष्ठों को डेटा संरचनाओं के रूप में माना जाना चाहिए।


मैं इस पर विस्तृत चर्चा करूंगा। यह सीधे सवाल का जवाब नहीं देता है और मौजूदा उत्तरों को जोड़ता नहीं है।
walpen
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.