หลีกเลี่ยงไม่ได้ที่จะประสบปัญหาต่างๆ ในการผลิตเว็บไซต์ WEB ต่อไปนี้คือปัญหาบางส่วนที่พบในระหว่างการพัฒนาและประสบการณ์และประสบการณ์เพื่อหลีกเลี่ยงการออกนอกเส้นทาง
1. ไฟล์ xml ควรเข้ารหัสเป็น utf-8 ให้ได้มากที่สุด ไม่สามารถจัดเก็บอักขระบางตัวใน gb2312 ได้ เช่น ? แม้ว่าจะสามารถบันทึกได้ แต่ก็ต้องแปลงไฟล์ ซึ่งยุ่งยากกว่า ยังเป็นไปตามมาตรฐานสากลอีกด้วย
2. pseudo-class :hover ใน CSS จะไม่ถูกต้องหากวางไว้ข้างหน้า :visited
3. หากแท็ก <a> ไม่มีแอตทริบิวต์ href คลาสหลอก CSS ทั้งหมดเช่น:hover จะไม่ถูกต้อง
4. การอ้างอิงในรูปแบบของ document.wirte("<script language='javascript' src='" + file + "'></" + "script>" ถูกใช้ในไฟล์ js และเส้นทางสัมพัทธ์ของ ไฟล์อ้างถึง js เส้นทางของ html
ตัวอย่างเช่น a.htm อ้างถึง xb.js และ b.js อ้างถึง xc.js ดังนั้นไฟล์ควรเป็น xc.js แทนที่จะเป็นโดยตรง path c.js สัมพันธ์กับ b.js และ css การอ้างอิง @import, url() ในเพจไม่มีปัญหานี้
5. บนเพจ บางครั้งการตั้งค่าความกว้างของ talbe เป็น 100% จะทำให้มีแถบเลื่อนเหลืออยู่ เว้นว่างไว้ทางด้านขวา โปรดตั้งค่า <body style="overflow:auto">
6. สำหรับรูปภาพที่ใช้กันทั่วไป อย่าใช้แท็ก img รูปภาพไดนามิก (เลื่อนขึ้นเพื่อเปลี่ยนพื้นหลัง) วิธีที่ดีที่สุดคือใช้ <a> โดยไม่ต้องเขียนโค้ดเพิ่มเติม เพียงใช้ pseudo-class:hover ข้อดีของการใช้ css คือคุณสามารถเปลี่ยนแปลงทุกอย่างได้ในคราวเดียว สามารถใช้ได้ดีในแอปพลิเคชันที่เปลี่ยนแปลงสกิน
7. @font-face {font-family:comic;src:url. ( http://valid_url/some_font_file.eot );}
กำหนดชื่อแบบอักษรที่ไม่สามารถใช้ได้ในเครื่อง และเรียก <span style="font-family:comic;font-size:18pt>aa</span>
8. CSS หลายตัว
ด้านล่างนี้คือตัวอย่างที่ยกมา:
div { ล้น: ซ่อนข้อความล้น: จุดไข่ปลา;
td { แนวตั้ง: ตรงกลาง; }
หากต้องการบังคับให้เกิดโอเวอร์โฟลว์และใช้ค่าจุดไข่ปลา ผู้เขียนจะต้องตั้งค่าคุณสมบัติช่องว่างของวัตถุเป็น nowrap
หากไม่มีโอกาสในการขึ้นบรรทัดใหม่ (เช่น ความกว้างของคอนเทนเนอร์ออบเจ็กต์แคบและมีข้อความยาวโดยไม่มีการขึ้นบรรทัดใหม่) ก็เป็นไปได้ที่จะล้นโดยไม่ต้องใช้ nowrap
หากต้องการใช้ค่าจุดไข่ปลา คุณสมบัตินี้จะต้องตั้งค่าเป็นออบเจ็กต์ที่มีพื้นที่มองไม่เห็น ตัวเลือกที่ดีที่สุดคือการตั้งค่าคุณสมบัติโอเวอร์โฟลว์เป็นซ่อน
9. document.createElement ของ Firefox ไม่รองรับแท็ก HTML ในเนื้อหา และไม่รองรับข้อความภายใน แต่รองรับ innerHTML และคุณสามารถใช้ innerHTML เพื่อระบุเนื้อหาได้
10. ความกว้างของ DropDownList ใน .net ไม่มีสีใน Firefox คุณต้องกำหนด style='width:10px;' โดยตรง
11. เคอร์เซอร์ CSS ใน Firefox ไม่รองรับมือ ดังนั้นให้ใช้ตัวชี้แทน
12. แถบเลื่อนใน iframe จำเป็นต้องตั้งค่า style='overflow:hidden' ในแท็ก iframe ไม่สามารถตั้งค่าได้เฉพาะในส่วนเนื้อหาเท่านั้น ซึ่งจะทำให้เกิดปัญหาใน Firefox
13. ในระหว่างเหตุการณ์ onpropertychange ให้ใส่ใจกับการใช้ event.propertyName เพื่อกรองเหตุการณ์การเปลี่ยนแปลงคุณสมบัติ เมื่อตั้งค่าเหตุการณ์นี้ แอตทริบิวต์ onpropertychange ได้ถูกเปลี่ยนแปลงจริง ๆ ดังนั้นมันจะถูกดำเนินการโดยอัตโนมัติ
14. เวอร์ชันที่รองรับ XSL ใน js5.6 ค่อนข้างต่ำ เช่น ไม่รองรับฟังก์ชันเอกสาร
15. ฟังก์ชันสไลซ์ช้ากว่าการวนซ้ำโดยตรงเพื่อรับแฟรกเมนต์ของอาร์เรย์
16. เมื่อ nextSibling ได้รับอ็อบเจ็กต์ถัดไป โปรดทราบว่าไม่ควรมีช่องว่างระหว่างสองโหนด ไม่เช่นนั้นอาจล้มเหลวในการรับอ็อบเจ็กต์ที่ถูกต้องได้ง่าย
17. เมื่อ CreateTextFile มีอักขระภาษาจีน จะต้องระบุพารามิเตอร์ที่สามให้เป็นจริง มิฉะนั้น จะไม่สามารถเขียนอักขระภาษาจีนได้ และ Write จะรายงานข้อผิดพลาด
18. เมื่อบันทึกข้อความภาษาจีน ให้ใช้ ADODB.stream แทน fso เนื่องจาก FSO ไม่รองรับรูปแบบ utf-8