व्हॅलिडेटर एचटीएमएल ऑनलाइन रशियनमध्ये. एचटीएमएल व्हॅलिडेटर आणि व्यावहारिक टिप्स वापरणे. W3C व्हॅलिडेटर सूट वापरणे

नमस्कार. मी लगेच तुमच्या प्रश्नाचे उत्तर देईन: हा धडा तुमच्यासाठी वाचण्यासारखा आहे का? एक अतिशय उपयुक्त जा आणि मोफत सेवा, तेथे आपल्या साइटचा पत्ता प्रविष्ट करा आणि आपल्या साइटवर त्रुटी असल्याचे आपण पाहिल्यास, धडा वाचण्यासारखा आहे. या ऑनलाइन प्रमाणीकरणाचा वापर करून त्रुटी प्रदर्शित करण्याची उदाहरणे:

माझ्या ब्लॉगवर आता अशा कोणत्याही त्रुटी नाहीत, मी त्यापासून मुक्त झालो (एकूण 70 पेक्षा जास्त त्रुटी आणि 80 पेक्षा जास्त चेतावणी होत्या). स्पष्ट करण्यासाठी, मी तुम्हाला वैध कोड काय आहे आणि आम्हाला त्याची आवश्यकता का आहे ते सांगेन.

वैध कोड हा कोड आहे जो मानकांची पूर्तता करतो.

वैधतेसाठी तुम्ही HTML, CSS, सर्व प्रकारचे मायक्रो मार्कअप आणि बरेच काही तपासू शकता. आज मी HTML मधील वैधतेबद्दल बोलणार आहे.

• वैध कोड आवश्यक नाही, परंतु त्रुटींची संख्या कमीतकमी असावी, अन्यथा तुमची साइट क्रॉस-ब्राउझर सुसंगत होणार नाही. तुमची साइट सर्व ब्राउझरमध्ये योग्यरित्या प्रदर्शित होत आहे याची खात्री करण्यासाठी प्रामुख्याने कोड वैधता आवश्यक आहे.
• आपल्या साइटवर रोबोट "बोलणे" शोधा HTML भाषा, म्हणून साइटवर सर्व "बंद टॅग" आणि याप्रमाणे स्पष्टपणे आणि स्पष्टपणे सामग्री सादर करणे महत्वाचे आहे.
• एचटीएमएल वैधता एसइओवर परिणाम करते, परंतु अगदी क्षुल्लकपणे (अर्थातच, तुमच्याकडे शेकडो किंवा हजारो त्रुटी असल्याशिवाय). मी देवकीची मनोरंजक निरीक्षणे वाचण्याची शिफारस करतो, "एचटीएमएल गुणवत्तेचा त्यांच्या रँकिंगवर प्रभाव."
• जेव्हा मी माझ्या साइटवर कोड वैध केला, तेव्हा मला माझ्या मूर्ख चुका आढळल्या आणि त्या दुरुस्त केल्या (पुन्हा पुन्हा टॅग, गहाळ अक्षर इ.).
• जर काही त्रुटी दुरुस्त करणे कठीण असेल किंवा ती दुरुस्त केल्याने साइटच्या कार्यक्षमतेस हानी पोहोचेल तर तुम्ही "तुमचे गाढव मोडू नका". मुख्य गोष्ट म्हणजे ते वापरकर्त्यासाठी सोयीस्कर बनवणे.

खाली मी प्रमाणीकरणकर्त्याने दर्शविलेल्या मुख्य त्रुटींचे विश्लेषण करेन. अचानक तुमची त्रुटी खाली दिलेल्या सूचीमध्ये नसल्यास, टिप्पण्यांमध्ये लिहा, आम्ही एकत्रितपणे ते शोधण्याचा प्रयत्न करू आणि मी या समस्येवर उपाय जोडू. हा धडा. तसे, होय, w3c प्रमाणीकरणकर्त्याने दर्शविलेल्या त्रुटी येथे आढळू शकतात:

प्रत्येक त्रुटीला एक इशारा असतो - हा पृष्ठाच्या स्त्रोत कोडमधील ओळ क्रमांक आहे आणि त्यातून आपण थीम कोणत्या फाईलमध्ये स्थित आहे हे आधीच निर्धारित करू शकता. दिलेली ओळ. आम्ही CTRL+U (प्रमुख ब्राउझरमध्ये) वापरून पृष्ठाचा स्त्रोत कोड पाहतो.

आपण सुरू करण्यापूर्वी, करा बॅकअप प्रतआपल्या वेबसाइटसाठी टेम्पलेट.

