หมายเหตุ CSS

หมายเหตุ CSS

หมายเหตุใช้เพื่ออธิบายรหัสโค้ด ซึ่งอาจมีประโยชน์เมื่อคุณแก้ไขรหัสต้นฉบับในอนาคต

เครื่องอ่านเว็บจะละเลยหมายเหตุ

ที่ <style> หมายเหตุ CSS ในส่วนขององค์ประกอบ /* เริ่มต้นด้วย */ สิ้นสุด

ตัวอย่าง

/* นี่คือหมายเหตุบรรทัดเดียว */
p {
  color: red;
}

ทดลองด้วยตัวเอง

คุณสามารถเพิ่มหมายเหตุในตำแหน่งใดก็ได้ในรหัส

ตัวอย่าง

p {
  color: red;  /* ทำให้ข้อความแปลงเป็นสีแดง */
}

ทดลองด้วยตัวเอง

หมายเหตุสามารถข้ามบรรทัดมากกว่า

ตัวอย่าง

/* นี่คือ
หมายเหตุหลายบรรทัด
หมายเหตุ */ 
p {
  color: red;
}

ทดลองด้วยตัวเอง

HTML และ CSS หมายเหตุ

จากตัวอย่าง HTML คุณจะเรียนรู้ว่าสามารถใช้ <!--...--> การใช้หมายเหตุในรหัสต้นฐาน HTML

ในตัวอย่างด้านล่างนี้ เราใช้ความร่วมมือระหว่าง HTML และ CSS หมายเหตุ

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<style>
p {
  color: red; /* ตั้งสีของข้อความเป็นสีแดง */
} 
</style>
</head>
<body>
<h2>My Heading</h2>
<!-- ส่วนประกอบนี้จะเป็นสีแดง -->
<p>Hello World!</p>
<p>ข้อความนี้ถูกตั้งรูปแบบด้วย CSS</p>
<p>หมายเหตุ CSS จะไม่แสดงในการออกแบบ</p>
</body>
</html>

ทดลองด้วยตัวเอง