เท่าที่ HTML ไปฉันจะชี้ไปที่มีลำดับชั้นและการเยื้องในไฟล์ของฉัน ตัวอย่างเช่นถ้าฉันมีกลุ่ม divs:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
ฉันคิดว่ามันค่อนข้างชัดเจนกับคนส่วนใหญ่ที่สร้างเลย์เอาต์และเทมเพลต แต่บ่อยกว่าที่ฉันเห็น HTML ที่อ่านไม่ออกซึ่งไม่มีลำดับชั้นโครงสร้างใด ๆ เลยทำให้อ่านคนอื่นได้ยาก ฉันเดาว่ามาจากพื้นหลัง CS มากกว่านี้เป็นสิ่งที่ติดอยู่ในใจของฉัน เช่นเดียวกันกับ CSS เช่นกัน สมมติว่าคุณกำลังออกแบบ div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
การเยื้องทำให้ง่ายต่อการอ่านอย่างรวดเร็วยิ่งขึ้นเมื่อคุณคุ้นเคยกับภาษาอื่นที่มีความหลากหลายเช่น PHP / Ruby / ก็ตาม อีกครั้งมันขึ้นอยู่กับวิธีที่คุณทำงานได้ดีที่สุด แต่เมื่อคนอื่นอ่าน HTML ของฉันฉันชอบที่จะทำให้มันเป็นระเบียบ :)
นอกจากนี้ตามที่กล่าวไว้ข้างต้นคุณควรตั้งชื่อคลาส CSS และรหัสที่เกี่ยวข้องกับเลย์เอาต์ของคุณโดยเฉพาะอย่างยิ่งเมื่อมีปัญหา (เช่นการตั้งชื่อตัวแปรและวิธีการในภาษาอื่น) สิ่งอื่นที่ต้องระวังคือ "การคาดเดาและตรวจสอบ" ของระยะขอบช่องว่างภายในและปัญหาการจัดตำแหน่งอื่น ๆ สิ่งที่ฉันพยายามหลีกเลี่ยงบ่อย ๆ คือการใส่ตัวเลขติดลบในระยะขอบและแผ่นรอง มันอาจสร้างความสับสนหากคุณไม่ได้สร้างเลย์เอาต์ด้วยตนเองและหากคุณต้องการกลับมาใช้มันในภายหลังและแก้ไขมันคุณอาจต้องยกเครื่องใหม่ ในความคิดของฉันมันเป็นความคิดที่ดีเสมอที่จะไม่ลองอะไรที่ hokey หรือ "kludgy" ใน CSS แม้ว่ามันจะดูดีก็ตาม โดยปกติจะมีวิธีที่ดีกว่าในการทำแม้ว่าคุณจะต้องปรับโครงสร้าง CSS ของคุณ!