Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ลำดับตอนที่ #77 : [general] ใส่คอมเมนต์ให้ code

เนื่องจากโค้ดในบทความนี้มีแต่โค้ดดิบเท่านั้น ไม่มีโค้ดสุกมาให้ (เพราะคนเขียนไม่ชอบ)
ทำให้ผู้ใช้งานบางคนที่ไม่ค่อยรู้เรื่องโค้ดนัก อาจสับสนได้ เมื่อมีโค้ดมารวมกันมากเกินไป ว่าโค้ดอะไรเป็นโค้ดอะไร
เวลาจะแก้ที บางครั้งก็ต้องเริ่มใหม่ทั้งหมด...

ข้อนี้เคจเพิ่งรู้ตัวจริงๆ ค่ะว่ามันเป็นปัญหา... แต่ก็คิดวิธีป้องกันมาให้แล้วค่ะ...

เราจะใช้การใส่คอมเมนต์ให้ code เป็นตัวช่วยเตือนความจำค่ะ ^^

คอมเมนต์คืออะไร ?

คอมเมนต์ก็คือความคิดเห็นที่เราบันทึกไว้ สามารถแทรกไว้ในโค้ดได้ โดยไม่รบกวนการทำงานของโค้ด

คอมเมนต์ของ css และ javascript จะอยู่ภายในเจ้านี่ค่ะ

/* พื้นที่สำหรับคอมเมนต์ */


ตัวอย่างการใช้งาน...

<style type='text/css'>

/* เริ่มต้น code ลบเส้นตาราง */

.left, .right{
    border: none;
}
.mainborder{
    border: none;
}
table {
    border: none;
}

/* สิ้นสุดโค้ดลบเส้นตาราง
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=3
*/


/* เริ่มต้นโค้ดกล่องคำพูดล่องหน */

.bubblebg{
    background: none;
}
.bubble1{
    background: none;
}
.bubble2{
    background: none;
}

/* สิ้นสุดโค้ดกล่องคำพูดล่องหน
http://writer.dek-d.com/Caje/writer/viewlongc.php?id=499460&chapter=7
*/

</style>


พอมองเห็นประโยชน์ไหมคะ
เขียนคอมเมนต์ไว้แบบนี้ เราก็จะไม่งงว่าโค้ดอะไรเป็นโค้ดอะไร แล้วถ้าใส่ที่มาของโค้ดไว้ด้วยก็สามารถย้อนกลับไปอ่านวิธีใช้งานดูได้ล่ะค่ะ ^^

ต่อไปถ้ามีโค้ดใหม่ๆ มาอีก เคจจะใส่คอมเมนต์อย่างนี้ไว้ให้ด้วยนะคะ
สำหรับโค้ดตอนเก่าๆ ก็จะทยอยแก้ไขค่ะ

ถ้าใครไม่ชอบเห็นว่าเกะกะก็ลบส่วนสีส้มๆ ออกไปได้ตามสบายค่ะ ไม่ว่ากัน
หรือจะเปลี่ยนคอมเมนต์เป็นอย่างนี้ที่เราเข้าใจได้ดีกว่าก็ได้นะคะ

สุดท้าย... ใครยังไม่รู้วิธีการรวบโค้ดก็ลองแวะไปดูที่บทนี้ได้ค่ะ
[general] ความรู้เบื้องต้นเกี่ยวกับโค้ด
ใช้ร่วมกับการใส่คอมเมนต์นี่ได้ดีทีเดียว

* ถึงแม้โค้ด css และ javascript จะมีวิธีใส่คอมเมนต์ที่เหมือนกัน แต่ตัวโค้ดรวมกันไม่ได้นะคะ