बाल निवडकर्ते. !DOCTYPE. HTML मानके. वैध मांडणी

नमस्कार, प्रिय वाचकांनो! CSS निवडकांचा विषय पुढे चालू ठेवून, मला तुमच्या लक्षात आणून द्यायचे आहे मूल आणि संदर्भ निवडकांचे वर्णन, तसेच त्यांचे तुलनात्मक विश्लेषण, कारण अर्जाच्या तर्कानुसार ते अगदी समान आहेत, जरी त्यांच्यात काही फरक आहेत.

माझ्या प्रकाशनांमध्ये, मी विविध प्रकारच्या CSS निवडकांवर काही तपशीलवार विचार केला आहे: ; तसेच . तसे, मागील लेखात, जिथे मी विविध प्रकारच्या विशेषता निवडकांकडे पाहिले, तेथे मी अंतर्निहित Google Chrome टूल वापरून HTML आणि CSS कोडमध्ये ऑनलाइन बदल करून माझी सैद्धांतिक गणना त्वरित कशी तपासली जाऊ शकते याचे काही तपशीलवार वर्णन केले. (). अशा संपादन साधनांमध्ये फायरफॉक्स () साठी फायरबग प्लगइनसह सर्व लोकप्रिय ब्राउझरचे नवीनतम बदल आहेत.

कोणत्याही वेबसाइटचे कोणतेही पृष्ठ संपादित करून तुम्ही या पोस्टमधील सैद्धांतिक सामग्रीचा अभ्यास देखील करू शकता! हे करण्यासाठी, तुम्ही Google Chrome किंवा Mozilla Firefox () वापरत असल्यास फक्त F12 दाबा. आता मी p टॅगची सामग्री सादर करेन, ज्याचा वापर करून आपण उदाहरण म्हणून अभ्यास करू मूल आणि संदर्भित CSS निवडक:

या परिच्छेदाचा समावेश आहे em आणि मजबूत स्वरूपन टॅगजो मजकूर हायलाइट करतो ठळकआणि तिर्यक.

वर वर्णन केलेल्या संपादन साधनाचा वापर करून, मी हा परिच्छेद थेट या लेखात समाविष्ट केला, संपादन विंडोच्या डाव्या बाजूला योग्य मजकूर प्रविष्ट केला, परिणामी या परिच्छेदाचा मजकूर पृष्ठाच्या अगदी शीर्षस्थानी दिसला:

हे HTML रचना, . हा परिच्छेद आजच्या प्रकाशनात एक चाचणी विषय असेल; त्याचे उदाहरण वापरून, CSS नियमामध्ये कोणते निवडक - मूल किंवा संदर्भित - वापरले जातात यावर अवलंबून, मी त्याच्या मजकूराची रचना कशी बदलते हे दर्शवेल.

मूल घटक हा एक घटक असतो जो थेट त्याच्या पालकांच्या आत असतो.. विषयावर थेट पुढे जाण्यापूर्वी, मी एक चित्र देईन जे HTML दस्तऐवजातील टॅग्जची पदानुक्रम प्रतिबिंबित करते ज्या परिच्छेदाचा मजकूर वर दिला आहे आणि ज्याचे आज आपण विश्लेषण करू:

या डिझाइनला घटक वृक्ष देखील म्हणतात. ही आकृती कंटेनरचे घरटे स्पष्टपणे दर्शवते, जे टॅगमधील श्रेणीबद्ध संबंध सूचित करते. परिच्छेद टॅग p चे मूल आहे. त्याच वेळी, मजबूत टॅग डिव्हचे मूल नाही, कारण ते p कंटेनरमध्ये स्थित आहे.

बाल CSS निवडकर्ता

घटकांच्या झाडातील चाइल्ड सिलेक्टर नेहमी थेट मूळ घटकामध्ये स्थित असतो, या प्रकरणात CSS सिलेक्टर लिहिण्यासाठी वाक्यरचना खालीलप्रमाणे असेल:

स्टाईल सिलेक्टर 2 वर लागू केली जाईल, परंतु जर ते सिलेक्टर 1 चे मूल असेल तरच. एलिमेंट ट्रीचा वरील स्क्रीनशॉट वापरून ते अधिक तपशीलाने पाहू. उदाहरणार्थ, सिंटॅक्सचे अनुसरण करून, तुम्ही असा नियम सेट करू शकता:

