Comentarii CSS
Comentariile explică codul CSS și ajută atunci când îl editați mai târziu.
Sunt de asemenea utile pentru a dezactiva temporar părți din CSS.
Browserele ignoră comentariile, deci acestea nu apar niciodată pe pagină.
Un comentariu CSS se pune în interiorul elementului <style>. Începe cu /* și se termină cu */.
Comentariu pe o singură linie
Un comentariu pe propria linie, deasupra unei reguli.
<style>, puneți un comentariu precum /* Acesta este un comentariu pe o singură linie */ deasupra unei reguli care face paragrafele roșii. Adăugați un paragraf în body.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* This is a single-line comment */
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World! This paragraph is red.</p>
</body>
</html>
Comentariu după o declarație
Puteți adăuga un comentariu oriunde, de exemplu după o declarație.
<style>, scrieți o regulă care face paragrafele roșii, cu un comentariu precum /* Setează culoarea textului în roșu */ după declarația de culoare. Adăugați un paragraf în body.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<p>Hello World! This paragraph is red.</p>
</body>
</html>
Comentariu în mijlocul unei linii
Un comentariu poate fi în mijlocul unei linii. Aici red este comentat, deci textul este albastru.
<style>, scrieți o regulă de culoare pentru paragraf precum color: /red/blue; astfel încât valoarea comentată să fie ignorată, iar textul să fie albastru. Adăugați un paragraf în body.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
color: /*red*/blue;
}
</style>
</head>
<body>
<p>Hello World! This paragraph is blue, because red is commented out.</p>
</body>
</html>
Comentariu pe mai multe linii
Un comentariu poate de asemenea să se întindă pe mai multe linii.
<style>, puneți un comentariu care se întinde pe mai multe linii (folosind /* ... */) deasupra unei reguli care face paragrafele roșii. Adăugați un paragraf în body.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* This is
a multi-line
comment */
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World! This paragraph is red.</p>
</body>
</html>
Comentarii HTML și CSS
Din tutorialul HTML ați învățat că puteți adăuga comentarii HTML cu sintaxa <!-- ... -->.
Acest exemplu folosește împreună un comentariu HTML și un comentariu CSS. Niciunul nu apare în rezultat.
Exemplu
Un comentariu HTML marchează paragrafele, iar un comentariu CSS explică regula de culoare.
<style> intern cu un comentariu CSS după o regulă care face paragrafele roșii. În body, adăugați un titlu, un comentariu HTML folosind sintaxa , și câteva paragrafe. Niciunul dintre comentarii nu ar trebui să apară în rezultatul afișat.
Rezultat: pagină HTML completă
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p {
color: red; /* Set text color to red */
}
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>HTML and CSS comments are not shown in the output.</p>
</body>
</html>