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