• slider-image
  • slider-image
  • slider-image

4 เหตุผลหลัก ที่ควรใช้ HTML5

4 เหตุผลหลัก ที่ควรใช้ HTML5

4 เหตุผลหลัก ที่ควรใช้ HTML5

หมวดหมู่: เขียนโปรแกรมSEOHTML5 and CSS3

จากที่เราทราบกันว่าโลกนี้มันมี HTML5 เกิดขึ้นแล้ว และองค์กรใหญ่ๆในโลกไอทีก็ต่างสนับสนุน HTML5 ไม่ว่าจะเป็น Apple, Google หรือแม้กระทั่ง Microsoft และ Adobe โดยเฉพาะสำหรับ Microsoft ที่กำลังพัฒนา Windows 8 ซึงเป็นแบบ Metro ใช้ HTML5 ในการพัฒนาแอพ ยิ่งทำให้ HTML5 นั้นมีความสำคัญขึ้นอีกมากเลยทีเดียว

นอกจากนี้ HTML5 ยังมีส่วนช่วยในเรื่องของ SEO (Search Engine Optimization) ช่วยเรื่องของ Search ranking ให้ดีขึ้น และในเรื่องของการรองรับกับอุปกรณ์เช่น Mobile หรือ Tablet ได้ดีขึ้น ช่วยเพิ่มความเร็วในการประมวลผลในการโหลดเว็บไซท์ได้ ซึ่งสิ่งต่างๆเหล่านี้สำคัญมากในปัจจุบัน

ซึ่งตัว HTML5 เองนั้นก็ไม่ได้เป็น HTML Standard ที่มาตัวคนเดียวโดดๆซะเมื่อไหร่ เพราะ HTML5 นั้นได้มีการทำงานร่วมกันกับ CSS3 (Cascading Style Sheets), JavaScript, Multimedia Codecs, และ SVG (Scalable Vector Graphics) ซึ่งจะทำให้มาตรฐาน HTML ดูเปลี่ยนแปลงไปมากในแง่ของการนำเสนอด้าน Multimedia ซึ่งนั่นส่งผลกระทบถึง Flash แน่นอน : )

เรามาเข้าเรื่องถึงเหตุผล 4 ข้อหลักๆกันเลยดีกว่า ฮิๆ
1. เรื่องความเร็วในการดาวน์โหลด โดยเฉพาะสำหรับ Mobile users
ในเรื่องของ Web Design เราจะเห็น Gradient กันเยอะ ที่ใช้เป็น Background Effect หรือใช้ไล่สีกับตัวอักษรหรือกับสิ่งอื่นๆที่แสดงบนเว็บ เมื่อก่อน สมัยก่อนที่ HTML5 จะมี เราจะเห็นรูปแบบของการใช้ Gradient ที่ใช้เป็นรูปภาพแทน ซึ่งจะต้องโหลดมากกว่าที่ใช้ CSS3 ตกแต่งเอาในปัจจุบันที่มี HTML5 แล้ว ซึ่งในปัจจุบัน Browser หลักรุ่นล่าสุดทุกตัวรองรับ CSS3 ในส่วนของ Gradient แล้ว ซึ่งช่วยได้มากในเรื่องของการโหลดข้อมูล จากที่โหลดรูปมาเป็นโหลด Text แทน ซึ่งหากจะเปรียบเทียบกับแบบดั้งเดิม การใช้ CSS3 ตกแต่ง Gradient จะใช้เพียงไม่กี่ร้อย Bytes แต่หากเป็น Image file แทนจะใช้ถึงพัน Bytes ซึ่งการโหลดมากน้อยนี่จะส่งผลกับพวก mobile เยอะครับ ทั้งค่าบริการที่ใช้ หากใครจ่ายเป็น Data รวมถึง Internet ทั่วๆไป แต่ที่ชัดเจนที่สุดคือความเร็วครับ Data โหลดน้อยกว่า ก็เร็วกว่าครับ อีกทั้งยังสามารถควบคุมได้ง่ายกับหน้าจอหลากหลายขนาดด้วย ซึ่ง CSS3 จัดการได้หมด ในเรื่อง Responsive Design
สรุปของข้อนี้คือ การใช้ CSS3 มาแทนการใช้รูปภาพแบบดั้งเดิมโดยเฉพาะในส่วนของ Gradient ที่เป็นที่นิยมกัน ทำให้โหลดน้อยลง เร็วขึ้น ดูแลรักษาง่าย และ Port ใช้กับ Mobile ได้ง่ายขึ้น ส่วนสำหรับการจัดการแล้ว สะดวกมากสำหรับนักพัฒนาหรือโปรแกรมเมอร์ที่สามารถจัดการกับ Source Code ได้เลยโดยไม่ต้องพึ่งพา Graphic Designer หรือลดขั้นตอนการพัฒนาและการบำรุงรักษาได้มากขึ้นจากเมื่อก่อน เรื่องพื้นๆครับ แต่เห็นผลชัดเจน แค่เรื่องรูปภาพกับตัวหนังสือ : )

