हम एचटीएमएल 5 के साथ कितना अर्थपूर्ण हो सकते हैं?

यह एक समुदाय विकी है जो सवाल पूछता है, "एचटीएमएल 5 के लिए हमारे एचटीएमएल मार्कअप को कितना अर्थपूर्ण हो सकता है?" नीचे आप एक नमूना एचटीएमएल 5 पेज का स्रोत कोड पा सकते हैं। ऑब्जेक्ट कुछ वर्गों और आईडी जितना संभव हो उतना उपयोग करने योग्य, सुलभ, स्टाइल-सक्षम वेबपृष्ठ बनाना है।हम एचटीएमएल 5 के साथ कितना अर्थपूर्ण हो सकते हैं?

इसके अलावा, आप एचटीएमएल 5 को लागू करना शुरू करने की योजना बनाते हैं? क्या आप मसौदे को अंतिम रूप देने तक 10+ साल तक इंतजार करने जा रहे हैं, या आप अब "प्रारंभिक गोद लेने वाले" होने जा रहे हैं कि ब्राउज़र का समर्थन तेजी से बढ़ रहा है?

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8" /> 
     <title>Site Name &bull; Page Title</title> 
    </head> 
    <body> 
     <nav> 
      <h1><a href="/">Site Name</a></h1> 
      <ul> 
       <li><a href="#">Nav Link</a></li> 
       <li><a href="#">Nav Link</a></li> 
       <li><a href="#">Nav Link</a></li> 
      </ul> 
     </nav> 
     <header> 
      <p>Welcome to the site!</p> 
      <a href="#">Call to action!</a> 
     </header> 
     <section> 
      <aside> 
       <!-- Sidebar --> 
      </aside> 
      <article> 
       <header> 
        <h2>Article Name</h2> 
        <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p> 
       </header> 
       <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p> 
       <figure> 
        <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" /> 
        <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label> 
       </figure> 
       <p>Lorem ipsum dolor...</p> 
      </article> 
     </section> 
     <footer> 
      <p>&copy; <time datetime="2009-01-01">2009</time>, <cite>Site Owner</cite></p> 
     </footer> 
    </body> 
</html>

स्रोत

2009-06-22 Kerrick

आप अंत में अपने शरीर टैग को बंद करना भूल गए! –

वह इसे बिल्कुल नहीं भूल गया। इंडेंटेशन की कमी का मतलब है कि इसे कोड ब्लॉक –

से छोड़ा गया था, मैंने इंडेंटेशन मुद्दों को ठीक कर दिया है, मुझे बताने के लिए धन्यवाद! :-) – Kerrick

यह 10+ वर्ष नहीं होगा। उस समय अवधि "अंतिम समापन" के लिए है, सभी ब्राउज़र spec के सभी भागों का समर्थन करते हैं। यह इस साल के अंत में एक उम्मीदवार बनने के कारण है, अगले के शुरू में, और उम्मीद है कि 2011/2 तक अनुमोदित किया जाएगा।

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

अधिक महत्वपूर्ण बात यह है कि आज मैं कक्षाओं का उपयोग करके एचटीएमएल 5 लाइनों में अपनी सोच को बदलना शुरू कर रहा हूं, कल के लिए एचटीएमएल 5 टैग (div class = "nav") बन जाएगा। इस अवसर पर जब मैं उठता हूं तो एचटीएमएल 5 शब्दों में सोचने के लिए और अधिक इस्तेमाल किया जाएगा।

स्रोत

2009-06-24 20:20:34 Arlen

वैसे तो, उन तिथियों ने इसे बल्कि कमाल बना दिया! मुझे लगता है कि जब संक्रमण की बात आती है तो आपको सही विचार मिल गया है। – Kerrick

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

स्रोत

2009-06-22 00:30:13 Sampson

भले ही आपके उपयोगकर्ताओं IE6 पर कर रहे हैं, आप इसका मतलब यह नहीं कर सकते हैं ' उपरोक्त कोड लिखो। स्वच्छ जावास्क्रिप्ट-हैक का उपयोग करके, आप आईई 6-उपयोगकर्ताओं को समान अर्थपूर्ण HTML के साथ आपूर्ति कर सकते हैं: document.createElement ("header"); फिर आप अपने सीएसएस को सामान्य के रूप में शैलीबद्ध कर सकते हैं। (: – peirix