P> em (रंग: हिरवा;)

हा नियम पॅराग्राफच्या शेवटच्या शब्दावर परिणाम करेल “इटालिकाइज्ड”, कारण तेच ओपनिंग आणि क्लोजिंग em टॅगमध्ये संलग्न आहे. em टॅग हा p चा चाइल्ड आहे कारण तो त्याच्या आत थेट ठेवला आहे, त्यामुळे मजकूर, म्हणजे “इटालिक्स” हा शब्द हिरव्या रंगाचा असेल.

तथापि, इतर em टॅग हा p टॅगचा थेट वंशज नाही, कारण तो मजबूत टॅगचा भाग आहे, परिणामी परिच्छेदाचा “em आणि मजबूत स्वरूपन टॅग” भाग रंगीत होणार नाही.

संदर्भित CSS निवडकर्ता

हे शोधण्याची वेळ आली आहे CSS संदर्भ निवडकर्ता काय आहे. वेबसाइटवर एखादे विशिष्ट पृष्ठ मांडताना, टॅग अनेकदा एकमेकांच्या आत नेस्ट केलेले असतात. अशा घटकांच्या शैली योग्यरित्या कार्य करण्यासाठी, निवडक वापरले जातात जे काही संदर्भात कार्य करतात, म्हणून नाव.

CSS नियम लागू करायचा असल्यास, चाइल्ड सिलेक्टर थेट पॅरेंट एलिमेंटमध्ये (प्रथम नेस्टिंग लेव्हल) स्थित असणे आवश्यक आहे, तर कॉन्टेक्स्ट सिलेक्टरसाठी हे पूर्णपणे बिनमहत्त्वाचे आहे आणि कोणतीही नेस्टिंग पातळी लागू केली जाऊ शकते, त्याचे गुणधर्म घटक अद्याप पालकांकडून हस्तांतरित केला जाईल. वाक्यरचना अशी आहे:

तुम्ही बघू शकता, संदर्भ निवडकर्त्यामध्ये स्पेसद्वारे विभक्त केलेले साधे निवडक असतात. संदर्भ निवडकांसाठी, दोन किंवा अधिक नेस्टेड टॅग वापरण्याची परवानगी आहे. आता चाचणी अंतर्गत परिच्छेदासाठी CSS नियम तयार करूया, ज्याचा मी वर उल्लेख केला आहे:

पी एम (रंग: हिरवा;)

तुम्ही बघू शकता, केवळ परिच्छेद सामग्रीच्या काही भागाचा मजकूर, जो थेट em फॉरमॅटिंग टॅगमध्ये संलग्न आहे, म्हणजेच "इटालिकाइज्ड" हा शब्द हिरव्या रंगाचा आहे, परंतु दुसर्या em टॅगच्या मजकूराचा एक भाग देखील आहे. , जो मजबूत टॅगचा देखील भाग आहे. हे घडले कारण संदर्भ निवडकर्त्यासह एक नियम आहे, ज्यासाठी बाल निवडकर्त्याच्या विपरीत, नेस्टिंगची पातळी महत्त्वाची नाही. मूल आणि संदर्भ निवडक यांच्यातील हा मूलभूत फरक आहे.

संदर्भ आणि बाल निवडकर्ते आमच्या परिच्छेदाशी कसे संवाद साधतात याचे दुसरे उदाहरण पाहू. चला मुलासाठी आणि संदर्भ निवडकर्त्यासाठी खालील CSS नियम लिहू:

Div em (रंग: लाल;) p> em (रंग: हिरवा;)

यानंतर, आमचा परिच्छेद खालील डिझाइन घेतो:

तुम्ही बघू शकता, em आणि मजबूत टॅगमध्ये संलग्न केलेल्या मजकुराचा तुकडा लाल रंगाचा आहे कारण त्यासाठी संदर्भ निवडक नियम वैध आहे, म्हणजे, em टॅग मजबूत आणि div कंटेनरमध्ये बंद केलेला आहे आणि नेस्टिंगची पातळी आधीच आहे. लक्षात घेतले, काही फरक पडत नाही.

