รหัส HTML ที่สวยงามมีลักษณะอย่างไรในการเขียนรหัส HTML ที่สวยงาม
บทความที่เขียนโดยชาวต่างชาติ: รหัส HTML ที่สวยงามมีลักษณะอย่างไรในการเขียนรหัส HTML ที่สวยงามรู้สึกดีมาก พิมพ์ซ้ำและแบ่งปันกับคุณ:
PS: ที่อยู่ดั้งเดิม: http://css-tricks.com/what-eautiful-html-code-looks-like/
1.Doctype ประกาศอย่างถูกต้องอย่าลืมการประกาศที่ศีรษะมันจะบอกเบราว์เซอร์ว่าจะแสดง HTML ของคุณได้อย่างไร
2. ส่วนหัวที่ดีตั้งชื่อชื่อชุดอักขระ กำหนดค่าลิงก์ภายนอก CSS และ JS (รวมถึง CSS ที่พิมพ์)
3. Body Ided ให้รหัสร่างกาย เหตุผลที่ผู้เขียนกล่าวถึงที่นี่คือการอำนวยความสะดวกในการเลือกภาชนะบรรจุกลางสำหรับหลายหน้า ตัวอย่างเช่นโดยการตั้งค่า ID ที่แตกต่างกันสำหรับร่างกายในหน้า 1 และ page2 คุณสามารถตั้งค่าเอฟเฟกต์ที่แตกต่างกันสองอย่างผ่าน #page1 H2 และ #page2 H2 ฉันรู้สึกว่าสิ่งนี้ขึ้นอยู่กับสถานการณ์และโครงสร้างเฉพาะก่อนที่จะใช้ 4. เมนูทำความสะอาดแบบไม่แน่นอนเขียนรหัสเมนูที่ตรงกับความหมาย
<div id=menu>
<ul>
<li> <a href = index.php> บ้าน </a> </li>
<li> <a href = about.php> เกี่ยวกับ </a> </li>
<li> <a href = contact.php> ติดต่อ </a> </li>
</ul>
</div>
PS: โดยส่วนตัวแล้วฉันคิดว่าควรเขียนโค้ดแบบนี้ง่ายกว่า:
<ulid = เมนู>
<li> <a href = index.php> บ้าน </a> </li>
<li> <a href = about.php> เกี่ยวกับ </a> </li>
<li> <a href = contact.php> ติดต่อ </a> </li>
</ul>
5. DIV หลักสำหรับเนื้อหาหน้าทั้งหมด มีร่างกายที่มีเนื้อหาทั้งหมด สะดวกในการแก้ไขความกว้างระยะขอบ ฯลฯ ของร่างกาย 6. เนื้อหาสำคัญก่อน เขียนเนื้อหาหลักก่อนจากนั้นเนื้อหารอง หากการนำทางหรือแถบด้านข้างของคุณไม่สำคัญมากควรเขียนพวกเขาในตอนท้าย 7. รวมเนื้อหาทั่วไป แนะนำส่วนทั่วไปเช่นการนำทางและจุดสิ้นสุดของหน้าผ่านการโทรแบบไดนามิกเช่น PHP รวมถึง 8. รหัสถูกแท็บลงในส่วนต่างๆ รหัสเยื้อง 9. แท็กสิ้นสุด สังเกตแท็กปลาย 10.hierarchy ของแท็กส่วนหัว ใช้แท็กชื่อเรื่องเช่น <H1> ~ <H6> ตามความเหมาะสมในการแบ่งย่อหน้า 11. เนื้อหาเนื้อหาเนื้อหาใช้แท็กที่เหมาะสมและรหัสโลโก้และใช้ &
คัดลอก; เพื่อระบุ©อย่าใช้ </br> 12. ไม่มีสไตล์! อย่าเขียนสไตล์บนแท็ก HTML ใช้เพื่อแสดงโครงสร้าง ปล่อยให้การแสดงเป็น CSS