2010-08-24 10 views
9

मैं Dive Into HTML5 पढ़ने गया है, और मार्क कहा गया है कि: "। आप HTML5 Outliner में अपने खुद के पृष्ठों सुनिश्चित करें कि आप शीर्षक तत्व ठीक से उपयोग कर रहे हैं परीक्षण कर सकते हैं"एक अच्छा HTML5 आउटलाइनर क्या है?

मैंने इस HTML5 Outliner को आजमाया है और मुझे पता है कि यह इंटरनेट पर पाए गए अन्य HTML5 पृष्ठों को रेखांकित करने से कार्यात्मक है।

इसके साथ समस्या यह है कि यह सभी पृष्ठों पर काम नहीं करता है (मुख्य रूप से जिन्हें मैंने वर्डप्रेस थीम के लिए लिखा है), और त्रुटि संदेश गुप्त हैं; वे प्रश्न में समस्या तत्व (उदाहरण के लिए <section>) का उल्लेख करते हैं, लेकिन यह निर्दिष्ट करने के लिए बहुत कुछ नहीं करते कि यह पृष्ठ पर किस तत्व के बारे में बात कर रहा है; यानी validator की तरह एक लाइन नंबर निर्दिष्ट करना।

मुझे कुछ अन्य programs मिला है जो एचटीएमएल 5 रूपरेखा पढ़ने में सक्षम हैं, लेकिन मुझे चिंता है कि they प्रारंभिक कार्यान्वयन हो सकता है जो मौजूदा HTML5 spec के लिए पुराना हो सकता है।

तो मैं सोच रहा था कि क्या कोई और प्रोग्राम, वेबसाइट इत्यादि था, जिसमें अधिक संक्षिप्त त्रुटि संदेशों के साथ मैं अपने पृष्ठों का परीक्षण कर सकता हूं ताकि यह सुनिश्चित किया जा सके कि मैं (HTML5 में एक शुरुआतकर्ता) एक दस्तावेज़ रूपरेखा तैयार कर रहा हूं जिसे ठीक से पढ़ा जा सकता है एचटीएमएल 5 दस्तावेज़ रूपरेखा पढ़ने में सक्षम उपकरण। http://code.google.com/p/h5o/

और ओपेरा यहाँ के लिए एक बंदरगाह: https://addons.opera.com/addons/extensions/details/html5-outliner/

+0

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

+0

@ निकोले यह एक अच्छा मुद्दा है। मैं कोशिश करूंगा और एक उदाहरण प्रदान करूंगा। हाल ही में हालांकि मैं डब्ल्यू 3 सी के वैधकर्ता का उपयोग कर रहा हूं। – leeand00

+0

@ निकोले यहाँ या जाओ: http://codepad.org/OZ0Zyv2U – leeand00

उत्तर

4

वर्तमान W3C एचटीएमएल परीक्षक https://validator.w3.org/nu/ पर एक रूपरेखा उत्पन्न करने का विकल्प है।

+0

जब मैंने यह प्रश्न लिखा, तो यह बात अभी तक काम नहीं कर रही है। वह पहला स्थान था जहां मैं गया था। – leeand00

3

एक विस्तार/बुकमार्कलेट एचटीएमएल 5 यहाँ आउटलाइनर नहीं है।

enter image description here

साथ उपकरण यहाँ अन्य उत्तर में उद्धृत, यह the outline algorithm in the HTML spec इस प्रकार के रूप में:

+1

Google कोड मर चुका है, आउटलाइनर अब जिथब पर रहता है और एनपीएम: https://h5o.github.io/, https: // github।com/h5o/h5o-js, https://www.npmjs.com/package/h5o –

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