Thursday, December 2, 2010

แนะนำ HTML 5!!

HTML เป็นภาษาสำหรับเขียนเว็บไซต์มาช้านาน แต่ปัจจุบันด้วยเทคโนโลยีที่ก้าวล้ำ และพัฒนาอย่างต่อเนื่องทำให้ภาษา HTML ออกเวอร์ชั่นใหม่ออกมา ในเวอร์ชั่น 5 การเขียนภาษา HTML5 หากว่ามีพื้นฐานทางด้านการเขียน CSS มาอย่างต่อเนื่อง ก็จะทำให้การศึกษาง่ายขึ้น (ศึกษาการเขียน CSS ภาษาไทยได้ที่ divland.com หรือที่ ภาษาอังกฤษ w3schools.com นะ)

ทำไมต้องเขียน HTML5?
เดี๋ยวนี้เบราเซอร์ใหม่ๆ เริ่มทยอยใช้มาตราฐานใหม่กันแล้ว และสัมพันธ์กับมือถือที่ mo
bile OS ได้ปรับเปลี่ยนมาใช้รูปแบบใหม่กันแล้ว และยังแคร์ไปถึง iPad ที่ตอนนี้กระแสแรงเหลือเกิน ซึ่งทั้งหมดได้ Support HTML5 กันแล้ว

ส่วนประกอบ HTML5
แน่นอนว่า HTML, CSS, DOM, and JavaScript เอามาปั่นรวมกันเป็น HTML5 (ใครที่ศึกษา Flash AS3 ตอนนี้จะเข้าใจได้ง่าย เพราะการเขียนคล้ายๆกัน)

HTML5 มีไรใหม่?
1. สนับสนุนเรื่องการวาดภาพด้วยคำสั่ง JS
2. เขียนคำสั่งเรียก VDO หรือ Audio มาแสดงผลด้วยคำสั่งไม่กี่บรรทัด ลดการใช้ Flash ได้
3. การเขียนใช้โครงสร้างคล้ายๆ XML จะมี Eliment คำสั่งตามชื่อในส่วนที่เราต้องการ
4. เวลาเขียน ต้องเริ่มต้นด้วย แล้วตามด้วย tag ...
5. การเขียนคำสั่งสามารถตรวจสอบ Browser ที่ไม่ Support ได้ง่ายๆ


ตัวอย่างโค้ด เช่น

<!DOCTYPE HTML>
<html>
<body>

<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

</body>
</html>



ถ้า Browser ไหนไม่ Support จะแสดงผลนี้ (ประจาน ^^)

แต่ถ้าแสดงผลได้จะโชว์กรอบสีแดง ดูลักษณะ tab ก็รู้แล้วว่าอะไร ชิมิ












มี Browser อะไรบ้างที่ Support

เวอร์ชั่นใหม่ล่าสุดของ Safari, Chrome, Firefox, ส่วน Opera รวมถึง Internet Explorer 9 support แค่บางคำสั่ง และบางการทำงานเท่านั้น แต่ถ้าของมันแรง พวกไม่ Support ก็ต้องรีบปรับขบวนให้เข้ากับก๊วนชาวบ้านอยู่ดีครับ

ดังนั้นใครอยากเริ่มศึกษา ก็ใช้ Browser ดีๆ ของแ๊ก๊ง 3 ช่า Safari, Chrome, Firefox ก็แล้วกันนะครับ ^_^

No comments: