ทุกเว็บไซต์สร้างขึ้นจากโครงสร้าง (ซึ่งกำหนดโดย HTML) องค์ประกอบการทำงานและสไตล์ Cascading Style Sheets (CSS) ใช้เพื่อกำหนดรูปลักษณ์ ("รูปลักษณ์") ของเว็บไซต์ รูปแบบเหล่านี้ถูกแยกออกจากโครงสร้าง HTML เพื่อให้ง่ายต่อการอัปเดตและยึดมั่นในมาตรฐานเว็บ
ปัญหาเกี่ยวกับสไตล์ชีต
ด้วยขนาดและความซับซ้อนของเว็บไซต์จำนวนมากในปัจจุบัน stylesheets อาจมีความยาวและยุ่งยาก นี่เป็นความจริงโดยเฉพาะอย่างยิ่งในขณะนี้ที่การค้นหาสื่อสำหรับรูปแบบเว็บไซต์ที่ตอบสนองเป็นส่วนสำคัญของการออกแบบทำให้มั่นใจได้ว่าเว็บไซต์จะมีลักษณะโดยคำนึงถึงอุปกรณ์ ข้อความสื่อเหล่านี้เพียงอย่างเดียวสามารถเพิ่มสไตล์ใหม่ ๆ ลงในเอกสาร CSS ได้ทำให้การทำงานกับ นี่คือที่ความคิดเห็นของ CSS จะกลายเป็นความช่วยเหลืออันล้ำค่าสำหรับนักออกแบบเว็บไซต์และนักพัฒนาซอฟต์แวร์
ความคิดเห็นเพิ่มโครงสร้างและความชัดเจน
การเพิ่มความคิดเห็นลงในไฟล์ CSS ของเว็บไซต์เป็นวิธีที่ดีในการจัดระเบียบส่วนต่างๆของรหัสนั้นสำหรับผู้อ่านคนที่กำลังตรวจสอบเอกสาร นอกจากนี้ยังช่วยให้เกิดความสอดคล้องกันเมื่อผู้มีวิชาชีพเว็บคนหนึ่งมารับตำแหน่งอีกที่หนึ่งหรือเมื่อทีมงานทำงานในไซต์
ความคิดเห็นที่ได้รับการจัดรูปแบบดีสามารถสื่อสารลักษณะสำคัญของสไตล์ชีตกับสมาชิกในทีมที่อาจไม่ค่อยคุ้นเคยกับโค้ดได้ ความเห็นเหล่านี้มีประโยชน์มากสำหรับผู้ที่เคยทำงานในไซต์มาก่อน แต่ไม่นานมานี้ นักออกแบบเว็บมักจะทำงานในหลาย ๆ ไซต์และจดจำกลยุทธ์การออกแบบจากที่หนึ่งไปยังอีกทางหนึ่งเป็นเรื่องยาก
สำหรับผู้เชี่ยวชาญด้านสายตาเท่านั้น
ความคิดเห็นของ CSS จะไม่ปรากฏขึ้นเมื่อหน้าเว็บที่แสดงผลในเว็บเบราเซอร์ ความคิดเห็นเหล่านี้เป็นข้อมูลเท่านั้นเช่นเดียวกับความคิดเห็นของ HTML (แม้ว่ารูปแบบจะแตกต่างกัน) ความคิดเห็น CSS เหล่านี้ไม่ส่งผลต่อการแสดงภาพของไซต์ในลักษณะใด ๆ
การเพิ่มความคิดเห็นของ CSS
การเพิ่มความคิดเห็นของ CSS เป็นเรื่องง่ายมาก คุณเพียง bookend ความคิดเห็นของคุณด้วยการเปิดและปิดแท็กความคิดเห็นที่ถูกต้อง:
- เริ่มต้นความคิดเห็นโดยการเพิ่ม
/*
- ปิดความคิดเห็นของคุณโดยการเพิ่ม
*/
สิ่งที่ปรากฏระหว่างแท็กทั้งสองนี้คือเนื้อหาของความคิดเห็นที่มองเห็นได้เฉพาะในโค้ดและไม่แสดงโดยเบราว์เซอร์
ความคิดเห็นของ CSS อาจใช้เวลาได้หลายบรรทัด ต่อไปนี้คือตัวอย่างที่สอง:
/ * ตัวอย่างขอบสีแดง * / div # border_red { ชายแดน: บางสีแดงเข้ม; }/*******************************************************รูปแบบสำหรับข้อความโค้ด*******************************************************/ นักออกแบบหลายคนจัดระเบียบสไตล์ชีตด้วยชิ้นเล็กและย่อยง่ายซึ่งง่ายต่อการสแกนเมื่ออ่าน โดยปกติคุณจะเห็นความคิดเห็นที่นำหน้าและตามด้วยชุดของยัติภังค์ที่สร้างช่วงพักใหญ่ที่เห็นได้ชัดในหน้าเว็บที่ดูได้ง่าย นี่คือตัวอย่าง: / * ----------------------- ลักษณะส่วนหัว ----------------------- ------- * /
ความคิดเห็นเหล่านี้ระบุถึงจุดเริ่มต้นของส่วนใหม่ของการเขียนโค้ด เนื่องจากแท็กความคิดเห็นบอกให้เบราเซอร์ละเว้นทุกอย่างระหว่างพวกเขาคุณสามารถใช้แท็กเพื่อปิดใช้บางส่วนของโค้ด CSS ชั่วคราวได้ ซึ่งอาจเป็นประโยชน์เมื่อทำการดีบักหรือเมื่อปรับการจัดรูปแบบเว็บเพจ ในความเป็นจริงนักออกแบบมักใช้คำเหล่านี้เพื่อ "แสดงความคิดเห็น" หรือ "ปิด" ส่วนของโค้ดเพื่อดูว่าเกิดอะไรขึ้นหากส่วนนั้นไม่ใช่ส่วนหนึ่งของหน้า ในการดำเนินการนี้เพียงเพิ่มแท็กความคิดเห็นก่อนเปิดโค้ดที่คุณต้องการแสดงความคิดเห็น (ปิดใช้งาน) วางแท็กปิดที่คุณต้องการให้ส่วนที่ปิดใช้งานสิ้นสุดลง ไม่มีสิ่งใดระหว่างแท็กเหล่านี้จะมีผลต่อการแสดงภาพของไซต์ซึ่งช่วยให้คุณสามารถแก้ปัญหา CSS เพื่อดูว่ามีปัญหาเกิดขึ้น จากนั้นคุณสามารถเข้าไปแก้ไขปัญหานั้นและลบความคิดเห็นออกจากโค้ดได้ ในฐานะที่เป็นบทสรุปนี่คือเคล็ดลับบางประการในการจดจำความคิดเห็นใน CSS ของคุณ: ในขณะที่การเพิ่มความคิดเห็นมากเกินไปอาจส่งผลต่อความเร็วในการดาวน์โหลดและประสิทธิภาพของไซต์คุณไม่ควรลังเลที่จะใช้ข้อมูลเหล่านี้ มันจะใช้เวลาหลายบรรทัดของความเห็นที่จะมีผลกระทบเชิงลบอย่างมีนัยสำคัญ เช่นเดียวกับหลายด้านของการออกแบบเว็บก็ทั้งหมดลงมาเพื่อความสมดุล แบ่งออกส่วน
"แสดงความคิดเห็น" รหัส
เคล็ดลับการแสดงความคิดเห็นของ CSS
ประสิทธิภาพ