प्रश्न उद्भवतो: “इटालिक” हा शब्द का आहे, जो em ची सामग्री देखील आहे, रंगीत हिरवा? शेवटी, संदर्भ निवडक नियम त्याच्यासाठी देखील प्रासंगिक आहे. परंतु परिच्छेद मजकूराच्या या विभागासाठी, मूल निवडकर्ता नियम देखील वैध आहे, कारण तो बाल निवडकर्त्यासाठी, घटक थेट p टॅगमध्ये समाविष्ट केला जाणे आवश्यक आहे या अटीला विरोध करत नाही.

वस्तुस्थिती अशी आहे की CSS मध्ये खाली स्थित CSS गुणधर्मांसाठी प्राधान्याचा कायदा आहे. म्हणजेच, या प्रकरणात, चाइल्ड सिलेक्टर नियम डॉक्युमेंटमध्ये div कंटेनरच्या कॉन्टेक्स्ट सिलेक्टरसाठी नमूद केलेल्या CSS स्टाइलपेक्षा कमी आहे. म्हणून, "इटालिक" हा शब्द हिरवा झाला. जर तुम्ही त्यांची अदलाबदल केली, तर “p>em (रंग: हिरवा;)” नियम यापुढे लागू होणार नाही आणि मजकूराचा “इटालिक” विभाग लाल होईल.

भविष्यातील दस्तऐवजाच्या प्रकारासाठी (विशेषतः HTML आणि XHTML) एक घटक आहे. DTD चा संक्षेप म्हणजे (दस्तऐवज प्रकार व्याख्या) दस्तऐवज प्रकाराचे वर्णन. हा घटक आवश्यक आहे जेणेकरून ब्राउझर त्यांना भविष्यातील दस्तऐवज किंवा वेब पृष्ठ कसे पहावे आणि प्रदर्शित करावे हे समजू शकेल.
वेब विकासाच्या या टप्प्यावर, अनेक प्रकारचे घटक आहेत. टेबल क्रमांक 1 मध्ये खाली, या घटकाचे अनेक मुख्य प्रकार आणि त्यांचे संक्षिप्त वर्णन दिले आहे.

तक्ता क्रमांक १

एका घटकासह रेषेची रचना क्रमाने पाहू.

उच्च-स्तरीय घटक[प्रसिद्धी]"[नोंदणी] //[संस्था]//[प्रकार][नाव]//[भाषा]" "">

- भविष्यातील दस्तऐवजाचा प्रकार.

शीर्ष स्तर घटक — दस्तऐवजातील उच्च-स्तरीय घटक सूचित करतो, HTML साठी हा टॅग आहे .

प्रसिद्धी— ऑब्जेक्ट सार्वजनिक संसाधन (सार्वजनिक मूल्य) किंवा सिस्टम संसाधन (सिस्टम मूल्य) आहे, उदाहरणार्थ, स्थानिक फाइल. HTML/XHTML साठी मूल्य सार्वजनिक आहे.

नोंदणी — अहवाल देतो की DTD डेव्हलपर इंटरनॅशनल ऑर्गनायझेशन फॉर स्टँडर्डायझेशन (ISO) मध्ये नोंदणीकृत आहे. दोनपैकी एक मूल्य घेते: अधिक (+) - विकसक ISO सह नोंदणीकृत आहे आणि - (वजा) - विकसक नोंदणीकृत नाही. W3C साठी मूल्य "-" वर सेट केले आहे.

संघटना — DTD विकसित करणाऱ्या संस्थेचे अद्वितीय नाव. अधिकृतपणे HTML/XHTML W3C द्वारे प्रकाशित केले जाते आणि हे नाव लिहिलेले आहे.

प्रकार— वर्णन केलेल्या दस्तऐवजाचा प्रकार. HTML/XHTML साठी मूल्य DTD द्वारे निर्दिष्ट केले आहे.

नाव— DTD चे वर्णन करण्यासाठी एक अद्वितीय दस्तऐवज नाव.

भाषा- ऑब्जेक्टचे वर्णन करण्यासाठी मजकूर ज्या भाषेत लिहिला जातो. मोठ्या अक्षरात लिहिलेली दोन अक्षरे आहेत. HTML/XHTML दस्तऐवजासाठी, निर्दिष्ट केलेली भाषा इंग्रजी (EN) आहे.

