ตั้งค่าการอ่าน

ค่าเริ่มต้น

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

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

    • อัปเดตล่าสุด 15 มิ.ย. 53



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

    <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 <<

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




    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

    loading
    กำลังโหลด...

    อีบุ๊ก ดูทั้งหมด

    loading
    กำลังโหลด...

    ความคิดเห็น

    ×