5 ข้อผิดพลาด HTML ทั่วไปในระหว่างการก่อสร้างเว็บไซต์
1. การตั้งค่าสีพื้นหลังหน้าเว็บ
โอกาสของการผิดพลาด: สูงมาก
ความเป็นสากล: กว้างขึ้น
ความเป็นไปได้ที่จะทำผิดพลาด: ขี้เกียจ/ไม่แน่ใจ
ประมาณ 2 ปีที่แล้วฉันค้นพบว่าไม่มีสีพื้นหลังใน 21CN ฉันแจ้งให้พวกเขาทราบโดยใช้อีเมลและฉันไม่เคยทำปัญหานี้ตั้งแต่นั้นมา
คนส่วนใหญ่มีสีพื้นหลังสีขาวในหน้าต่าง แต่ถ้ามีคนอย่างฉันเป็นคนพวกเขาจะเปลี่ยนสีพื้นหลังของหน้าต่างหน้าต่างเป็นสีเทาหรือสีอื่น ๆ ด้วยวิธีนี้หากคุณไม่ได้ตั้งค่าสีพื้นหลังของหน้าเว็บคุณคิดว่าหน้าเว็บปกติจะดูเหมือนยุ่งกับคอมพิวเตอร์ของฉัน
2. การละเมิดศูนย์จัดแนว
ความน่าจะเป็นที่จะทำผิด: สูงมาก
ความเป็นสากล: กว้างมาก
ความเป็นไปได้ในการทำผิดพลาด: คิดว่าสะดวก / คิดว่าใช้งานง่าย
ในที่ทำงานมันเป็นเรื่องธรรมดาที่จะปรับเปลี่ยนและบำรุงรักษาหน้าเว็บของคนอื่นและฉันพบว่าหลายคนมีนิสัยที่ไม่ดี:
ในข้อความหรือรูปภาพในตารางคุณจะทำให้มันอยู่ตรงกลางซ้ายหรือขวาได้อย่างไร?
〈div align = ศูนย์> สวัสดีทุกคน! - 〈/div>
〈div align = center> 〈img src =/xx.gif> 〈/div>
เมื่อตารางบางส่วนมีข้อความมากมายและเนื้อหาจะถูกแบ่งออกอย่างระมัดระวังคนที่ชอบใช้วิธีนี้ (คีย์ทางลัดใน DW คือ Ctrl+Alt+C ฉันไม่รู้ว่า FP คืออะไร) มักจะใช้อย่างดุเดือด มันน่าเสียดาย เมื่อฉันพบหน้าเว็บดังกล่าวฉันมีอาการปวดหัว ทำไมฉันต้องใช้ <div> จำนวนมากเพื่อจัดกึ่งกลาง บอกฉันว่าทำไม? ตารางไม่มีแอตทริบิวต์ศูนย์กลางหรือไม่? ทำไมต้องเพิ่มรหัสขยะเหล่านี้? เมื่อแก้ไขคุณไม่สามารถลบข้อความหรือรูปภาพและล้างออกโดยอัตโนมัติ
ขอแนะนำให้ใช้ <td align = center> ไปยังศูนย์ เมื่อต้องการตำแหน่งหลายตำแหน่งให้พิจารณา <div align = center> เนื่องจากรหัสนี้ไม่ใช่เรื่องง่ายที่จะจัดการดังนั้นหากคุณสามารถใช้ตารางแทนให้ใช้ตารางแทน
3. รหัสนำกลับมาใช้ใหม่ที่ใช้ฟังก์ชันเดียวกันหรือรหัสยุ่งเหยิง
ความน่าจะเป็นของข้อผิดพลาด: ธรรมดามาก
ความเป็นสากล: ธรรมดามาก
ความเป็นไปได้ในการทำผิดพลาด: ซับซ้อนและหลากหลาย
มาดูรหัสต่อไปนี้:
〈center> 〈p> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/center> คุณคิดว่ารหัสดังกล่าวเป็นอย่างไร? 〈/ตัวอักษร> 〈/p>
ฉันไม่รู้ว่าผู้อ่านรู้สึกอย่างไร ทันทีที่ฉันเห็นรหัสดังกล่าวฉันจะมึนงงเป็นเวลาสิบวินาที จุดประสงค์ของสิบวินาทีเหล่านี้คือการหาคำที่สามารถแสดงความคิดและความรู้สึกของฉัน (ฉันหรือไม่คุณต้องการถามฉันกลับหรือไม่ขอโทษ ~~ ฉันมักจะไม่ทำผิดพลาดเพราะฉันใช้เวลาอย่างน้อยครึ่งหนึ่งของการเรียกดูรหัสบนหน้าเว็บและฉันเห็นว่ามีหลายสิ่งในรหัสที่ไม่ควรมากเกินไป)
ดูรหัสด้านบน มันใช้ 2 คลาสและ 4 ฟอนต์เพื่อกำหนด 2 ข้อความ ในความเป็นจริงปัญหาดังกล่าวมักเกิดจากการปรับเปลี่ยนอย่างต่อเนื่องของผู้คน คนที่ไม่คุ้นเคยกับรหัสนั้นขี้เกียจดูรหัสหรือไม่ชอบดูรหัสปัญหาเหล่านี้ร้ายแรงเป็นพิเศษ แน่นอนว่าในความเป็นจริงไม่มีปัญหาเมื่อคนอื่นเรียกดูหน้าเว็บนี้ แต่คนที่ดูแลมัน ......
รหัสขยะพิเศษเหล่านี้สามารถละเว้นได้อย่างสมบูรณ์ ในความเป็นจริงตัวอย่างข้างต้นไม่ร้ายแรงพอและฉันได้เห็นพวกเขาน่ากลัวยิ่งขึ้น
คำถามอื่นที่ต้องกล่าวถึงคือ 〈P> ... 〈/P> และ 〈Center> ... 〈/center> ทำไมต้องใช้พวกเขา? บอกฉันทีว่าทำไม ~~ นี่คืออะไร:
〈td> 〈div align = center>
〈ศูนย์>
〈p Align = ศูนย์> 〈/p>
〈P Align = ศูนย์> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font> 〈/font>
〈/center> 〈/td> คุณคิดว่ารหัสดังกล่าวเป็นอย่างไร? 〈/ตัวอักษร> 〈/p> 〈/center> 〈/div> 〈/td>
ฉันจะทำอะไรไม่ถูกเมื่อเห็นรหัสดังกล่าว (ทำอะไรไม่ถูกยิ่งขึ้นคือฉันมักจะเห็นมันและฉันต้องอ่านมัน) ให้ฉันทำให้ง่ายขึ้น:
〈td align = center>
〈font color =#ffa76c style = font-size: 14px; font-family: 家家> title 〈/font>
คุณคิดว่ารหัสดังกล่าวเป็นอย่างไร? 〈/td>
ดูเหมือนคุณจะรู้สึกว่าโลกเงียบกว่ามากหรือไม่? การกรอกข้อความหลังจากชื่อเรื่องสามารถกำหนดได้ในคลาสของ <td> แม้ว่าคุณจะไม่ได้ใช้ CSS ก็โอเคที่จะใช้ <.Font> พิเศษ แต่ก็ยังสดชื่นมาก
4. ตารางซ้อนกันไม่ถูกต้อง
ความน่าจะเป็นของข้อผิดพลาด: ปกติ
สากล: สากล
ความเป็นไปได้ที่จะทำผิดพลาด: ไม่รู้เรื่องนี้
ในความเป็นจริงนี่เป็นปัญหาของการตระหนักถึงถนน แต่ผู้คนยังคงสร้างปัญหาอยู่เรื่อย ๆ แบบฟอร์มที่ซ้อนกันไม่ถูกต้องอาจทำให้คุณได้ดุโดยเจ้านายในสำนักงานและทำให้คุณคิดว่าหน้าเว็บปกติไม่สามารถเปิดได้เป็นเวลา 2 หรือ 3 นาทีด้วย ADSL มาพูดคุยเกี่ยวกับปัญหาแรกก่อนซึ่งคือการทำรังตารางอย่างต่อเนื่องในตารางขนาดใหญ่ซึ่งจะชะลอความเร็วในการเปิดหน้าเว็บหน้า (แม้ว่า IE ปัจจุบันได้ปรับปรุงปัญหานี้ แต่ก็ยังไม่แนะนำให้ทำเช่นนี้) ในทางกลับกันการบำรุงรักษาและการปรับเปลี่ยนก็ไม่สะดวกอย่างยิ่ง โดยทั่วไปแล้วไม่มีปัญหากับแอปพลิเคชันที่เรียบง่ายแม้แต่เลเยอร์ 3 หรือ 4 แต่อย่าใส่เนื้อหาทั้งหมดในตารางเดียว ปัญหาที่สองคือการวางทุกอย่างไว้ในตารางขนาดใหญ่และมีรหัสเคาน์เตอร์ฟรี ฮิฮิคาดเดาว่าจะเป็นไปได้อย่างไร? อันที่จริงมันไม่ใช่เรื่องใหญ่ สิ่งที่ร้ายแรงที่สุดคือ IE ของคุณเป็นเหมือนความผิดพลาดและไม่มีอะไรปรากฏขึ้น วิธีแก้ปัญหาคือการวางตัวนับในตารางเดียวและไม่ได้อยู่ในตารางเดียวกันกับเนื้อหาอื่น ๆ
5. เมื่อเขียนการเยื้องรหัสใช้ไม่ใช่แท็บ แต่ช่องว่าง
ความน่าจะเป็นของข้อผิดพลาด: ปกติ
ความเป็นสากล: น้อยลง
ความเป็นไปได้ที่จะทำผิดพลาด: ฉันไม่รู้ว่าแท็บดีกว่า
คำถามนี้มีไว้สำหรับ JS, VBS, ASP, PHP ฯลฯ หากคุณไม่สามารถใช้แท็บคุณสามารถเขียนโปรแกรมเล็ก ๆ น้อย ๆ คุณรู้ว่าการเยื้องคืออะไรและจะเยื้องได้อย่างไร? บางคนใช้ช่องว่างบางคนใช้แท็บถ้าคุณใช้ช่องว่างจากนั้นสลับไปที่แท็บต่อจากนี้