ทำความรู้จักกับ HTML5
ก่อนที่เราจะมาทำความรู้จักกับ HTML5 กัน ผมขอพูดถึง HTML ก่อนแล้วกันนะครับ HTML มาจากคำว่า Hyper TextMarkup Language คือภาษา markup(ภาษาคอมพิวเตอร์ที่แสดงทั้งข้อมูล และโครงสร้างหรือการแสดงผลข้อมูลเข้าไว้ด้วยกัน) ออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ สำหรับผู้ที่เป็น Programmer และผู้ที่รู้จัก HTML คงจะรู้จักกันบ้างแล้ว แต่สำรับผู้ที่ยังไม่เคยรู้จักกับ HTML ผมจะขออธิบายเรื่อง HTML ให้เข้าใจง่าย ๆ แล้วกันนะครับ HTML จะมีส่วนประกอบคือ HTML markup tags โดยปกติแล้วจะเรียกว่า HTML Tag HTML Tag เป็น keywords หรือคำสั่งที่อยู่ในวงเล็บ เช่น และรปแบบของ Web Page จะถูกกำหนดด้วย CSS (Style Sheet) ส่วนการทำ Animation ของ HTML จะใช้ Flash การแสดงผลนั้นweb browser จะอ่านข้อความจาก HTML Tag และแสดงออกมาทางเว็บเพจ
ส่วนHTML5 นั้นเป็นมาตราฐานใหม่ของ HTML ถูกพัฒนามาเพื่อให้นักพัฒนาระบบทำงานได้ง่ายขึ้น โดยการลดการใช้ Flash โดยจะใช้ภาษา Script เข้ามาช่วยในการทำงาน และนอกจากนั้นยังมี Script ของ JQuery ร่วมกับ CSS3 (Style Sheet) เข้ามาช่วยอีกด้วยครับ ทำให้ง่ายในการทำงานโดยไม่ต้องเสียเวลาสร้างStyle Sheet และ Script เองครับ
HTML5 ถูกพัฒนาเพื่อสนับสนุนงานด้าน มัลติมีเดีย ให้มีการใส่ มีเดีย ได้ง่ายขึ้น ทั้ง ภาพ วิดีโอ เสียง ฯลฯ และยังสนับสนุนการแสดงผลบน Mobile Devices
ผมจะขออธิบายลักษณะการทำงานร่วมกันของ Style Sheet กับ Script อย่างนี้แล้วกันนะครับ Style Sheet เป็นตัวกำหนดรูปแบบต่าง ๆ ขององค์ประกอบทั้งหมดว่าอยากจะให้เป็นแบบไหน ส่วน Script นั้นเป็นตัวกำหนดการทำงานว่าเมื่อเกิดเหตุการณ์ใดแล้วให้รูปแบบเปลี่ยนไปตามรูปแบบที่กำหนดใน Style Sheet ครับ ผมขอยกตัวอย่างเช่น Script กำหนดว่าเมื่อมีการนำเม้าส์ไปวางเหนือรูปภาพแล้วให้รูปภาพนั้นมีขนาดใหญ่ขึ้น ก็คือ รูปแบบของรูปภาพปกติจะใช้ Style Sheet แบบนึง ในขณะที่นำเม้าส์ไปวางเหนือรูปก็จะกำหนดให้รูปแบบของรูปไปใช้ Style Sheet อีกแบบนึงนั่นเองครับ นอกจากนี้ HTML5 ยังถูกพัฒนาขึ้นมาเพื่อรองรับ web browser และ Device ต่าง ๆ อย่างเช่น Smart Phone , ipad , iphone ได้ทุก ๆ รูปแบบอีกด้วยครับ
HTML5 มีความพิเศษกว่า HTML คือ
การเขียน Doctype เขียนได้ง่ายขึ้น (Doctype คือตัวที่บ่งบอกว่าไฟล์ที่เขียนเขียนด้วยเวอร์ชั่นอะไร) คือไม่ต้องเขียนกำหนดเวอร์ชั่น ซึ่งจะสามารถนำไปใช้กับเวอร์ชั่นใดๆก็ได้ในอนาคต
การกำหนดภาษาทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก เพื่อกำหนดภาษาของหน้า แต่สำหรับHTML5 จะเหลือแค่ :
การกำหนดภาษาทำได้ง่ายขึ้น โดยมีการเปลี่ยนรูปแบบของการกำหนดภาษาใหม่ และการกำหนดตัวอักษรก็ทำได้ง่ายขึ้น ยกตัวอย่างเช่น เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 แต่ตอนนี้เราสามารถกำหนดโดยเขียนแค่นี้:
มีการปรับรูปแบบของแท็กเดี่ยว แท็กเดี่ยว หมายถึงแท็กที่ไม่มีแท็กปิด เช่น
ซึ่ง จะต่างกับแท็กที่เป็นแท็กเปิดปิดอย่าง
โดยถ้าเป็นเมื่อก่อน แท็กเดี่ยวจะบังคับให้มี “/” ปิดท้าย เช่น
แต่ใน HTML5 นี้แท็กเดี่ยวไม่จำเป็นต้องมี “/” ปิดท้ายแล้ว
สรุปก็คือ HTML5 จะนำเอาลักษณะพิเศษของ XHTML และ HTML มารวมกัน เพื่อให้การสร้างเว็ปทำได้ง่ายและสะดวกขึ้นนั่นเองครับ
ส่วนHTML5 นั้นเป็นมาตราฐานใหม่ของ HTML ถูกพัฒนามาเพื่อให้นักพัฒนาระบบทำงานได้ง่ายขึ้น โดยการลดการใช้ Flash โดยจะใช้ภาษา Script เข้ามาช่วยในการทำงาน และนอกจากนั้นยังมี Script ของ JQuery ร่วมกับ CSS3 (Style Sheet) เข้ามาช่วยอีกด้วยครับ ทำให้ง่ายในการทำงานโดยไม่ต้องเสียเวลาสร้างStyle Sheet และ Script เองครับ
HTML5 ถูกพัฒนาเพื่อสนับสนุนงานด้าน มัลติมีเดีย ให้มีการใส่ มีเดีย ได้ง่ายขึ้น ทั้ง ภาพ วิดีโอ เสียง ฯลฯ และยังสนับสนุนการแสดงผลบน Mobile Devices
ผมจะขออธิบายลักษณะการทำงานร่วมกันของ Style Sheet กับ Script อย่างนี้แล้วกันนะครับ Style Sheet เป็นตัวกำหนดรูปแบบต่าง ๆ ขององค์ประกอบทั้งหมดว่าอยากจะให้เป็นแบบไหน ส่วน Script นั้นเป็นตัวกำหนดการทำงานว่าเมื่อเกิดเหตุการณ์ใดแล้วให้รูปแบบเปลี่ยนไปตามรูปแบบที่กำหนดใน Style Sheet ครับ ผมขอยกตัวอย่างเช่น Script กำหนดว่าเมื่อมีการนำเม้าส์ไปวางเหนือรูปภาพแล้วให้รูปภาพนั้นมีขนาดใหญ่ขึ้น ก็คือ รูปแบบของรูปภาพปกติจะใช้ Style Sheet แบบนึง ในขณะที่นำเม้าส์ไปวางเหนือรูปก็จะกำหนดให้รูปแบบของรูปไปใช้ Style Sheet อีกแบบนึงนั่นเองครับ นอกจากนี้ HTML5 ยังถูกพัฒนาขึ้นมาเพื่อรองรับ web browser และ Device ต่าง ๆ อย่างเช่น Smart Phone , ipad , iphone ได้ทุก ๆ รูปแบบอีกด้วยครับ
HTML5 มีความพิเศษกว่า HTML คือ
การเขียน Doctype เขียนได้ง่ายขึ้น (Doctype คือตัวที่บ่งบอกว่าไฟล์ที่เขียนเขียนด้วยเวอร์ชั่นอะไร) คือไม่ต้องเขียนกำหนดเวอร์ชั่น ซึ่งจะสามารถนำไปใช้กับเวอร์ชั่นใดๆก็ได้ในอนาคต
การกำหนดภาษาทำได้ง่ายขึ้น เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก เพื่อกำหนดภาษาของหน้า แต่สำหรับHTML5 จะเหลือแค่ :
การกำหนดภาษาทำได้ง่ายขึ้น โดยมีการเปลี่ยนรูปแบบของการกำหนดภาษาใหม่ และการกำหนดตัวอักษรก็ทำได้ง่ายขึ้น ยกตัวอย่างเช่น เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 แต่ตอนนี้เราสามารถกำหนดโดยเขียนแค่นี้:
มีการปรับรูปแบบของแท็กเดี่ยว แท็กเดี่ยว หมายถึงแท็กที่ไม่มีแท็กปิด เช่น
ซึ่ง จะต่างกับแท็กที่เป็นแท็กเปิดปิดอย่าง
โดยถ้าเป็นเมื่อก่อน แท็กเดี่ยวจะบังคับให้มี “/” ปิดท้าย เช่น
แต่ใน HTML5 นี้แท็กเดี่ยวไม่จำเป็นต้องมี “/” ปิดท้ายแล้ว
สรุปก็คือ HTML5 จะนำเอาลักษณะพิเศษของ XHTML และ HTML มารวมกัน เพื่อให้การสร้างเว็ปทำได้ง่ายและสะดวกขึ้นนั่นเองครับ
mindmap.doc | |
File Size: | 673 kb |
File Type: | doc |