2. SEO ดีขึ้น
ต่อเนื่องจากเรื่อง CSS3 ที่ใช้การเขียน Code CSS แทนการใช้รูปภาพไปแล้ว จาก Code เราเห็นอะไร? เราเห็นความเป็น Semantic เราสามารถรู้ได้ว่า เว็บนี้มีสีสันเป็นอย่างไร ซึ่งนั่นก็สื่อความหมายแล้ว การที่ Text ต่างจาก Image file อย่างหนึ่งก็คือมันสามารถเข้ากับระบบ Source Code Control System (SCCS) ที่สามารถอ่านจากตัว Source Code ได้เลยซึ่งง่ายกว่าจากตัว Image file เนื่องจากสามารถเอามาแปลความหมายได้ง่ายกว่า อีกทั้งใน HTML5 ยังมี Tags ใหม่ๆมากมายที่ใช้สื่อความหมายสิ่งต่างๆที่อยู่บนเว็บ เช่น header, nav, section, aside, footer และอื่นๆ ซึ่งก็ช่วยให้สามารถอ่านได้ง่ายขึ้น มีความเป็น Semantic มากขึ้นกว่าเดิม ให้รู้ว่าส่วนไหนคืออะไร ทำหน้าที่อะไร

3. ความสามารถในเรื่องการสร้าง Animation, Graphics 2D, 3D บนเว็บ
จากที่เมื่อก่อนเราทราบกันดีว่า งานด้าน Multimedia การสร้าง Animation บนเว็บไซท์ หรือเล่น Video หรืออื่นๆที่เกี่ยวกับ Multimedia ไม่มีใครเกิน Flash จนแทบจะเรียกได้ว่า ยังไงก็โค่น Flash ไม่ลงเลยทีเดียว แต่ตอนนี้ HTML5 สามารถทำได้ ร่วมกับ SVG, CSS3 และ JavaScript ก็สามาถสร้าง Graphic Animation บนเว็บไซท์ได้เหมือนกัน หรือจะเป็นงาน Multimedia อื่นๆบนเว็บ ยกตัวอย่างการสร้างงานกราฟฟิกบนเว็บ จะสร้างใน Tag ชื่อ canvas ซึ่งสามารถสร้างได้ทั้งแบบ 2มิติ และ 3มิติ อีกทั้งปัจจุบันยังมี WebGL เข้ามาช่วยในเรื่องของสามมิติที่ทำงานบน canvas ของ HTML5 ทำให้เราทำอะไรได้อีกมากมาย สามารถเล่นเกมสามมิติบนเว็บได้ และอื่นๆอีกมากมาย สำหรับ Video ก็มี Tag คือ video และ audio มา ทำให้เราสามารถเล่นเพลงหรือเล่นวีดิโอบนเว็บได้โดยไม่ต้องพึ่ง Plugin Flash อีกต่อไป ถึงแม้ว่าปัจจุบันบางเบราว์เซอร์ยังไม่รองรับ Tags ที่เกี่ยวกับงานด้าน Multimedia มากนัก แต่ในอนาคตจะรองรับหมดแน่นอน อย่างน้อยที่สุด SVG ก็รองรับทั้งหมดกันทุกเบราว์เซอร์ซึ่งมีมานานแล้ว แต่หลังจากมี HTML5 เข้ามา มีลูกเล่นเพิ่มเติมขึ้นมามากมายที่เดียวสำหรับการเล่นกับสิ่งพวกนี้ ทั้ง CSS3 และ JavaScript เข้าไปเสริมเพิ่มเติมเข้าไป สนุกเลยครับ

4. ง่ายและสะดวกต่อการทำ Web Application โดยเฉพาะ Mobile Apps
จากคุณสมบัติของ HTML5 ที่ได้อ่านกันมาตั้งแต่ข้อแรก ทำให้เห็นว่ามันเหมาะสมกับทั้ง Web Application และสามารถนำมาประยุกต์ใช้ได้กับ Mobile Apps ซึ่งก็สามารถ Build จากตัว HTML5 ได้เลย ซึ่งมี API หลายตัวที่รองรับเช่น PhoneGap, Sencha, jQuery Mobile และอื่นๆ หรือเราจะไม่ Build เป็น Native App ก็ย่อมได้ เนื่องจาก HTML5 ยังมีคุณสมบัติที่สามารถพัฒนาให้เป็นแบบ Responsive Design ได้ จากความสามารถของ CSS3 ซึ่งหากไม่เป็น Native App แล้วก็จะมีความได้เปรียบได้เรื่องของ Search Engine ที่จะหาเราเจอได้ เนื่องจากมันก็ยังมีคุณสมบัติเป็นเว็บอยู่ และสามารถเข้ากับ Mobile/Tablet ได้ อีกทั้งผู้ใช้ยังสามารถเข้าถึงได้โดยไม่ต้อง Install เข้าไปก่อนเลย และยังง่ายต่อการพัฒนามากกว่า คุณสมบัติอีกตัวหนึ่งของ HTML5 ก็คือ Offline Web Apps ซึ่งสามารถทำงานแบบ Offline ได้อีกด้วยครับ

 

 

 

ที่มา https://hassadee.com

user
โดย Admin ITGenius
เข้าชม 1,965 ครั้ง

คำค้นหา : HTML5ความสำคัญของ HTML5Browser รองรับ CSS3Search Engine Optimizationการสร้าง Animationการสร้างงานกราฟฟิกบนเว็บTag