HTML और CSS के बीच अंतर

लेखक: Laura McKinney
निर्माण की तारीख: 1 अप्रैल 2021
डेट अपडेट करें: 15 मई 2024
Anonim
एचटीएमएल बनाम सीएसएस: क्या अंतर है?
वीडियो: एचटीएमएल बनाम सीएसएस: क्या अंतर है?

विषय


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

HTML में, सबसे पहले आप शब्दों को लिखते हैं, फिर उसमें तत्व या टैग जोड़ते हैं, जो उसके बाद आपके पेज पर दिखाई देते हैं। इस तरह से, ब्राउजर को पेज की हेडिंग, पैराग्राफ की शुरुआत और अंत आदि का पता चल जाता है।

CSS में, CSS गुणों का उपयोग करके नियमों का उपयोग किया जाता है। सीएसएस गुणों को आमतौर पर दो व्यापक श्रेणियों में वर्गीकृत किया जाता है। सबसे पहले प्रस्तुति है जो कि, फ़ॉन्ट प्रकार, फ़ॉन्ट आकार, पृष्ठभूमि रंग, पृष्ठभूमि चित्र आदि के रंग को निर्दिष्ट करती है। दूसरा है लेआउट, स्क्रीन पर विभिन्न तत्वों की स्थिति को परिभाषित करता है।

HTML और CSS दोनों का उपयोग करके, एक पूर्ण वेबपेज इंटरफ़ेस बनाया गया है।

  1. तुलना चार्ट
  2. परिभाषा
  3. मुख्य अंतर
  4. लाभ
  5. नुकसान
  6. निष्कर्ष

तुलना चार्ट

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


HTML की परिभाषा

HTML वेब दस्तावेज़ों (वेब ​​पेज) को परिभाषित करने के लिए एक मार्कअप भाषा है। HTML का विस्तार होता हैहाइपर मार्कअप भाषा, यह जोड़ता है "मार्कअप"मानक अंग्रेजी के लिए। "हाइपर "लिंक को सूचित करें - हाइपर लिंक - जो वेब पेजों को एक-दूसरे के साथ जोड़ता है।

मार्कअप भाषा मार्कअप टैग का एक समूह है जो पृष्ठ संरचना को परिभाषित करता है। प्रत्येक HTML टैग विभिन्न दस्तावेज़ सामग्री का वर्णन करता है। HTML बढ़ती हुई भाषा है जो बार-बार बदलती है, और मानकों और विशिष्टताओं के एक संशोधित समूह को अपील और अधिक कार्यात्मक साइटों के सरल निर्माण की अनुमति देते हुए लाया जाता है।
HTML केस संवेदी नहीं है।

उदाहरण:

  • एचटीएमएल टैग मौलिक रूप से कीवर्ड (टैग नाम) हैं जो कोण कोष्ठक में संलग्न हैं और आमतौर पर एक जोड़े में आते हैं।
    सामग्री


  • एचटीएमएल तत्त्व एक वेबपेज पर एक विशिष्ट अनुभाग का वर्णन करता है।
  • सामग्री आपके वेबपेज पर प्रदर्शित लिंक, चित्र, या अन्य जानकारी हैं।
  • शुरू टैग एक HTML तत्व है जिसका उपयोग तत्व की शुरुआत को इंगित करने के लिए किया जाता है।
  • समाप्त टैग अलग-अलग तत्वों को अलग करने के लिए HTML तत्व बंद करता है।

CSS की परिभाषा

CSS के लिए एक संक्षिप्त नाम है व्यापक शैली पत्रक कौन कौन से आपको ऐसे नियम बनाने की अनुमति देता है जो एक स्क्रीन पर HTML तत्वों के प्रतिनिधित्व को निर्दिष्ट करते हैं। यह मूल HTML के अतिरिक्त है जो आपके वेब पृष्ठों को स्टाइल करने में सक्षम बनाता है।


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

