GORAGOD.com

HTML5 และ CSS3 ตอนการเขียน HTML5

กฏการเขียน HTML5 จะว่าไปก็คล้ายกับการกลับไปเขียน HTML แบบผิดๆที่นิยมเขียนกันในแบบสมัยก่อน เพราะจุดประสงค์ของการใช้งานมาตรฐาน HTML5 ก็เพื่อให้เราสามารถเขียนโค้ดได้สั้นลง ง่ายขึ้น และมีความเป็น Semantic
 

เราสามารถ เขียน doctype ให้สั้นลงได้ เนื่องจาก HTML5 สนับสนุนเพียงแค่ doctype เดียว คือ
<!DOCTYPE html>

การกำหนดภาษา สามารถทำได้สั้นๆ ง่ายๆ เพียงแค่นี้
<meta charset="utf-8">

script และ link ไม่ต้องมี type
<script src="default.js"></script>
<link rel="stylesheet" href="style.css">

สามารถระบุ Attribute เดี่ยวๆได้ เช่น
<input type="text" readonly>

value attribute ไม่จำเป็นต้องอยู่ภายใต้เครื่องหมายฟันหนู (") ยกเว้นถ้า value นั้นๆมีช่องว่าง เช่น
<meta charset=utf-8>
<meta name="generator" content="Copyright (c) 2009 by https://www.goragod.com">

ไม่ต้องมี / ปิดท้าย tag เดี่ยวๆ อีกแล้ว เช่น
<img src=image.gif alt=demo>
<br>

 มีหลาย tag ที่หายไป และ มีหลาย tag รวมถึงหลาย attribute ที่เพิ่มเข้ามาแต่ที่สำคัญเหนือสิ่งอื่นใด คือ ต้องใช้ tag เหล่านั้นให้ถูกต้องกับความหมายของมัน (Semantic) เช่น
<nav>....ใส่ Menu ตรงนี้...</nav>
<article>...ใส่ เนื้อหา ตรงนี้...</article>

คุณสามารถตรวจสอบว่าเว็บไซต์ของคุณผ่านมาตรฐาน HTML5 หรือไม่ได้ที่ http://validator.nu/