1. การตั้งค่าสีพื้นหลังของหน้าเว็บ โอกาสที่จะผิดพลาด : สูงมาก ความเป็นสากล: กว้าง ความเป็นไปได้ที่จะทำผิดพลาด: ขี้เกียจ/ไม่รู้ ประมาณ 2 ปีที่แล้ว ฉันพบว่าสีพื้นหลังไม่ได้ตั้งค่าไว้ที่ 21cn ตอนนั้นฉันแจ้งพวกเขาทางอีเมลตั้งแต่นั้นมา ฉันไม่เคยประสบปัญหานี้เลย สีพื้นหลังของหน้าต่างของคนส่วนใหญ่จะเป็นสีขาว แต่ถ้าคุณเป็นคนแบบฉัน คุณจะเปลี่ยนสีพื้นหลังของหน้าต่างหน้าต่างเป็นสีเทาหรือสีอื่น ๆ ด้วยวิธีนี้ หากคุณไม่ได้ตั้งค่าสีพื้นหลังของเว็บ หน้า สิ่งที่คุณคิดว่าเป็นหน้าเว็บปกติจะดูยุ่งเหยิงในคอมพิวเตอร์ของฉัน 2. การใช้ Align center ในทางที่ผิด (การจัดกึ่งกลางอัตโนมัติ) โอกาสที่จะผิดพลาด : สูงมาก ความเป็นสากล: กว้างมาก ความเป็นไปได้ในการทำผิดพลาด คิดว่าสะดวก / คิดว่าใช้งานง่าย ในที่ทำงาน เป็นเรื่องปกติที่จะแก้ไขและดูแลรักษาหน้าเว็บของผู้อื่น ฉันพบว่ามีคนจำนวนมากที่มีนิสัยไม่ดี: คุณจะจัดกึ่งกลาง ซ้าย หรือขวาให้กับข้อความหรือรูปภาพในตารางได้อย่างไร <div align="center">สวัสดีทุกคน! - </div> เมื่อมีตารางจำนวนมาก ข้อความจำนวนมาก และเนื้อหาที่มีรายละเอียดมาก ผู้คนที่ชอบใช้วิธีนี้ (ปุ่มลัดใน DW คือ Ctrl+Alt+C ซึ่ง FP ไม่รู้ว่ามันคืออะไร) มักจะใช้วิธีนี้ แย่มาก และมันน่าสังเวช ขออภัย ฉันปวดหัวทุกครั้งที่เจอหน้าเว็บแบบนี้ บอกฉันทำไม? โต๊ะไม่มีคุณสมบัติอยู่กึ่งกลางใช่ไหม เหตุใดจึงต้องเพิ่มรหัสขยะนี้ เมื่อทำการแก้ไขพิเศษ คุณจะไม่สามารถลบข้อความหรือรูปภาพได้ และจะถูกล้างโดยอัตโนมัติ ขอแนะนำให้ใช้ <td align="center"> หากต้องการจัดตำแหน่งไว้หลายตำแหน่ง ให้พิจารณาเฉพาะ <div align="center"> เนื่องจากโค้ดนี้ไม่ง่ายที่จะจัดการ ให้ใช้ตารางแทนหากทำได้ 3. การใช้โค้ดซ้ำ ๆ ที่ใช้ฟังก์ชันเดียวกันหรือโค้ดอื่น ๆ ที่ยุ่งเหยิง ความน่าจะเป็นของข้อผิดพลาด: บ่อยมาก ความเป็นสากล: ธรรมดามาก ความเป็นไปได้ของข้อผิดพลาด: ซับซ้อนและหลากหลาย มาดูโค้ดต่อไปนี้ก่อน: ฉันไม่รู้ว่าผู้อ่านรู้สึกอย่างไร โดยพื้นฐานแล้ว เมื่อฉันเห็นโค้ดดังกล่าว ฉันจะมึนงงไปประมาณสิบวินาที จุดประสงค์ของสิบวินาทีนี้คือการค้นหาคำที่สามารถแสดงความคิดและความรู้สึกของฉันได้ (ฉันเหรอ? ถามฉันกลับเหรอ ? ขออภัย~~ ปกติฉันไม่ทำเช่นนี้เพราะฉันใช้เวลาดูโค้ดอย่างน้อยครึ่งหนึ่ง และฉันสามารถบอกได้ทันทีว่ามีหลายสิ่งในโค้ดมากเกินไป) ลองดูโค้ดด้านบนสิ มีการใช้ 2 คลาสและ 4 ฟอนต์เพื่อกำหนด 2 ข้อความ จริงๆ แล้วปัญหาดังกล่าวมักเกิดขึ้นเมื่อมีคนแก้ไขโค้ดอยู่เรื่อยๆ ขี้เกียจเกินไปที่จะตรวจสอบโค้ด หรือไม่คุ้นเคยกับโค้ด คนที่ชอบตรวจสอบโค้ดมักมีความผิดกับปัญหาเหล่านี้ แน่นอนว่า จริงๆ แล้วเวลาที่คนอื่นเปิดดูหน้าเว็บนี้ก็ไม่มีปัญหาอะไร แต่ผู้ดูแล... มีคำถามอีกข้อที่ต้องพูดถึงคือ <p>...</p> และ <center>...</center> ทำไมเราจึงควรใช้คำถามเหล่านี้? บอกฉันทีว่าทำไม~~ บางกรณีก็เป็นแบบนี้: <td><div align="center" class="css_id"> ฉันรู้สึกหมดหนทางเมื่อเห็นโค้ดแบบนี้ (และที่แย่ไปกว่านั้นคือฉันมักจะเห็นมันและต้องอ่านมัน) ดูเหมือนโลกจะเงียบสงบขึ้นมากใช่ไหม? ข้อความที่อยู่หลัง "title" สามารถกำหนดได้ในคลาสของ <td> แม้ว่าคุณจะไม่ได้ใช้ css แต่ก็ไม่มีปัญหาในการใช้ <.font> เพิ่มเติม แต่ก็ยังทำให้สดชื่นได้มาก 4.ตารางไม่ซ้อนกันอย่างถูกต้อง โอกาสที่จะผิดพลาด: ปานกลาง ความเป็นสากล: สากล ความเป็นไปได้ที่จะเกิดข้อผิดพลาด: ไม่ทราบเกี่ยวกับเรื่องนี้ นี่เป็นปัญหาที่พบบ่อย แต่ผู้คนยังคงทำอย่างนั้น ตารางที่ซ้อนกันไม่ถูกต้องอาจทำให้เจ้านายของคุณเรียกเข้าที่ทำงานและทำให้คุณดุว่าหน้าเว็บปกติใช้ ADSL ไม่ได้ สามารถเปิดเครื่องได้แม้จะผ่านไป 2 หรือ 3 นาทีก็ตาม เรามาพูดถึงปัญหาแรกกันก่อน ซึ่งก็คือ การซ้อนตารางในตารางขนาดใหญ่อย่างต่อเนื่องจะทำให้ความเร็วในการเปิดหน้าเว็บช้าลง (แม้ว่า IE ในปัจจุบันจะปรับปรุงปัญหานี้แล้ว แต่ก็ยังไม่แนะนำให้ทำเช่นนี้) ในแง่หนึ่ง การบำรุงรักษาและแก้ไขนั้นไม่สะดวกอย่างยิ่ง โดยทั่วไปแล้ว ไม่มีปัญหากับการใช้งานแบบง่าย ๆ แม้แต่ 3 หรือ 4 เลเยอร์ แต่อย่าใส่ทุกอย่างลงในตาราง ปัญหาที่สองคือการใส่ทุกอย่างลงในตารางขนาดใหญ่ รวมถึงโค้ดตัวนับฟรีด้วย อิอิ ลองเดาสิว่าจะเกิดอะไรขึ้น? ที่จริงแล้วไม่ใช่เรื่องใหญ่อะไร สิ่งที่ร้ายแรงที่สุดคือ IE ของคุณดูเหมือนจะขัดข้องและไม่มีอะไรแสดงขึ้นมา วิธีแก้ไขคือวางเคาน์เตอร์ไว้ในตารางแยกกัน ไม่ใช่ตารางเดียวกันกับเนื้อหาอื่น 5. เมื่อเขียนการเยื้องโค้ด ให้ใช้ช่องว่างแทนแท็บ โอกาสที่จะผิดพลาด: ปานกลาง ความชุก: น้อยกว่า ความเป็นไปได้ที่จะทำผิดพลาด: ฉันไม่รู้ว่า Tab ดีกว่าที่จะใช้ คำถามนี้มีไว้สำหรับ js, vbs, asp, php ฯลฯ HTML ไม่สามารถใช้ Tab ได้ ใครก็ตามที่สามารถเขียนบางโปรแกรมได้จะรู้ว่าการเยื้องคืออะไร บางคนใช้ช่องว่าง บางคนใช้ Tab หากคุณใช้ช่องว่าง จากนี้ไปให้ใช้ Tab แทน เทียนจิเยสกี้
<div align="center"><img src="xx.gif"></div>
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font- family:official script">หัวเรื่อง</font></font></font>
</center>คุณคิดว่าโค้ดนี้หน้าตาเป็นอย่างไร? </font></p>
รหัสขยะที่ซ้ำซ้อนเหล่านี้สามารถละเว้นได้โดยสิ้นเชิง จริงๆ แล้ว ตัวอย่างข้างต้นไม่ร้ายแรงพอ ฉันเคยเห็นรหัสที่น่ากลัวกว่านี้ด้วยซ้ำ
<ศูนย์>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px; font-family:official script">หัวเรื่อง</font></font></font>
</center></td>คุณคิดว่าโค้ดนี้หน้าตาเป็นอย่างไร? </font></p></center></div></td>
<td align="center" class="css_id">
<font color="#FFA76C" style="font-size:14px;font-family:official script">หัวเรื่อง</font>
คุณคิดว่ารหัสนี้มีลักษณะอย่างไร </td>