Warning: file_get_contents(/home/gcms/public_html/skin/datas/users/goro/skin/2017/amp.css): failed to open stream: No such file or directory in /home/gcms/public_html/Gcms/Amp.php on line 32
HTML5 และ CSS3 ตอนการเขียน HTML5

GORAGOD

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/