उदाहरण:

  • सीएसएस घोषणा घुंघराले कोष्ठक के भीतर आराम करती है, और प्रत्येक में दो भाग होते हैं: संपत्ति और उसका मूल्य, एक बृहदान्त्र द्वारा अलग किया गया। आप एक घोषणा में कई गुणों को परिभाषित कर सकते हैं, प्रत्येक एक अर्ध-बृहदान्त्र द्वारा अलग किया जाता है।


  • चयनकर्ताओं इंगित करें कि आप किस HTML तत्व को स्टाइल करना चाहते हैं।
  • घोषणा एक बृहदान्त्र द्वारा अलग की गई संपत्ति और मूल्य शामिल हैं। इसके अतिरिक्त, सभी घोषणाओं को घेरने वाले घुंघराले ब्रेसिज़ के रूप में जाना जाता है घोषणा खंड.
  • गुण उन तत्वों के पहलुओं को इंगित करें जिन्हें आप बदलना चाहते हैं।
  • मान उन सेटिंग्स को निर्दिष्ट करें जिन्हें आप चुने हुए गुणों में लागू करना चाहते हैं।
  1. HTML मूल मार्कअप भाषा है जो वेब पेजों की सामग्री और संरचना का वर्णन करती है। दूसरी ओर, CSS HTML का विस्तार है जो वेब पृष्ठों के डिज़ाइन और प्रदर्शन को संशोधित करता है।
  2. HTML फ़ाइल में CSS कोड हो सकता है जबकि CSS स्टाइलशीट में कभी भी HTML कोड नहीं हो सकता है।
  3. HTML शामिल हैं टैग आसपास की सामग्री। जहाँ तक सीएसएस शामिल थे चयनकर्ताओं द्वारा सफल घोषणा ब्लॉक।


HTML के फायदे

  • उपयोग करने के लिए सरल और ढीले वाक्यविन्यास हैं (हालांकि, बहुत लचीला होना मानकों का पालन नहीं करेगा)।
  • व्यापक रूप से उपयोग किया जाता है, लगभग हर वेबसाइट पर स्थापित होता है और हर ब्राउज़र द्वारा समर्थित होता है।
  • एक्सएमएल सिंटैक्स के अनुरूप, जो डेटा भंडारण के लिए बढ़ती सीमा तक उपयोग किया जाता है।
  • यह मुफ़्त है क्योंकि आपको कोई सॉफ़्टवेयर खरीदने की आवश्यकता नहीं है।
  • जानने के लिए आसान और यहां तक ​​कि शुरुआती के लिए कोड।

सीएसएस के लाभ

  • CSS एक बार CSS लिखकर और कई पन्नों में एक ही शीट का पुन: उपयोग करके आपके समय का संरक्षण करता है।
  • कोड कम होने के कारण पृष्ठ लोड होने में कम समय लेते हैं।
  • बनाए रखने में आसान, वैश्विक परिवर्तन रोजगार के लिए आसान हैं।
  • CSS में HTML के लिए बेहतर स्टाइल और विशेषताओं की एक अधिक व्यापक श्रेणी है।
  • कई डिवाइस संगतता का प्रावधान।
  • अब HTML विशेषताओं को हटा दिया जा रहा है, और भविष्य के ब्राउज़रों के साथ संगत बनाने के लिए सभी HTML पृष्ठों में CSS का उपयोग करने की सलाह दी जा रही है।
  • ऑफ़लाइन कैश की सहायता से ऑफ़लाइन ब्राउज़िंग का समर्थन करता है।
  • स्क्रिप्ट लगातार प्लेटफ़ॉर्म स्वतंत्रता देती है और नवीनतम ब्राउज़रों का भी समर्थन कर सकती है।

HTML के नुकसान

  • चूंकि यह एक स्थिर भाषा है, इसलिए यह गतिशील आउटपुट उत्पन्न नहीं कर सकती है।
  • सीमित सुरक्षा सुविधाएँ प्रदान करता है।

सीएसएस के नुकसान

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

निष्कर्ष:

HTML और CSS दोनों क्लाइंट साइड वेब स्क्रिप्टिंग भाषाओं का उपयोग वेब पेज बनाने के लिए किया जाता है। हालाँकि वे कई मायनों में अलग-अलग हैं जैसे कि वाक्य-संरचना, कार्यान्वयन के तरीके, उपयोग में आसानी और भाषा द्वारा समर्थित विशेषताओं जैसी विशेषताएं। हालाँकि, सीएसएस HTML की जगह ले रहा है क्योंकि यह अधिक सुविधाएँ और लचीलापन प्रदान करता है।