คุณทำข้อผิดพลาดในการเขียนโค้ด HTML ในบล็อกหรือไม่?

หากคุณเป็นนักพัฒนาเว็บเพจ คุณจะต้องใช้ประโยชน์จากมันเสมอ HTML coding แต่บางครั้งคุณก็ต้องเผชิญกับข้อผิดพลาดในการเขียนโค้ดง่ายๆ ทั้งผู้เขียนโค้ดและผู้เรียนที่มีทักษะต่างก็กระทำข้อผิดพลาดในการเขียนโค้ด HTML เนื่องจากความเอาใจใส่หรือขาดประสบการณ์

Clean Code มีความสำคัญมาก เนื่องจากไม่เพียงแต่ทำให้คุณเป็นนักพัฒนาเว็บที่เชี่ยวชาญเท่านั้น แต่ยังช่วยประหยัดเวลาของคุณอีกด้วย เนื่องจากคุณไม่จำเป็นต้องแก้ไขโค้ดในภายหลัง

หากหน้าเว็บของคุณมีโค้ดที่ชัดเจน ซึ่งหมายความว่าโค้ด html ของคุณมีการกำหนดค่าที่ระบุโดย World Wide Web Consortium และรักษามาตรฐานเพื่อให้เว็บไซต์ที่ใช้อินเทอร์เน็ตปฏิบัติตาม ก็จะช่วยเพิ่มอันดับเว็บไซต์ของคุณใน Google ได้เช่นกัน

มันช่วยได้เสมอหากคุณระมัดระวังตั้งแต่เริ่มต้นและทบทวนงานของคุณก่อนโพสต์

ที่นี่คือ รายการข้อผิดพลาดในการเขียนโค้ด HTML ที่พบบ่อยที่สุด ที่เรามักทำและพบเจอ

1) DOCTYPE หายไปหรือไม่เหมาะสม

DOCTYPE หรือคำจำกัดความประเภทเอกสาร (DTD) ช่วยให้เว็บเบราว์เซอร์ของคุณระบุเวอร์ชันของ HTML ที่หน้าเว็บของคุณใช้อยู่ โค้ด HTML ควรขึ้นต้นด้วย DOCTYPE เสมอ เนื่องจากจะระบุกฎสำหรับเวอร์ชัน HTML ใดเวอร์ชันหนึ่ง

คุณควรใช้ความระมัดระวังในขณะที่พิมพ์ DOCTYPE เนื่องจากจะคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ และ DOCTYPE ที่แตกต่างกันจะอ้างอิงถึงเวอร์ชัน HTML ที่แตกต่างกัน ตรวจสอบวิดีโอนี้: ฉันจะแน่ใจได้อย่างไรว่าโค้ด HTML ของฉันไม่มีข้อผิดพลาด

 

2) มีรูปแบบ HTML ไม่ถูกต้อง

ข้อผิดพลาดที่พบบ่อยที่สุดขณะเขียนโค้ด HTML คือการจัดรูปแบบไม่ถูกต้อง เช่น ไม่มีแท็กปิด การละเครื่องหมายอัญประกาศสำหรับค่าแอตทริบิวต์ และการซ้อนแท็กที่ไม่เหมาะสม

โดยปกติแล้วส่วนใหญ่ แท็ก HTML มีทั้งแท็กเปิดและปิด เช่น และ . หากแท็กล้อมรอบเนื้อหาใดๆ ก็ควรปิดแท็กนั้น แม้ว่าจะมีข้อยกเว้นบางประการ เช่น แท็กนั้น แต่ขอแนะนำให้ปิดแท็กนั้นเสมอ เนื่องจากแท็กนั้นจะทำการแก้ไข เอกสาร HTML ได้ง่ายขึ้น.

เป็นการดีกว่าเสมอที่จะใส่เครื่องหมายคำพูดล้อมรอบค่า แม้ว่า HTML เวอร์ชันเก่าจะไม่ได้บังคับ แต่เวอร์ชันล่าสุดก็จำเป็นต้องใช้ การปิดแท็กอย่างถูกต้องก็เป็นส่วนสำคัญเช่นกัน HTML coding และควรปิดไปในทิศทางตรงกันข้ามกับที่เปิดไว้

3) แอตทริบิวต์หรือแท็กที่ไม่รองรับ

บางครั้งผู้คนมักจะใช้รหัสเช่น หรือ ที่ไม่ได้เป็นส่วนหนึ่งของ มาตรฐาน HTML. ขอย้ำอีกครั้งว่ามีการใช้แอตทริบิวต์ที่ไม่เหมาะสม เช่น แท็กที่เปลี่ยนขนาดของระยะขอบใน สำหรับเช่น HTML เวอร์ชันต่างๆ รองรับแอตทริบิวต์และแท็กประเภทต่างๆ

หากคุณต้องการแน่ใจว่าแอตทริบิวต์ใดที่เข้ากันได้กับเวอร์ชันที่คุณใช้ คุณควรตรวจสอบ HTML ของคุณด้วย HTML Validator.

4) มองเห็นการเข้ารหัสอักขระ

ชุดอักขระแต่ละชุดมีโค้ดเฉพาะ และโค้ดจะบอกเว็บเบราว์เซอร์ว่ามีการใช้ชุดอักขระใดในหน้าเว็บ ดังนั้นหน้าเว็บที่ประกอบด้วยอักขระภาษาอังกฤษจะมีชุดอักขระที่แตกต่างจากชุดอักขระจีนหรือฝรั่งเศส