तसेच, सोर्स कोडमधील त्रुटी शोधणे सोपे करण्यासाठी, तुम्ही Mozilla Firefox साठी HTML व्हॅलिडेटर वापरू शकता. ते स्थापित करून, जात आहे स्रोतपृष्ठावर, तुम्हाला त्याच त्रुटी दिसतील ज्या validator.w3.org सेवा सूचित करते. त्रुटीच्या नावावर क्लिक करून (खालच्या डाव्या कोपर्यात), तुम्हाला हा अवैध कोड असलेल्या ओळीवर स्वयंचलितपणे पुनर्निर्देशित केले जाईल.

w3c व्हॅलिडेटर वापरून HTML मध्ये त्रुटी शोधणे आणि त्यांचे निराकरण करणे

खाली दिलेल्या सूचीमध्ये तुमची त्रुटी शोधा आणि त्यावर क्लिक करा, ते आपोआप तुम्हाला योग्य ठिकाणी "स्क्रोल" करेल.

1. विशेषतांमध्ये जागा नाही.

…rel="shortcut icon" href="http://arbero.ru/favicon.ico" ; type="image/x-icon" फक्त अर्धविराम काढा.

2. td घटकावरील रुंदी विशेषता अप्रचलित आहे. त्याऐवजी CSS वापरा.

td valign="center" width="80" height="80" >

फॉर्म सारखे काहीतरी परिवर्तन करूया

td style="align:center; width:80; height: 80;">

3. एक img घटक असणे आवश्यक आहेकाही अटींशिवाय, alt विशेषता. तपशिलांसाठी, प्रतिमांसाठी मजकूर पर्याय प्रदान करण्याबाबत मार्गदर्शनाचा सल्ला घ्या.

सर्वात एक सामान्य चुका. चित्रासाठी पुरेसा Alt मजकूर नाही. आम्ही alt टॅग लिहितो.

4. विभागात शीर्षकाचा अभाव आहे. सर्व विभागांना ओळखणारी हेडिंग जोडण्यासाठी h2-h6 घटक वापरण्याचा विचार करा.

विभाग id="टिप्पण्या" >

विभाग ब्लॉकमध्ये काही h2-h6 टॅग असले पाहिजेत, नसल्यास, फक्त विभाग शब्दाचे नाव बदलून div करा.

5. hgroup घटक अप्रचलित आहे. उपशीर्षके चिन्हांकित करण्यासाठी, एकतर मुख्य शीर्षक असलेल्या h1-h6 घटकानंतर p घटकामध्ये उपशीर्षक टाकण्याचा विचार करा,

अन्यथा उपशीर्षक थेट h1-h6 घटकामध्ये मुख्य शीर्षक असलेल्या, परंतु विरामचिन्हे आणि/किंवा अंतर्गत मुख्य शीर्षकापासून वेगळे करणे, उदाहरणार्थ, भिन्न शैलीसह span class="subheading" घटक. गट शीर्षलेख आणि उपशीर्षके, पर्यायी शीर्षके किंवा टॅगलाइनसाठी, शीर्षलेख किंवा div घटक वापरण्याचा विचार करा.

मागील मुद्द्या प्रमाणेच. फक्त hgroup वाक्यांश div मध्ये बदला. मध्ये तुम्ही Find/Replace All टूल वापरू शकता मजकूर संपादकअशा प्रक्रियांना गती देण्यासाठी.

6. घटक "noindex" अपरिभाषित

ला noindex टॅगवैध बनले आहे, आम्ही ते एका टिप्पणीच्या स्वरूपात लिहितो, म्हणजे यासारखे:

नॉन-इंडेक्सेबल

7. घटक "div" साठी एंड टॅग जो उघडलेला नाही

बंद होत आहे div टॅगअतिरिक्त ते काढून टाकू.

8. दस्तऐवज प्रकार येथे "li" घटकास अनुमती देत ​​नाही; "ul", "ol", "menu", "dir" start-tag पैकी एक गहाळ आहे

"li" टॅगचा चुकीचा वापर: गहाळ टॅग "ul", "ol", इ. तपासा.

9. "div" साठी एंड टॅग वगळला, परंतु OMITTAG NO निर्दिष्ट केला

बंद होणारा div टॅग गहाळ आहे.

10. "बॉर्डर" अशी कोणतीही विशेषता नाही

alt="" width="1" height="1" border=" 0"/>

आम्ही फक्त सीमा="0" वाक्यांश काढून टाकतो.

11.पात्र"