ถึงตอนนี้คุณอาจเคยได้ยินคำว่า HTML5 ในการเดินทางออนไลน์ของคุณ แต่คุณรู้หรือไม่ว่า HTML5 คืออะไรจริง ๆ ?
สิ่งสำคัญคือต้องรู้เพราะ HTML5 มีตัวเลือกเพิ่มเติมสำหรับเว็บไซต์ที่สมบูรณ์ยิ่งขึ้นพร้อมด้วยคุณสมบัติเพิ่มเติม คุณมีแนวโน้มที่จะได้ยินเรื่องนี้มากขึ้น
อันที่จริงเว็บไซต์ต่อไปของคุณอาจเขียนด้วย HTML5 ดังนั้นคุณจะได้รับการแจ้งให้ทราบเพื่อให้คุณสามารถสื่อสารกับนักพัฒนาเว็บของคุณได้อย่างเหมาะสมและพิจารณาตัวเลือกสำหรับเว็บไซต์ของคุณ
$config[code] not foundดังนั้นอะไร คือ HTML5?
HTML ได้รับรอบตั้งแต่จุดเริ่มต้นของอินเทอร์เน็ต มันเป็นภาษาที่ทำหน้าที่เป็นหน่วยการสร้างสำหรับเว็บไซต์ HTML คือรหัสที่ทำให้รูปภาพปรากฏบนหน้าเว็บจัดเรียงภาพเหล่านั้นทำให้ข้อความเป็นปกติหรือเป็นตัวหนาระบุตัวอักษรที่ควรใช้กับข้อความและอื่น ๆ อีกมากมาย
ตั้งแต่ปี 1990 เป็นต้นมา HTML มี 4 เวอร์ชัน ตอนนี้เรากำลังเปลี่ยนไปใช้เวอร์ชัน 5 ซึ่งเป็นสิ่งที่เราจะพูดถึงในวันนี้
การวางแผนสำหรับ HTML5 เริ่มต้นในปี 2004 โดย World Wide Web Consortium และอีกสิบปีต่อมามีเว็บไซต์จำนวนไม่มากที่ใช้ HTML5 นี่เป็นเพียงการแสดงให้เห็นว่ากระบวนการอัปเกรด HTML เวอร์ชันนี้ไม่ใช่สิ่งที่ค้างคืน มันใช้เวลาหลายปี (ไม่ต้องพูดถึงการโต้เถียงและกลุ่มผู้คัดค้านที่แยกตัวออก)
แต่เมื่อ HTML5 เริ่มมีการใช้กันอย่างแพร่หลาย HTML4 จะไม่ถูกนำไปฝากไว้ที่เกาะที่มีแดด HTML5 และ HTML4 นั้นถูกสร้างขึ้นมาจากกันและกันและแต่ละอันจะอยู่ร่วมกันอย่างสงบสุขด้วยกันโดยนำเอาคุณสมบัติต่างๆ
HTML4 และ HTML5 นั้นมีอยู่ร่วมกันในขณะนี้ แต่เบราว์เซอร์รุ่นเก่าบางรุ่นไม่สามารถอ่าน HTML5 ได้ (หากต้องการทดสอบว่าเบราว์เซอร์ของคุณรองรับ HTML5 หรือไม่ให้ไปที่ไซต์นี้)
ประโยชน์ของ HTML5
ดังนั้นคุณอาจจะถามว่าประโยชน์ของ HTML5 ใหม่จะเป็นอย่างไร ลองมาดูประโยชน์ที่สำคัญบางอย่าง
การจัดการปัญหาแฟลช
หากคุณมีอุปกรณ์ iOS คุณจะรู้อยู่แล้วว่าอุปกรณ์นั้นไม่สามารถใช้ Flash ได้ Android มีปัญหา Flash ของตัวเองด้วย สำหรับ Android คุณอาจต้องแก้ไขปัญหาเพื่อดูองค์ประกอบแฟลชของเว็บไซต์หรือวิดีโอแฟลช สิ่งนี้จะรบกวนการใช้งานของผู้ใช้หากบางส่วนของเว็บไซต์ยังคงอยู่นอกขอบเขตเนื่องจากความเข้ากันไม่ได้ของซอฟต์แวร์
HTML5 ช่วยให้คุณสร้างเอฟเฟกต์และภาพเคลื่อนไหวที่น่าสนใจยิ่งขึ้นรวมถึงเว็บเพจที่น่าสนใจกว่าโดยไม่จำเป็นต้องใช้ Flash HTML5 สามารถมองเห็นได้เป็น ทางเลือก เป็น Flash ไม่ใช่ การทดแทน.
เว็บไซต์ที่สมบูรณ์ยิ่งขึ้น
HTML5 จะมีศักยภาพในการทำให้เว็บไซต์เร็วขึ้นและมีการโต้ตอบมากขึ้น ตัวอย่างนี้รวมถึงการเล่นวิดีโอสตรีมบนเว็บไซต์เร็วขึ้น เว็บไซต์ต่างๆเช่น YouTube เสนอโปรแกรมเล่นวิดีโอ HTML5 แล้ว (อย่างไรก็ตามคุณจะต้องเปิดด้วยตัวเองเพราะไม่ใช่การตั้งค่าเริ่มต้น)
หรืออาจหมายถึงการเล่นเสียงบนเว็บไซต์ที่ไม่มีปลั๊กอินใช้รหัสเพื่อวาดบนเว็บไซต์ (ด้วยนิ้วหรือปากกาสไตลัส) หรือลากและวางไฟล์ลงบนเว็บไซต์ (เช่นคุณสมบัติการอัปโหลดบน WordPress)
ตัวอย่างที่ดีของ HTML5 คือการทดลองของ Chrome เว็บไซต์ที่ดำเนินการโดย Google ซึ่งแสดงให้เห็นบางสิ่งที่ HTML5 สามารถทำได้ ตัวอย่างในเว็บไซต์นี้ทำด้วยสิ่งที่เรียกว่า WebGL และนี่คือเทคโนโลยีที่เกี่ยวข้องกับ HTML5 ซึ่งสร้างวัตถุ 3 มิติและภาพเคลื่อนไหว
Better Semantic Markup
มาร์กอัปความหมายไม่ใช่การสร้าง HTML5 แต่เป็นมาระยะหนึ่งแล้ว แต่ HTML5 ได้รับการปรับปรุง
มาร์กอัปความหมายคืออะไร? ลองทำลายมันโดยไม่ใช้เทคนิคเกินไปและหลงทางในรายละเอียด ในสมัยก่อนเว็บไซต์มีข้อมูล แต่ไม่มีทางที่เครื่องมือค้นหาจะเข้าใจข้อมูลดังกล่าว มันแค่จัดทำดัชนีสิ่งที่พบ แต่ไม่มีบริบทแนบมาเพื่อให้ข้อมูลนั้นมีความหมายใด ๆ หมายเลขโทรศัพท์เป็นเพียงตัวเลขสุ่ม
อย่างไรก็ตามด้วยความหมายของมาร์กอัปข้อมูลจะถูกตีความในบริบทที่เหมาะสมดังนั้นหมายเลขโทรศัพท์จึงถูกระบุว่าเป็นหมายเลขโทรศัพท์เวลาเปิดทำการของร้านค้าจะถูกระบุเป็นเวลาเปิดทำการของร้านค้าและอื่น ๆ ทำให้เครื่องมือค้นหาสามารถเข้าใจการสืบค้นของคุณได้ดีขึ้นและให้ข้อมูลที่แม่นยำยิ่งขึ้น ดังนั้นคุณสามารถถาม Google เมื่อ Walmart ในพื้นที่ของคุณปิดและมันจะทำให้เวลา
บางทีตัวอย่างมาร์กอัปความหมายที่รู้จักกันดีที่สุดคือการประพันธ์โดย Google เมื่อใดก็ตามที่คุณค้นหาบางอย่างบน Google โพสต์บล็อกและบทความมักจะปรากฏขึ้นพร้อมกับรูปถ่ายของผู้เขียนทางด้านซ้าย
นอกจากนี้สมมติว่าคุณกำลังมองหาสำนักงานกฎหมายในนิวยอร์ก ตอนนี้มาร์กอัปความหมายในเครื่องมือค้นหามีรายละเอียดการติดต่อพร้อมด้วยเครื่องหมายที่นำคุณไปยังแผนที่ Google เพื่อขอเส้นทาง คุณสามารถอ่านบทวิจารณ์และดูหน้า Google Plus ของ บริษัท
ดังนั้นมาร์กอัปความหมายมีศักยภาพที่จะทำให้เว็บมีประโยชน์มากขึ้น มาร์กอัปแบบ Semantic อาจรวมถึงวิดีโอข้อความรับรองและรายละเอียดของผลิตภัณฑ์ที่จำหน่าย
และจำไว้ว่าการเพิ่ม Google Authorship เพื่อให้รูปภาพของคุณติดกับบทความของคุณในผลการค้นหานั้นเป็นเรื่องง่าย Google อธิบายทุกอย่างทีละขั้นตอนที่นี่
เพื่อนำสิ่งอื่น ๆ เข้าสู่ไซต์ของคุณ Search Engine Land มีโครงร่างที่ยอดเยี่ยมซึ่งมีรายละเอียดคุณสมบัติเช่นการทำเครื่องหมายที่อยู่รายละเอียดการติดต่อประเภทการชำระเงินที่ยอมรับและเวลาทำการบนเว็บไซต์ของคุณ ซึ่งให้ข้อมูลว่าคุณสามารถแสดงข้อมูลประเภทใดในผลการค้นหาเกี่ยวกับธุรกิจของคุณ
ธุรกิจสามารถเริ่มต้นกับ HTML5 ได้อย่างไร
ดังนั้นคำถามที่คุณอาจถามตอนนี้คือ“ ฉันต้องทำอะไร” สิ่งแรกที่คุณควรทำคือไม่เครียด มี ทำอะไรตอนนี้ เว็บไซต์ของคุณอาจทำงานได้อย่างสมบูรณ์แบบหากไม่มี HTML5
แต่ถ้าคุณมีธุรกิจที่ต้องพึ่งพาการออนไลน์หรือมือถือเป็นอย่างมากมันจะไม่เจ็บปวดเลยที่จะเริ่มวางแผนและเลือกตัวเลือกกับนักพัฒนาเว็บของคุณ
พิจารณาคุณสมบัติที่คุณต้องการและวิธีที่จะช่วยให้ธุรกิจของคุณ HTML5 อาจเป็นตัวเลือกที่เหมาะสมหรือไม่ที่จะนำคุณสมบัติเหล่านั้นมาสู่สถานะออนไลน์ของคุณ
แต่โปรดจำไว้ว่ามันอาจจะเป็นการต่อต้านหากลูกค้าของคุณยังไม่ได้ทำ Leland McFarland CTO ของแนวโน้มธุรกิจขนาดเล็กมีคำแนะนำเกี่ยวกับปัญหา HTML5 ทั้งหมด:
“ โปรดจำไว้ว่าลูกค้าของคุณอาจใช้เบราว์เซอร์รุ่นเก่า ไม่ใช่เพียงแค่สิ่งที่คุณหรือผู้พัฒนาต้องการเท่านั้น เป้าหมายควรทำให้เว็บไซต์ของคุณเข้าถึงผู้อ่านหรือผู้ดูได้มากเท่าที่จะทำได้ หากผู้ชมบางส่วนของคุณไม่สามารถเห็นภาพเคลื่อนไหวที่น่ารักนั้นเนื่องจากเบราว์เซอร์รุ่นเก่าคุณยังมีทางเลือกอื่นที่พวกเขาสามารถเห็นได้หรือไม่ อาจเป็นหน้าเว็บที่มีข้อความและมีรูปภาพอยู่บ้าง? ขอให้นักพัฒนาซอฟต์แวร์ของคุณสร้างทางเลือกนั้นเพื่อให้ทุกคนสามารถมีประสบการณ์ที่ดีในเว็บไซต์”
ข้อมูล Analytics ของคุณสำหรับเว็บไซต์ของคุณ (เช่น Google Analytics) ควรจะสามารถบอกประเภทของเบราว์เซอร์และอุปกรณ์ที่ผู้ชมของคุณใช้เป็นหลัก นั่นควรให้ความเห็นว่าความต้องการของผู้ชมของคุณคืออะไร สิ่งแรกที่คุณควรพิจารณาคือการมอบสิ่งที่ต้องการและจำเป็น แต่ให้พิจารณาประเภทของผู้ชมใหม่ที่คุณต้องการด้วย ชอบที่จะ ดึงดูดใจ ตัวอย่างเช่น HTML5 อาจสามารถดึงดูดและรักษาผู้คนมากขึ้นโดยใช้อุปกรณ์ Apple
HTML5 เป็นอนาคตและมีอำนาจในการเพิ่มฟังก์ชั่นเพิ่มเติมให้กับสถานะออนไลน์ของคุณ ในฐานะเจ้าของหรือผู้จัดการธุรกิจขนาดเล็กจะช่วยได้หากคุณก้าวไปข้างหน้าเรียนรู้เพิ่มเติมเกี่ยวกับ HTML5 และเริ่มวางแผนเกี่ยวกับวิธีใช้งาน
ภาพ HTML ผ่าน Shutterstock ภาพหน้าจอ
เพิ่มเติมใน: 7 ความคิดเห็นคืออะไร▼
