HTML5 : The Future of Web Technology
Posted on March 31st, 2012
HTML5 and CSS3 | Tutorials, Tips, Tricks and Frameworks
การประกาศ Character Encoding, เชื่อมต่อ JavaScript และ CSS ใน HTML5
Posted on April 15th, 2012
แน่นอนครับ เรื่องของ Encoding ของภาษาอาจทำให้เราตกม้าตายได้ตั้งแต่แรก เมื่อชิ้นของของเรา แสดงผลภาษาไม่ถูกต้อง เพราะการหลงลืม หรือพลาดที่ไม่ได้ประกาศ Character Encoding ไว้
วิธีการประกาศ Character Encoding ใน HTML5 มีวิธีการประกาศดังต่อไปนี้
<meta charset = “UTF-8” />
ซึ่งเราจะเขียน <meta charset = “UTF-8” /> ไว้ระหว่า <head> Element ดังนี้
<!DOCTYPE html>
<html>
<head>
<meta charset = “UTF-8” />
</head>
<body>
</body>
</html>
ในส่วนของ <head> Element ยังเป็นพื้นที่ที่ให้เราได้ใส่ในส่วนที่ใช้เชื่อมต่อกับไฟล์ของ Javascript และ CSS ดังนี้
HTML5 Document Structure
Posted on April 15th, 2012
ในการเขียน HTML5 เราจำเป็นที่จะต้องเขียน Document Type เสียก่อน เพื่อเป็นการบอกให้ Web Browser รู้ว่า เอกสารฉบับนี้ เป็น HTML5 นะ ซึ่งถือเป็นพื้นฐานแรกที่ต้องทำก่อนเป็นอันดับแรก
เรามาเปรียบเทียบ Document Type ระหว่าง HTML4 กับ HTML5 กันดีกว่าครับ วิธีการเขียน Document Type ของ HTML4 กับ HTML5 มีดังนี้
HTML4 Document Type
<!DOCTYPE HTML PUBLIC “-//W3C/DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
Hello! HTML5
Posted on March 31st, 2012
HTML5 คำๆ นี้ เราได้ยินหลายๆคน พูดกรอกหูเราทุกวันว่า มันคือ “เทคโนโลยีแห่งอนาคต” มันเป็นสิ่งที่หลายๆ คนกำลังจับตามอง และลงมือทำ งานหลายๆ ชิ้นที่ออกสู่สายตาของเรา ที่เราเห็นว่า “เจ๋ง” “สุดยอด” เขาบอกว่า มันพัฒนาจาก HTML5
แล้ว HTML5 จริงๆ มันคืออะไร มันต่างจาก HTML4 หรือไม่? ดูจะเป็นคำถามที่ถาโถมเข้ามาในสมองเรา หลายคนจึงพักมันไว้ และอีกหลายคนกับค้นหาคำตอบ ในหนังสือเล่มนี้ เป็นอีกหนึ่งคำตอบที่รอคอยให้เราทุกคนเข้ามาค้นหา ว่าจริงๆ แล้ว HTML5 คืออะไรกันแน่!
HTML5 กับมาตรฐานใหม่ของเว็บไซต์
จากการนั่งๆ นอนๆ อ่าน HTML5 Spec Overview (http://dev.w3.org/html5/spec/Overview.html) ทำให้เรามอง HTML5 เป็นภาคต่อของ HTML4 ที่เราใช้งานกัน แต่มีความสามารถในทางการทำงานมากขึ้น โดย Spec ส่วนใหญ่จะมองไปที่คุณลักษณะ (Features) และไวยกรณ์ (Syntax) ของตัวภาษา HTML5 แต่ขณะที่เขียนอยู่นี้ ยังไม่เสร็จ เราคงต้องรอต่อไปว่าจะเป็นอย่างไร แต่หลายๆ ฝ่ายก็ได้เริ่มลงไม้ลงมือเขียนกันทั่วบ้านทั่วเมืองแล้ว
แต่อีกนัยหนึ่งแล้ว HTML5 มันไม่ได้เป็นเพียงภาษาภาคต่อ แต่มันถูกวางตัวให้เป็น “เทคโนโลยีแห่งอนาคต” ซึ่งสามารถทำให้ Website Technology เทียบเท่าหรือใกล้เคียงกับ Native Technology ในโลก offline เลยก็ว่าได้
HTML5 ถ้าจะยกให้เป็น เทคโนโลยีแห่งอนาคต นั้น จำเป็นที่จะต้องมีคู่หูอีกสองเทคโนโลยี นั้นคือ CSS3 และ Javascript API ซึ่งเมื่อทั้งสามได้รวมตัวกันแล้ว พลังมหาศาลจะบังเกิดขึ้นทันที