URL— DTD सह दस्तऐवजाचा पत्ता.

हे, कदाचित, या घटकाचे मूलभूत तत्त्व, साधने आणि क्रिया आहे..
या घटकासाठी टॅग बंद करत आहेआवश्यक नाही.
उदाहरण म्हणून दिलेHTML 4.01:

शुभेच्छा, प्रिय वाचक! आज विशेष doctype टॅग बद्दल एक लहान लेख आहे. लेखात आपण डॉकटाइप म्हणजे काय, ते का आवश्यक आहे आणि html दस्तऐवजांच्या कोणत्या आवृत्त्या आहेत हे शिकाल.

कोणत्याही योग्य HTML दस्तऐवजात, कोडमधील पहिला घटक हा एक विशेष निर्देश असतो .

DOCTYPE म्हणजे काय आणि त्याची गरज का आहे?

घटक— DTD (दस्तऐवज प्रकार व्याख्या, दस्तऐवज प्रकार वर्णन) HTML कोड लिहिताना वापरला जाणारा दस्तऐवज प्रकार सूचित करतो. हा एक न जोडलेला टॅग आहे जो तुमच्या साइटवरील प्रत्येक पृष्ठाच्या कोडमध्ये प्रथम आला पाहिजे.

ब्राउझरला वर्तमान वेब पृष्ठावर प्रक्रिया कशी करावी हे समजून घेण्यासाठी डॉकटाइप निर्देश आवश्यक आहे, कारण HTML भाषेच्या अनेक आवृत्त्या आहेत आणि तेथे XHTML (एक्सटेंसिबल हायपरटेक्स्ट मार्कअप भाषा) देखील आहे, जी HTML सारखीच आहे, परंतु त्यापेक्षा वेगळी आहे. वाक्यरचना मध्ये.

म्हणूनच, तुमची साइट सर्व लोकप्रिय ब्राउझरमध्ये तितक्याच सुंदर आणि सहजतेने प्रदर्शित होऊ इच्छित असल्यास, तुम्ही वापरत असलेल्या html भाषेच्या आवृत्तीसह हे निर्देश निश्चित करा. शिवाय, doctype सामान्यतः स्वीकृत नियमांनुसार निर्दिष्ट केले जावे.

तुम्ही अपूर्ण DOCTYPE टॅग वापरल्यास, जुना झाला किंवा त्याबद्दल विसरलात, तर ब्राउझर अवघड युक्ती मोडमध्ये जाईल - quirks मोड. आणि कदाचित आपल्या साइटची पृष्ठे काही ब्राउझरमध्ये योग्यरित्या प्रदर्शित केली जातील, परंतु हे तथ्य नाही की ते इतर लोकप्रिय ब्राउझरमध्ये तितकेच व्यवस्थित दिसतील.

कागदपत्रांचे मुख्य प्रकार

खाली कागदपत्रांचे मुख्य प्रकार आहेत:

वापराचे उदाहरण HTML5 साठी doctype:

पृष्ठ सामग्री

डॉकटाइप प्रकार निवडताना, आपण हे लक्षात ठेवले पाहिजे की जर तुम्ही तुमची साइट एका डॉकटाइपमध्ये लिहिली तर भविष्यात ती दुसऱ्यामध्ये बदलण्याची शिफारस केलेली नाही, कारण बहुधा योग्य प्रदर्शनामध्ये समस्या असतील. वेगवेगळ्या ब्राउझरमध्ये साइट, जसे की डॉक्टाइप बदलून तुम्ही ब्राउझर टॅगवर प्रक्रिया करण्याचा मार्ग बदलाल.

अशा प्रकारे, doctype निर्दिष्ट करून, तुम्ही ब्राउझरला तुमच्या html कोडवर प्रक्रिया करण्यासाठी कोणते नियम वापरायचे ते सांगता. तुम्ही doctype निर्दिष्ट न केल्यास, भिन्न ब्राउझर तुमच्या टॅगचा वेगळ्या पद्धतीने अर्थ लावतील आणि त्यामुळे काही ब्राउझरमध्ये तुमच्या साइटचे प्रदर्शन बहुधा बरोबर नसेल.

मी कोणता doctype वापरावा?