เป็นผลให้การเข้ารหัสอักขระจะแนะนำเว็บเบราว์เซอร์ว่าข้อมูลประเภทใดที่จะอ่านและแสดง ในกรณีของหน้าเว็บภาษาอังกฤษส่วนใหญ่จะมีการเข้ารหัสอักขระ windows-1252 และ ISO-8859-1หมายถึงตัวอักษรภาษาอังกฤษ

5) การใช้ตัวแบ่งบรรทัดหลายบรรทัด

ไม่เหมาะสมที่จะใช้แท็กแบ่งบรรทัด เพื่อแทรกช่องว่างระหว่างบรรทัด เนื่องจากควรใช้เพื่อเพิ่มการขึ้นบรรทัดเดียวอย่างเคร่งครัด และไม่สร้างย่อหน้าและช่องว่างระหว่างองค์ประกอบ วิธีที่ถูกต้องในการใช้ตัวแบ่งบรรทัดคือ: นี่คือหนึ่งบรรทัด นี่คือบรรทัดอื่น แทน: นี่คือหนึ่งบรรทัด นี่คือบรรทัดอื่น

6) การใช้ตารางที่ไม่เหมาะสม

ตารางมักนำไปสู่การเข้ารหัส HTML ที่ไม่ถูกต้อง และเนื่องจากเบราว์เซอร์ส่วนใหญ่ไม่แสดงข้อความแสดงข้อผิดพลาดหากมีการเข้ารหัสตารางอย่างไม่เหมาะสม จึงค่อนข้างง่ายที่จะทำเช่นนั้น อย่างไรก็ตาม เทคโนโลยีอำนวยความสะดวกเข้มงวดมากเกี่ยวกับโครงสร้างโต๊ะที่ถูกต้อง ต่อไปนี้คือข้อผิดพลาดของตารางที่พบบ่อยที่สุดที่เรามักทำ:

• อย่าจบสิ้น. , หรือ แท็กหรือลงท้ายอย่างไม่ถูกต้อง
• การปิดล้อมแถวหรือเซลล์ตารางด้วยแท็กที่ใช้สำหรับการจัดรูปแบบข้อความ
• ในแต่ละแถวสร้างตารางที่มีจำนวนเซลล์ต่างกัน
• การสร้างตารางภายในองค์ประกอบแบบอินไลน์ เช่น – หรือ

7) URL ที่มีรูปแบบไม่ถูกต้อง

บางครั้งคุณอาจเห็นคำที่เชื่อมโยงและ/หรือรูปภาพ แต่ผู้อื่นไม่สามารถมองเห็นได้ คุณต้องตรวจสอบให้แน่ใจว่าไม่มีใน URL ชื่อพาธประเภท DOS เช่น C:\imageมิฉะนั้นใครก็ตามที่ติดตามลิงก์จะได้รับ Document Not Found Error 404 ขอย้ำอีกครั้งว่าจำเป็นต้องใช้เครื่องหมายทับ (/) และไม่ใช่เครื่องหมายทับด้านหลัง (\) แม้ว่าซอฟต์แวร์เซิร์ฟเวอร์บางตัวจะยอมรับทั้งสองอย่างก็ตาม จะดีกว่าหาก รักษามาตรฐาน ในกรณีของลิงก์ ส่วนขยายอาจมีปัญหา ในขณะที่การทดสอบไฟล์ชื่อ mywebpage.htm อาจทำงานได้อย่างสมบูรณ์ แต่สิ่งที่เซิร์ฟเวอร์ต้องการคือ mywebpage.html

8) มองเห็น

เป็นสิ่งสำคัญสำหรับ JavaScript ใด ๆ ที่ส่งออกข้อมูลหรือทำหน้าที่ควรมี ซึ่งนำเสนอทางเลือกหรือคำอธิบายว่า JavaScript ทำอะไรบ้าง

9) การใช้ เป็นตัวหนาและ

ในทางความหมายมันไม่ถูกต้องที่จะใช้ ตามลำดับสำหรับข้อความตัวเอียงและตัวหนา เพื่อจุดประสงค์นี้ เหมาะสมที่จะใช้คุณสมบัติ CSS สำหรับรูปแบบฟอนต์และน้ำหนักฟอนต์ และหากคุณต้องใช้สไตล์ในเอกสารเอง ก็ควรใช้ และ ทำให้ข้อความเป็นตัวเอียงและเป็นตัวหนาจะ ดีกว่า

10) ไม่มีแอตทริบิวต์ Alt ในกรณีที่มีแท็กรูปภาพ

แท็กรูปภาพจำเป็นต้องมีแอตทริบิวต์ Alt เนื่องจากจะอธิบายบริบทของรูปภาพ หากคุณใช้แอตทริบิวต์ alt โปรแกรมรวบรวมข้อมูลเว็บจะจัดประเภทเนื้อหาได้ดีขึ้น และยังช่วยให้ผู้ใช้ตัดสินใจได้ว่ารูปภาพนั้นมีความสำคัญหรือไม่อีกด้วย

รายการนี้อาจดำเนินต่อไปได้ตลอดไป แต่ประเด็นทั้งหมดนี้ก็เพียงพอแล้วที่จะทำให้คุณรู้ว่าคุณควรระวังอะไรบ้างเมื่อใช้โค้ด HTML

คุณควรตรวจสอบความถูกต้องของเพจของคุณเพื่อทำความคุ้นเคยกับข้อผิดพลาดในการเขียนโค้ด HTML ที่คุณกระทำ เพื่อที่คุณจะได้หลีกเลี่ยงไม่ให้มีการเขียนโค้ดที่สะอาดได้อย่างง่ายดาย

คุณทำผิดพลาดอะไรในบล็อก