हेल्लो दोस्तों! आज हम इस आर्टिकल में CSS comment Property के बारें में पढेंगे. इसे बहुत ही आसान भाषा में लिखा गया है. इसे आप पूरा पढ़िए, यह आपको आसानी से समझ में आ जायेगा. तो चलिए शुरू करते हैं:-
Introduction of CSS Comments
लगभग सभी programming languages मे आप comment को add कर सकते है। आप PHP, java, java script, html और कई सारी भाषाओ मे comment को add कर सकते है।
CSS comment को browser के द्वारा ignore किया जाता है। मतलब की comment को कोई visitor नहीं देख पाता सिर्फ web master ही इसे देख पाता है।
CSS Comment Use करने के फायदे –
- Comment से CSS Code को Easily Explain किया जा सकता हैं.
- Comment एक Stylesheet को पठनीय (Readable) और समझने योग्य (Understandable) बनाते हैं.
- Web Masters भविष्य के लिए Notes बनाते हैं. ताकि बाद में CSS को आसानी से Maintenance किया जा सके.
- Comment के द्वारा एक Stylesheet को अलग-अलग Sections में बांटा जा सकता हैं.
CSS Comment लिखने का तरीका
Stylesheet में Code Add करना बहुत ही आसान हैं. CSS Comment के लिए Opening Tag और Closing Tag को सही Use करना आना चाहिए.
- Forward Slash (/) और Asterisk (*) से Comment Open होता हैं. इस तरह – /*
- और Asterisk (*) तथा Forward Slash (/) के साथ Comment Close होता हैं. इस तरह */
तो CSS Comment कुछ इस प्रकार लिखा जायेगा
/* Comment text यहाँ लिखा जायेगा… */
Opening और Closing Comment Tag के बीच में लिखा गया Text Comment Content कहलाता हैं. आप जरूरत के अनुसार Single Line Comment और Multi Line Comment भी Add कर सकते हैं.
comments के दो तरह के प्रकार होते है :-
- single line comments
- Multi line comments
Single Line Comment :-
Single Line Comment में आप बस एक Line का Comment Content लिखते हैं. इस तरह Add किया जाता हैं.
<!DOCTYPE html>
<html>
<head>
<style>
/* This is a single-line comment */
h1 {
color: orange;
margin-left: 50px;
}
p{
color: red;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Multi Line Comment :-
Multi Line Comment में आप एक से ज्यादा Line का Comment Content लिखते हैं. इस तरह Add किया जाता हैं.
<!DOCTYPE html>
<html>
<head>
<style>
/* This is a
multi-line
comment This CSS property make paragraph text orange.
You can change this properety. */
h1 {
color: orange;
margin-left: 50px;
}
p{
color: red;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
