เรียนรู้การเขียนโปรแกรม HTML5 ตั้งแต่เริ่มต้น

ปิด

เรียนรู้การเขียนโปรแกรม HTML5 ตั้งแต่เริ่มต้น

โดย : วรัญญู   บุตรรินทร์

5.0 (รีวิวทั้งหมด : 1)

ความสามารถทั้งหมดของ HTML5 สามารถอ่านได้จาก เอกสารอย่างเป็นทางการของ HTML5 (ภาษาอังกฤษ) ครับ หรือถ้าชอบอะไรง่าย ๆ สามารถอ่านได้จาก W3CSchool (ภาษาอังกฤษเช่นกัน แต่เข้าใจง่ายกว่ามาก)

0 บาท

สมัครเดี๋ยวนี้

รายละเอียดหลักสูตร

จุดเด่นของ HTML5

ความสามารถทั้งหมดของ HTML5 สามารถอ่านได้จาก เอกสารอย่างเป็นทางการของ HTML5 (ภาษาอังกฤษ) ครับ หรือถ้าชอบอะไรง่าย ๆ สามารถอ่านได้จาก W3CSchool (ภาษาอังกฤษเช่นกัน แต่เข้าใจง่ายกว่ามาก)

ความสามารถเด่น ๆ ของมันก็คือ:

• Semantic Markup: โค้ดเป็นระเบียบทำให้ Search Engine เก็บข้อมูลได้ง่าย
• Form Enhancement: เพิ่มประสิทธิภาพของฟอร์ม
• เสียง / วีดิโอ: หลายคนอาจเคยได้ยินเรื่องที่ว่า HTML5 Video จะมาแทน Flash Video (.flv)
• Canvas: เอาไว้วาดรูป ตกแต่งรูป ซึ่งว่ากันว่าอาจมาแทนการวาดรูปในแฟลช (Adobe Flash)
• ContentEditable: สามารถคลิกบนข้อความในเว็บเพื่อแก้ไขได้จากตรงนั้นเลย
• Drag and Drop: ลากของมาวาง
• Persistent Data Storage: การเก็บข้อมูลบนเครื่องผู้ใช้ ซึ่งสามารถเก็บได้ถึงระดับฐานข้อมูลเลยทีเดียว

บราวเซอร์ในรองรับ HTML5 บ้าง?

เว็บบราวเซอร์ (เช่น Internet Explorer, Firefox, Chrome etc.) เวอร์ชั่นใหม่ ๆ ได้เริ่มรองรับ HTML5 แล้ว แต่ก็ไม่ได้รองรับความสามารถทั้งหมด ดังนั้นก่อนใช้ความสามารถไหนของ HTML5 แนะนำให้ตรวจสอบจาก ตารางเปรียบเทียบการรองรับ HTML5 และ CSS3 จากบราวเซอร์ต่าง ๆ

สำหรับท่านที่มีความรู้ด้าน Javascript อยู่แล้ว สามารถใช้ไลบรารี่ Modernizr ในการตรวจสอบว่าบราวเซอร์ซัพพอร์ท HTML5 และ CSS3 หรือไม่

และหากคุณต้องการทราบว่าคุณควรจะทำเว็บไซต์รองรับบราวเซอร์ไหนดี แนะนำให้ลองไปดูที่ Browser Market Share ซึ่งมีข้อมูลเกี่ยวกับว่าในขณะนี้บราวเซอร์ตัวไหนกำลังเป็นที่นิยมมากที่สุด

HTML5 แตกต่างจาก HTML เวอร์ชั่นเก่าอย่างไร

แน่นอนว่านอกจากจะมีอะไรใหม่ ๆ ใน HTML5 แล้ว ก็มีสิ่งที่เปลี่ยนการเขียนแบบเดิม ๆ ในเวอร์ชั่นเก่าด้วย ซึ่งสิ่งหลัก ๆ ที่เปลี่ยนก็คือ:

เพื่อกำหนดภาษาของหน้า แต่สำหรับ HTML5 จะเหลือแค่นี้:

• Doctype เขียนง่ายขึ้น
  ปกติตอนเขียน HTML เวอร์ชั่นเก่าต้องขึ้น HTML5 แล้ว จะเขียนแบบไม่มีกำหนดเวอร์ชั่น เพื่อให้นำไปใช้ได้กับเวอร์ชั่นอื่น ๆ ในอนาคต โดยเขียนแค่สั้น ๆ แบบนี้:
• การกำหนดภาษาทำได้ง่ายขึ้น
  เมื่อก่อนจะต้องเขียน xmln หรือ xml:lang ในแท็ก
• การกำหนดชุดตัวอักษรทำได้ง่ายขึ้น
  เมื่อก่อนจะต้องเขียนแท็ก meta ยาว ๆ เพื่อกำหนด Character Set เป็น UTF-8 แต่ตอนนี้เราสามารถกำหนดโดยเขียนแค่นี้:
• ไม่ต้องมี “/” สำหรับแท็กเดี่ยวแล้ว

รีวิว (1)

(5.0)

สยามเว็บ2ยู

Sep 24, 2019

Wow!

รายละเอียดผู้สอน

(3.67)

คะแนนผู้สอน 3.67

รวมหลักสูตร : 3

คะแนนรวม : 3

รวมนักเรียน : 9

วรัญญู   บุตรรินทร์

Expert Django Developer

Lorem ipsum dolor sit amet, illum atomorum hendrerit te mea. At has sint vitae volumus, vix ut minimum deserunt, has corpora suavitate ea. Eam ei vidit mollis, mei no suas fugit iusto, vix nihil populo at. Id magna suscipit has, ei vis ancillae molestiae neglegentur, iuvaret numquam rationibus id pri. Saepe offendit pertinax ne ius, doming viderer referrentur nec eu.

Sit alii dicam an, iudico elaboraret quaerendum nec at. Deleniti percipit deterruisset usu ea, laoreet debitis cum id, assum mundi audire vis ea. Ad senserit interesset qui. Nec eu amet scaevola oporteat, iudico moderatius pri an. Ad eam mutat appellantur.

Copiosae antiopam cum id, eum no vivendo euripidis deseruisse, vix ad ridens inermis sadipscing. Pri eu meis voluptatum, eum case duis dissentiunt ei. Has antiopam intellegam no, sale labitur ex pri. Quo an solum velit, sumo invidunt qui ne, mea fabulas interesset ex. Tractatos molestiae vim no, no iudico fierent est.

ดูรายละเอียด