1. ความน่าจะเป็นของการทำผิดเมื่อตั้งค่าสีพื้นหลังของหน้าเว็บ
:
บ่อยมาก: ค่อนข้างกว้าง
ความเป็นไปได้ที่จะทำผิดพลาด: ขี้เกียจ/ไม่รู้
เมื่อประมาณ 2 ปีที่แล้ว ฉันพบว่าไม่ได้ตั้งค่าสีพื้นหลังเพียงครั้งเดียว เมื่อวันที่ 21cn ตอนนั้นฉันแจ้งทางอีเมลแล้ว ฉันไม่เคยประสบปัญหานี้เลย
สีพื้นหลังของหน้าต่างของคนส่วนใหญ่จะเป็นสีขาว แต่ถ้าคุณเป็นคนแบบฉัน คุณจะเปลี่ยนสีพื้นหลังของหน้าต่างหน้าต่างเป็นสีเทาหรือสีอื่น ๆ ด้วยวิธีนี้ หากคุณไม่ได้ตั้งค่าสีพื้นหลังของเว็บ หน้า สิ่งที่คุณคิดว่าเป็นหน้าเว็บปกติจะดูยุ่งเหยิงในคอมพิวเตอร์ของฉัน
2. การใช้ Align center ในทางที่ผิด (การจัดกึ่งกลางอัตโนมัติ)
ความน่าจะเป็นของข้อผิดพลาด:
ความชุกสูงมาก: ความน่าจะเป็นของข้อผิดพลาดสูงมาก
: คิดว่าสะดวก/คิดว่ามันมีประโยชน์
ในที่ทำงาน เป็นเรื่องปกติที่จะแก้ไขและบำรุงรักษาหน้าเว็บของผู้อื่น ที่หลายๆ คนมีนิสัยแย่ๆ
จะจัดข้อความหรือรูปภาพในตารางให้อยู่ตรงกลาง ซ้าย หรือขวา ได้อย่างไร?
<div align="center">สวัสดีทุกคน! - </div>
<div align="center"><img src="xx.gif"></div>
เวลามีหลายตาราง ข้อความเยอะ และเนื้อหาละเอียดมาก ผมชอบใช้วิธีนี้ (เป็นทางลัดใน DW (กุญแจสำคัญคือ Ctrl+Alt+C, FP ไม่รู้ว่ามันคืออะไร) ผู้คนมักจะใช้มันอย่างบ้าคลั่ง มากมาย <div>s เพื่อจัดกึ่งกลางมัน? บอกฉันทำไม? โต๊ะไม่มีคุณสมบัติอยู่กึ่งกลางใช่ไหม เหตุใดจึงต้องเพิ่มรหัสขยะนี้ เมื่อทำการแก้ไขพิเศษ คุณไม่สามารถลบข้อความหรือรูปภาพได้ และจะถูกล้างโดยอัตโนมัติ
ขอแนะนำให้ใช้ <td align="center"> เมื่อต้องการจัดตำแหน่งหลายตำแหน่ง ให้พิจารณาเฉพาะ <div align="center" > เนื่องจากโค้ดนี้ มันไม่ง่ายเลยที่จะจัดการ ดังนั้น ถ้าคุณสามารถใช้ตารางแทนได้ ให้ใช้ตารางแทน
3. ใช้โค้ดซ้ำที่ใช้ฟังก์ชันเดียวกันหรือโค้ดที่ยุ่งวุ่นวาย: ทั่วไปมาก
: บ่อยมาก
โอกาสเกิดข้อผิดพลาด: ซับซ้อนและหลากหลาย
มาดูโค้ดต่อไปนี้กันก่อน:
<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>
ฉันไม่รู้ว่าผู้อ่านรู้สึกอย่างไร โดยพื้นฐานแล้ว เมื่อฉันเห็นโค้ดดังกล่าว ฉันจะชาไปประมาณสิบวินาที จุดประสงค์ของสิบวินาทีนี้คือการค้นหาคำที่สามารถแสดงความคิดของฉันได้ และความรู้สึก (ฉัน คุณต้องการถามฉันกลับไหม ขออภัย~~ โดยทั่วไปฉันไม่ทำเช่นนี้เพราะฉันใช้เวลาอย่างน้อยครึ่งหนึ่งในการเรียกดูโค้ดเมื่อสร้างหน้าเว็บ ฉันสามารถบอกได้อย่างรวดเร็วว่า มีโค้ดหลายอย่างที่ไม่ควรมีอยู่)
ลองดูโค้ดด้านบนสิ มีการใช้ 2 คลาสและ 4 ฟอนต์เพื่อกำหนด 2 ข้อความ จริงๆ แล้วปัญหาดังกล่าวมักเกิดขึ้นเมื่อมีคนแก้ไขโค้ดอยู่เรื่อยๆ ขี้เกียจเกินไปที่จะตรวจสอบโค้ด หรือไม่คุ้นเคยกับโค้ด คนที่ชอบตรวจสอบโค้ดมักมีความผิดกับปัญหาเหล่านี้ แน่นอนว่า จริงๆ แล้วเวลาที่คนอื่นเปิดดูหน้าเว็บนี้ก็ไม่มีปัญหาอะไร แต่ผู้ดูแล...
รหัสขยะที่ซ้ำซ้อนเหล่านี้สามารถละเว้นได้โดยสิ้นเชิง จริงๆ แล้วตัวอย่างข้างต้นไม่ร้ายแรงพอ ฉันเคยเห็นรหัสที่น่ากลัวกว่านี้ด้วยซ้ำ
มีคำถามอีกข้อที่ต้องพูดถึงคือ <p>...</p> และ <center>...</center> ทำไมเราจึงควรใช้คำถามเหล่านี้? บอกฉันทีว่าทำไม~~ บางคนก็เป็นแบบนี้:
<td><div align="center" class="css_id">
<ศูนย์>
<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>
ดูเหมือนโลกจะเงียบลงมากใช่ไหม? ข้อความที่อยู่ด้านหลัง "title" สามารถกำหนดได้ในคลาสของ <td> แม้ว่าคุณจะไม่ได้ใช้ css แต่การใช้ <.font> เพิ่มเติมก็ไม่มีปัญหา
4. การซ้อนตารางที่ไม่ถูกต้อง
ความน่าจะเป็นของการทำผิดพลาด:
ความแพร่หลายทั่วไป: ความเป็นไปได้ทั่วไป
ของการทำผิดพลาด: ไม่รู้เรื่องนี้
จริงๆ แล้วนี่เป็นปัญหาที่พบบ่อย แต่ผู้คนยังคงทำมันผิดพลาด เจ้านายของคุณเรียกเข้าออฟฟิศแล้วดุ และคุณจะคิดว่าหน้าเว็บปกติไม่สามารถเปิดได้แม้ว่าคุณจะใช้ ADSL เป็นเวลา 2 หรือ 3 นาทีก็ตาม เรามาพูดถึงปัญหาแรกกันก่อน ซึ่งก็คือ การซ้อนตารางในตารางขนาดใหญ่อย่างต่อเนื่องจะทำให้ความเร็วในการเปิดหน้าเว็บช้าลง (แม้ว่า IE ในปัจจุบันจะปรับปรุงปัญหานี้แล้ว แต่ก็ยังไม่แนะนำให้ทำเช่นนี้) ในแง่หนึ่ง การบำรุงรักษาและแก้ไขนั้นไม่สะดวกอย่างยิ่ง โดยทั่วไปแล้ว ไม่มีปัญหากับการใช้งานแบบง่าย ๆ แม้แต่ 3 หรือ 4 เลเยอร์ แต่อย่าวางทุกอย่างลงในตาราง ปัญหาที่สองคือวางทุกอย่างลงบนโต๊ะใหญ่รวมทั้งโค้ดตัวนับฟรีด้วย อิอิ ลองเดาสิว่าจะเกิดอะไรขึ้น? จริงๆ แล้วไม่ใช่เรื่องใหญ่อะไร สิ่งที่ร้ายแรงที่สุดคือ IE ของคุณดูเหมือนจะขัดข้องและไม่มีอะไรแสดงขึ้นมา วิธีแก้ไขคือวางเคาน์เตอร์ไว้ในตารางแยกกัน ไม่ใช่ตารางเดียวกันกับเนื้อหาอื่น
5. เมื่อเขียนการเยื้องโค้ด ให้ใช้ช่องว่างแทน Tabs
ความน่าจะเป็นที่จะเกิดข้อผิดพลาด: โดย
ทั่วไป
:
มีโอกาสเกิดข้อผิดพลาดน้อยกว่า: ฉันไม่รู้ว่า Tab ดีกว่าไหม
., html ใครที่ไม่สามารถใช้ Tab และรู้วิธีเขียนโปรแกรมบางโปรแกรมจะรู้ว่าการเยื้องคืออะไร บางคนใช้ช่องว่าง บางคนใช้ Tab หากคุณใช้ช่องว่าง จากนี้ไปให้ใช้ Tab แทน
เทียนจิเยสกี้