เปรียบเทียบ HTML5 กับ HTML HTML คืออะไร? HTML เป็นภาษาสำหรับอธิบายหน้าเว็บ HTML ย่อมาจาก Hyper Text Markup Language HTML ไม่ได้เป็นภาษาการเขียนเชิงโปรแกรม แต่เป็นภาษาที่ใช้มาร์คอัป (Markup Language) ข้อมูล ภาษามาร์คอัป (Markup Language) จะเป็นชุดคำสั่งแท็ก (tags) ที่ใช้ในการมาร์กอัป (Markup) HTML จะใช้แท็ก markup ในการอธิบายหรือแสดงข้อมูบนหน้าเว็บ Tags HTML HTML markup tags มักจะเรียกว่า แท็ก (tags) แท็กคำหลักจะล้อมรอบด้วยวงเล็บมุม เช่น <html> แท็กปกติจะมาเป็นคู่กัน เช่น <b> และ </ b> แท็กแรกในคู่จะเป็นแท็กเริ่มต้นคำสั่ง และแท็กที่สองจะเป็นแท็กสิ้นสุดคำสั่ง แท็กเริ่มต้นคำสั่งและแท็กสิ้นสุดคำสั่ง เค้าจะเรียกกันว่า แท็กเปิด และ แท็กปิด เอกสาร HTML ก็คือหน้าเว็บ เอกสาร HTML อธิบายข้อมูลบนหน้าเว็บ เอกสาร HTML มีทั้งคำสั้งแท็ก (Tags) และข้อความธรรมดา เอกสาร HTML จะเรียกกันว่า หน้าเว็บ ตามหลักของเว็บเบราเซอร์แล้ว (เช่น Internet Explorer หรือ Firefox หรือ Chrom หรือ อื่นๆ) สามารถอ่านเอกสาร HTML ได้โดยตรงและแสดงผลได้ตามหน้าเว็บนั้น โดยเบราว์เซอร์จะไม่แสดงแท็ก (tags) แต่จะใช้แท็กในการแปลหน้าเนื้อหาของหน้าเว็บนั้นๆ ลักษณะของคำสั่งแท็กที่ใช้ในการจัดการแสดงหรืออธิบายเนื้อหาบนหน้าเว็บที่อยู่ในเอกสาร HTML จะมีลักษณะตามตัวอย่างข้างล่างนี้ โค๊ด: <html> <body> <h1>My Heading</h1> <p>My paragraph</p> </body> </html> อธิบายตัวอย่างข้างบน ข้อความระหว่างแท็ก <html> และ </ html> จะใช้ในการอธิบายหน้าเว็บ ข้อความระหว่างแท็ก <body> และ </body> คือ ส่วนเนื้อหาที่มองเห็นบนหน้าเว็บ ข้อความระหว่างแท็ก <h1> และ </ h1> จะแสดงเป็นหัวข้อ ข้อความระหว่างแท็ก <p> และ> </ p> จะปรากฏเป็นขึ้นย่อหน้าใหม่ HTML5 HTML5 เป็นอะไรHTML5 เป็นรุ่นถัดไปของ HTML HTML5 จะเป็นมาตรฐานใหม่สำหรับ HTML, XHTML และ HTML DOM HTML รุ่นก่อนหน้ามาในปี 1999 ก็มีการเปลี่ยนแปลงมากตั้งแต่นั้นมา HTML5 ยังคงยังมีความก้าวหน้าในการทำงาน แต่อย่างไรก็ตาม เบราว์เซอร์ที่ทันสมัยที่สุดก็มีการสนับสนุนการทำงานของ HTML5 บ้างแล้ว HTML5 เกิดขึ้นได้อย่างไร? HTML5 ถือกำเนิดขึ้นด้วยความร่วมมือกันระหว่าง World Wide Web Consortium (W3C) และ Web Hypertext Application Technology Working Group (WHATWG) WHATWG ได้ทำงานเกี่ยวกับรูปแบบฟอร์มของเว็บและแอพพลิเคชั่น และ W3C ได้ทำงานเกี่ยวกับ XHTML 2.0 ในปี 2006 พวกเขาตัดสินใจที่จะร่วมมือกันและสร้างเวอร์ชันใหม่ของภาษา HTML กฎสำหรับ HTML5 บางส่วนที่ได้ตั้งไว้ คือ คุณลักษณะใหม่ควรขึ้นกับ HTML, CSS, DOM และ JavaScript เป็นหลัก ลดความจำเป็นสำหรับปลั๊กอินภายนอก (เช่น Flash) การจัดการข้อผิดพลาดที่ดีขึ้น Markup จำนวนมากใช้แทนที่สคริปต์ HTML5 ควรจะเป็นอุปกรณ์ที่มีความเป็นอิสระ การพัฒนาควรมองเห็นต่อสาธารณะ คุณลักษณะใหม่เด่นๆ (New Features) คุณสมบัติใหม่บางส่วนที่น่าสนใจที่สุดของ HTML5 Semantic Markup โค้ดเป็นระเบียบทำให้ Search Engine เก็บข้อมูลได้ง่าย Form Enhancement เพิ่มประสิทธิภาพของฟอร์ม sound/Video หลายคนอาจเคยได้ยินเรื่องที่ว่า HTML5 Video จะมาแทน Flash Video (.flv) Canvas เอาไว้วาดรูป ตกแต่งรูป ซึ่งว่ากันว่าอาจมาแทนการวาดรูปในแฟลช (Adobe Flash) Content Editable สามารถคลิกบนข้อความในเว็บเพื่อแก้ไขได้จากตรงนั้นเลย Drag and Drop ลากของมาวาง Persistent Data Storage การเก็บข้อมูลบนเครื่องผู้ใช้ ซึ่งสามารถเก็บได้ถึงระดับฐานข้อมูลเลยทีเดียว บราวเซอร์ที่สนับสนุน HTML 5 บราวเซอร์เวอร์ชั่นล่าสุดบางส่วนได้เริ่มรองรับการทำงานของ HTML5 แล้ว เช่นของ Safari, Chrome, Firefox และ Opera สนับสนุนคุณสมบัติในบางส่วนของ HTML5 นอกจากนี้ Internet Explorer 9 กำลังจะสนับสนุนคุณสมบัติในบางส่วนของ HTML5 HTML5 แตกต่างจาก HTML เวอร์ชั่นเดิมอย่างไร Doctype เขียนง่ายขึ้น ปกติตอนเขียน HTML เวอร์ชั่นเก่าต้องขึ้น <!DOCTYPE แล้วก็ตามด้วยรายละเอียดยาว ๆ เช่น <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> แต่พอเป็น HTML5 แล้ว จะเขียนแบบไม่มีกำหนดเวอร์ชั่น เพื่อให้นำไปใช้ได้กับเวอร์ชั่นอื่น ๆ ในอนาคต โดยเขียนแค่สั้น ๆ แบบนี้ <!DOCTYPE html> การกำหนดภาษาทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก <html> เพื่อกำหนดภาษาของหน้า ตัวอย่างเช่น <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> แต่สำหรับ HTML5 จะเหลือแค่นี้ <html lang=en> การกำหนดชุดตัวอักษรทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 ตัวอย่างเช่น <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> แต่ตอนนี้เราสามารถกำหนดได้แบบนี้ <meta charset=utf-8 /> สั้นลง ไม่ต้องมี / สำหรับแท็กเดี่ยวแล้ว แท็กเดี่ยว หมายถึงแท็กที่ไม่มีแท็กปิด เช่น <img> <input> <br> ซึ่งจะต่างกับแท็กที่เป็นแท็กเปิดปิดอย่าง <div></div> <strong></strong> โดยถ้าเป็นเมื่อก่อน แท็กเดี่ยวจะบังคับให้มี / ปิดท้าย เช่น<img /> หรือ <br /> แต่ใน HTML5 นี้แท็กเดี่ยวไม่จำเป็นต้องมี / ปิดท้ายแล้ว แท็กบางส่วนจะไม่รองรับใน HTML5 แล้ว แท็กเก่า ๆ บางส่วนจะถูกตัดทิ้งไป โดยมีดังนี้ <acronym> <applet> <basefont> <big> <center> <dir> <frame> <frameset> <noframes> <s> <strike> <tt> <u> และ <xmp> |