HTML5 च्या नवीनतम आवृत्तीच्या रिलीझमुळे कोणता doctype वापरायचा हे निवडणे सोपे झाले आहे. doctype html5 मध्ये मागील आवृत्त्यांचे नियम आणि html4 टॅगसह कार्य करण्याची क्षमता समाविष्ट आहे.

निष्कर्ष

चला सारांश द्या:

• DOCTYPEसूचित करणारा घटक आहे दस्तऐवज प्रकारआणि ब्राउझर आपल्या html कोडवर प्रक्रिया करेल असे नियम परिभाषित करते;
• doctype घटक नेहमी दस्तऐवजाच्या पहिल्या ओळीवर ठेवला पाहिजे;
• नेहमी doctype निर्दिष्ट करा, अन्यथा तुमची पृष्ठे योग्यरित्या प्रदर्शित होणार नाहीत;
• तुम्हाला कोणता डॉक्टाइप वापरायचा हे माहीत नसल्यास, कृपया सूचित करा doctype html5: .

हे सर्व आहे, मी तुम्हाला यशाची इच्छा करतो! पुन्हा भेटू!

आज आपण html आणि css शिकण्यास सुरुवात करू. मी हा विषय कोणत्याही वाचकासाठी शक्य तितक्या स्पष्टपणे स्पष्ट करण्याचा प्रयत्न करेन. आणि आपण या विषयाशी परिचित आहात किंवा वेबसाइट बिल्डिंगमध्ये मोठ्या प्रमाणात वापरल्या जाणाऱ्या कोडचा अभ्यास करण्याची इच्छा आहे किंवा नाही हे महत्त्वाचे नाही. आणि कोडच्या अनुप्रयोगाच्या आणि वापराच्या शक्य तितक्या उदाहरणांना स्पर्श करण्यासाठी, मी कोणत्याही cms न वापरता किंवा dle आणि वर्डप्रेस इंजिनसह html पृष्ठे एकत्र न करता समर्पित लेखांची एक अतिशय प्रभावी यादी लिहिण्याची योजना आखत आहे. पारंपारिक शैलीत नाही, प्रथम सिद्धांत आणि नंतर सरावाने नाही तर प्रश्न उद्भवतात तसे आम्ही त्यांचे विश्लेषण करू. मी ताबडतोब सराव मध्ये सर्वकाही दाखवीन, सिद्धांतासह सर्वकाही समर्थन.

पण अर्थातच सुरुवातीपासून सुरुवात करूया. म्हणजेच html म्हणजे काय? आणि आणखी एक महत्त्वाचा प्रश्न: "तुम्हाला डॉक्टाइपची गरज का आहे आणि कोणता निवडावा?" खरं तर, हा आजच्या पोस्टचा विषय आहे.

html म्हणजे काय?

Html हे हायपरटेक्स्ट मार्कअप लँग्वेजचे संक्षेप आहे, जे वेब पृष्ठावरील घटकांची व्यवस्था आणि त्यांची रचना परिभाषित करते. ही भाषा वेबमास्टरला त्याच्या कल्पनेपर्यंत कोणत्याही प्रकारे मर्यादित करत नाही आणि त्याला पृष्ठाची जवळजवळ कोणतीही रचना आणि डिझाइन तयार करण्याची परवानगी देते. सर्वसाधारणपणे, तुम्ही वेबसाइट तयार करण्यासाठी स्वतःला झोकून देण्याचे ठरवल्यास, तुम्हाला html कोड माहित असणे आवश्यक आहे. यात काहीही क्लिष्ट नाही आणि मला आशा आहे की लेखांच्या मालिकेच्या परिणामांवर आधारित, तुम्हाला याची खात्री पटली असेल.

आमच्या मॉनिटर्सवर साइट योग्यरित्या प्रदर्शित करण्यासाठी ब्राउझरद्वारे कोणताही वेबसाइट कोड दस्तऐवज प्रकार परिभाषा (DTD - दस्तऐवज प्रकार परिभाषा (दस्तऐवज प्रकार वर्णन)) ने सुरू होतो. आणि ब्राउझरला निर्णय घेण्यास मदत करण्यासाठी, आपल्याला साइटवर वापरल्या जाणाऱ्या दस्तऐवजाचा प्रकार सूचित करणे आवश्यक आहे. यासाठी एक टॅग आहे . आपल्याला दस्तऐवज प्रकार निर्दिष्ट करण्याची आवश्यकता का आहे? हे आवश्यक आहे कारण html भाषेच्या अनेक आवृत्त्यांमध्ये अस्तित्वात आहे. आणि याव्यतिरिक्त, एक विस्तारित मार्कअप भाषा (XHTML - एक्स्टेंसिबल हायपरटेक्स्ट मार्कअप भाषा) आहे, जी वाक्यरचनामध्ये html पेक्षा वेगळी आहे. आणि तुम्ही असे न केल्यास, वेब ब्राउझर गोंधळात पडू शकतो आणि आमचे पृष्ठ योग्यरित्या प्रदर्शित करू शकत नाही. म्हणून, आम्ही कोणत्या प्रकारचे कागदपत्रे आहेत ते पाहू. खाली, मी मुख्य प्रकारच्या दस्तऐवजांच्या वाणांसह एक टेबल ऑफर करेन - :

आता, DOCTYPE मध्ये काय समाविष्ट आहे ते तुकड्याने शोधण्याचा प्रयत्न करूया.
html - उच्च-स्तरीय घटक सूचित करते, म्हणजेच कोडचा आधार. HTML साठी, हा एक टॅग आहे .

सार्वजनिक - दस्तऐवजाचे सार्वजनिक स्वरूप निर्धारित करते. या प्रकारचा दस्तऐवज सार्वजनिक आहे.

"-" हे सूचित करते की दस्तऐवज प्रकार विकसक इंटरनॅशनल ऑर्गनायझेशन फॉर स्टँडर्डायझेशन (ISO) मध्ये नोंदणीकृत आहे की नाही. त्याचे दोन अर्थ आहेत: वजा किंवा अधिक. वजा: नोंदणीकृत नाही. प्लस - नोंदणीकृत. परंतु W3C साठी, "-" सूचित केले आहे

W3C ही DTD विकसित करणारी संस्था आहे.

DTD - दस्तऐवज प्रकार. HTML आणि XHTML साठी, एक DTD निर्दिष्ट केला आहे.

HTML 4.01 संक्रमणकालीन (उदाहरणार्थ) - दस्तऐवजाचे नाव, त्याची आवृत्ती आणि तो वापरत असलेली वाक्यरचना.

EN ही भाषा आहे ज्यामध्ये दस्तऐवज लिहिला जातो. आणि अर्थातच, HTML आणि XHTML इंग्रजी वापरतात.

http://www.w3.org/TR/html4/loose.dtd - दस्तऐवज वर्णनाचा पत्ता (डीटीडी).

HTML किंवा XHTML कोडच्या पहिल्या ओळीत किती माहिती असते. परंतु आमचा दस्तऐवज निवडलेल्या वाक्यरचनाशी जुळतो की नाही हे निर्धारित करण्यात समस्या उद्भवू शकतात. यासाठी, एक मार्कअप व्हॅलिडेटर आहे जो आम्हाला आमचा कोड किती वैध (योग्य) आहे हे निर्धारित करण्यात मदत करेल. व्हॅलिडेटर त्याच संस्थेद्वारे प्रदान केले जाते. जे DTD चे अधिकृत विकसक आहे. हे http://validator.w3.org/ वेबसाइटवर आहे.

तर, आपल्याला फक्त एक निवड करावी लागेल. आणि निवडा आमच्या दस्तऐवजासाठी. येथे आपण आज अभ्यास केलेल्या माहितीच्या आधारे प्रत्येकाने स्वतःसाठी निवडणे आवश्यक आहे. प्रास्ताविक, तात्त्विक पोस्ट अशीच निघाली. आणि मग आम्ही प्रशासनासाठी कोणतेही CMS न वापरता आमचे स्वतःचे html दस्तऐवज आणि शक्यतो संपूर्ण वेबसाइट html मध्ये तयार करू.

माझ्यासाठी एवढेच. मला आशा आहे की हे पोस्ट उपयुक्त ठरेल आणि DOCTYPE बद्दल समस्या समजून घेण्यास मदत करेल.

वर्णन