एचटीएमएल 5 को अपनाने वाले लोगों के लिए मुख्य चालक बेहतर खोज इंजन प्लेसमेंट होगा, इसके बिना, मुझे अपनाने का एक बड़ा कारण नहीं दिख रहा है।

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

स्रोत

2009-06-22 00:36:26 cgp

मैं जा रहा हूँ जैसे ही ब्राउजर इसका समर्थन करते हैं, इसका उपयोग करने के लिए। मेरे द्वारा बनाई जाने वाली साइट मुख्य रूप से फ़ायरफ़ॉक्स उपयोगकर्ताओं द्वारा देखी जाने वाली शौक परियोजनाएं होती हैं। (मेरे यातायात का 80% एफएफ का नवीनतम संस्करण उपयोग करता है)।

स्रोत

2009-06-22 00:37:05 priestc

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

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

स्रोत

2009-06-22 00:45:17 SingleNegationElimination

जब तक आप एचटीएमएल 5 का एकमात्र हिस्सा अपनाने वाले हैं, तो अर्थपूर्ण टैग्स, सरल जावास्क्रिप्ट पुराने ब्राउज़र पर समर्थन ला सकता है: document.createtag ('header'); document.createtag ('footer'); document.createtag ('section'); document.createtag ('aside'); document.createtag ('nav'); document.createtag ('article'); document.createtag ('figure'); document.createtag ('समय'); – Kerrick

यह ब्राउज़रों कि javascript का समर्थन, हाँ करने के लिए एक बहुत ला सकता है, लेकिन इसके लिए कहते हैं, कुछ नहीं, आरएसएस पाठकों या मोबाइल ब्राउज़र करता है फिर से, मुझे आशा है कि किसी ने मुझे अधिक समझदार एक पुस्तकालय पैदा करता है। एचटीएमएल 5 की जानकारी को बदलने के लिए जो भी वास्तविक उपयोगकर्ता एजन के लिए सबसे उपयुक्त है टी। – SingleNegationElimination

ध्यान रखें कि cite तत्व किसी व्यक्ति के नाम के लिए उपयुक्त नहीं है: HTML5 कहता है "एक व्यक्ति का नाम किसी काम का शीर्षक नहीं है - भले ही लोग उस व्यक्ति को काम का एक टुकड़ा कहते हैं - और तत्व इसलिए नहीं होना चाहिए लोगों के नामों को चिह्नित करने के लिए इस्तेमाल किया जाए। " साथ ही, <meta charset="UTF-8" /> में पिछला स्लैश आवश्यक नहीं है।

स्रोत

2009-06-22 11:01:45 Ms2ger

पिछला स्लैश एक बुरा विचार नहीं है। एक नज़र में, आप तुरंत एक अंत टैग की उम्मीद नहीं है पता है। इसके अलावा, सभी उदाहरण इसका उपयोग करते हैं, http://www.w3schools.com/html5/tag_meta.asp – bobobobo

यदि आप कोई गंभीर HTML लेखन करते हैं, तो मुझे पूरा यकीन है कि आप यह जान लेंगे कि यह मेटा टैग है हालांकि, किसी भी पिछला स्लैश के बावजूद। – Ms2ger

आपको [यह] पढ़ना होगा (http://wiki.whatwg.org/wiki/Cite_element)। – Knu

लोग पुराने ब्राउज़र जैसे यानी 6 के लिए जावास्क्रिप्ट समाधान का उल्लेख करते रहते हैं, लेकिन क्या होगा यदि वे जावास्क्रिप्ट का समर्थन नहीं करते हैं?

क्षमा करें कोई जवाब नहीं, लेकिन एक ????? चूंकि यह मुद्दा है कि मुझे अर्थपूर्ण एचटीएमएल 5 और आईई समर्थन के बारे में नहीं मिलता है।

तुम हमेशा पुराने ब्राउज़र

<nav><div id="nav"> some nav stuff</div></nav>

के लिए बेल्ट और ब्रेसिज़ जा सकते हैं लेकिन यह मेरे लिए गंदा महसूस करता है?

स्रोत

2012-02-16 23:41:15

हम एचटीएमएल 5 के साथ कितना अर्थपूर्ण हो सकते हैं?

उत्तर

संबंधित मुद्दे