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

ลำดับตอนที่ #2 : [general] การรวมโค้ดและการจัดรูปแบบโค้ด

* โค้ดที่อยู่ใน...

<style type='text/css'>
.
.
.
</style>

...เหมือนกัน สามารถนำมารวมกันได้

ตัวอย่างเช่น มีโค้ดอยู่สองโค้ด (สีน้ำเงิน กับสีเขียว)

<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
</style>

<style type='text/css'>
.left, .right{
    border: none;
}
</style>

อย่างนี้ก็สามารถรวมเป็น

<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
.left, .right{
    border: none;
}
</style>

แบบนี้ได้ค่ะ




* โค้ดสามารถลบบรรทัดและเว้นวรรคต่าง ๆ ออกไปได้ เพื่อประหยัดเนื้อที่ โดยไม่ผลกระทบต่อตัวโค้ดแต่อย่างใด (อย่าลบตัวอักษรหรือเครื่องหมายออกก็พอ)

ที่จัดเว้นบรรทัดและย่อหน้ามาก ๆ อย่างที่เห็นอยู่นี้ ก็เพื่อความสะดวกในการอ่าน สำหรับผู้ที่อ่านโค้ดเป็น

ตัวอย่างเช่น โค้ดนี้...

<style type='text/css'>
.mainborder{
    border: none;
}
table {
    border: none;
}
</style>

สามารถจัดให้เป็นอย่างนี้ได้

<style type='text/css'> .mainborder{  border: none;} table {  border: none;}</style>

นอกจากการรวมโค้ดและการจัดรูปแบบโค้ดแล้ว เรายังสามารถใส่คอมเมนต์ให้โค้ดได้อีกด้วย
ถ้าอ่านตอนนี้รู้เรื่อง แล้วอยากตามอ่านต่อก็ไปที่ link ด้านล่างได้เลยค่ะ...

>> [general] ใส่คอมเมนต์ให้ code <<

แต่ถ้าอ่านแล้วไม่เข้าใจก็ไม่เป็นไร ข้ามไปได้ค่ะ ทั้งสองตอนนี้เป็นความรู้เสริมให้เท่านั้น