घटकवर्तमान दस्तऐवजाचा प्रकार - DTD (दस्तऐवज प्रकार व्याख्या, दस्तऐवज प्रकाराचे वर्णन) दर्शविण्याचा हेतू आहे. हे आवश्यक आहे जेणेकरून ब्राउझरला वर्तमान वेब पृष्ठाचा अर्थ कसा लावायचा हे समजेल, कारण HTML अनेक आवृत्त्यांमध्ये येते आणि तेथे XHTML (एक्सटेंसिबल हायपरटेक्स्ट मार्कअप भाषा) देखील आहे, जी HTML सारखीच आहे परंतु वाक्यरचनामध्ये भिन्न आहे. जेणेकरुन ब्राउझर गोंधळात पडू नये आणि कोणत्या मानकानुसार वेब पृष्ठ प्रदर्शित करावे हे समजते, कोडच्या पहिल्या ओळीत सेट करणे आवश्यक आहे. .

अनेक प्रकार आहेत, ते लक्ष्यित केलेल्या भाषेच्या आवृत्तीनुसार भिन्न असतात. टेबलमध्ये 1. मुख्य प्रकारचे दस्तऐवज त्यांच्या वर्णनासह दिले आहेत.

वाक्यरचना

पर्याय

शीर्ष स्तर घटक— दस्तऐवजातील उच्च-स्तरीय घटक सूचित करतो, HTML साठी हा टॅग आहे .

प्रसिद्धी—ऑब्जेक्ट सार्वजनिक संसाधन (सार्वजनिक मूल्य) किंवा सिस्टम संसाधन (सिस्टम मूल्य), जसे की स्थानिक फाइल आहे. HTML/XHTML साठी मूल्य सार्वजनिक आहे.

नोंदणी - सूचित करते की डीटीडी विकसक इंटरनॅशनल ऑर्गनायझेशन फॉर स्टँडर्डायझेशन (ISO) मध्ये नोंदणीकृत आहे. दोनपैकी एक मूल्य घेते: अधिक (+) - विकसक ISO सह नोंदणीकृत आहे आणि - (वजा) - विकसक नोंदणीकृत नाही. W3C साठी मूल्य "-" वर सेट केले आहे.

संस्था - DTD विकसित करणाऱ्या संस्थेचे अद्वितीय नाव. अधिकृतपणे HTML/XHTML W3C द्वारे प्रकाशित केले जाते, हे नाव लिहिलेले आहे .

प्रकार - वर्णन केलेल्या दस्तऐवजाचा प्रकार. HTML/XHTML साठी मूल्य DTD द्वारे निर्दिष्ट केले आहे.

नाव - DTD चे वर्णन करण्यासाठी एक अद्वितीय दस्तऐवज नाव.

भाषा ही अशी भाषा आहे ज्यामध्ये ऑब्जेक्टचे वर्णन करण्यासाठी मजकूर लिहिला जातो. मोठ्या अक्षरात लिहिलेली दोन अक्षरे आहेत. HTML/XHTML दस्तऐवजासाठी, निर्दिष्ट केलेली भाषा इंग्रजी (EN) आहे.

URL - DTD सह दस्तऐवजाचा पत्ता.

टॅग बंद करणे

आवश्यक नाही.

उदाहरण 1. HTML 4.01

HTML 4.01 IE Cr Op Sa Fx

उदाहरण 2. HTML 5

HTML5 IE Cr Op Sa Fx

मन हा बुद्ध आहे, आणि सट्टा विचाराचा अंत हा मार्ग आहे.

संकल्पनांमध्ये विचार करणे आणि अस्तित्व आणि अस्तित्त्वाच्या मार्गांवर, आत्मा आणि देह, निष्क्रिय आणि सक्रिय आणि इतर तत्सम गोष्टींबद्दल विचार करणे बंद केल्यावर, तुम्हाला हे समजू लागते की मन हे बुद्ध आहे, बुद्ध हे त्याचे सार आहे. मन, आणि मन हे अनंत सारखे आहे.

ब्राउझरआवृत्ती 6.0 पूर्वीच्या इंटरनेट एक्सप्लोररला ते आवश्यक आहे

कोडच्या पहिल्या ओळीत असणे आवश्यक आहे. अन्यथा, ब्राउझर सुसंगतता मोडमध्ये जातो (क्विर्क मोड).