องค์ประกอบและคุณลักษณะใหม่ของ HTML5 คือการผจญภัยและโอกาสสำหรับนักออกแบบ

การแนะนำบทความของ wulin.com (www.vevb.com): HTML5 ซึ่งมีข่าวลือว่าเป็น Killer of Flash เป็นเทคโนโลยีเครือข่ายการเปลี่ยนแปลงที่ใช้สำหรับการพัฒนาเว็บแอปพลิเคชัน

HTML5 ซึ่งกล่าวกันว่าเป็น Killer of Flash เป็นเทคโนโลยีเครือข่ายการเปลี่ยนแปลงที่ใช้สำหรับการพัฒนาเว็บแอปพลิเคชัน HTML 5 มีองค์ประกอบและแอตทริบิวต์ใหม่บางส่วนซึ่งบางส่วนมีความคล้ายคลึงกับแท็ก <div> และ <span> แต่มีความหมายบางอย่างเช่น <AV> และ <Footer> แท็กนี้จะเอื้อต่อการจัดทำดัชนีเครื่องมือค้นหาอุปกรณ์หน้าจอขนาดเล็กและผู้พิการทางสายตา ในขณะเดียวกันคุณสมบัติใหม่จะถูกจัดเตรียมไว้สำหรับองค์ประกอบการท่องเว็บอื่น ๆ ผ่านอินเทอร์เฟซมาตรฐานเช่นแท็ก <oadio> และ <video>

นอกเหนือจากอินเทอร์เฟซ DOM ดั้งเดิมแล้ว HTML5 ยังเพิ่ม API ที่มีความหลากหลายมากขึ้น:

Canvas API: API สำหรับเอาต์พุตแบบไดนามิกและกราฟิกการแสดงผลชาร์ตรูปภาพและภาพเคลื่อนไหว

เสียงและวิดีโอ HTML5: องค์ประกอบใหม่ใน HTML5 พวกเขาให้นักพัฒนาซอฟต์แวร์ที่มี API ทั่วไปรวมและสคริปต์สำหรับการประมวลผลเสียงและวิดีโอโดยไม่ต้องติดตั้งปลั๊กอินใด ๆ

การสื่อสาร APIs: ฐานรากที่สำคัญสองประการสำหรับการสร้างการสื่อสารแบบเรียลไทม์และข้ามแหล่งกำเนิด: การส่งข้อความข้ามเอกสารและ XMLHTTTPREQUEST ระดับ 2

คำอธิบายทางเทคนิคข้างต้นมีอยู่ในเอกสาร WHATWG HTML แต่ไม่ได้รวมอยู่ในเอกสาร W3C HTML5; W3C ได้อธิบายแยกต่างหากสำหรับเทคโนโลยีบางอย่างดังนั้นบทความนี้จะไม่ถูกทำซ้ำทีละรายการ

มันฟังดูเป็นเรื่องทางเทคนิคนิดหน่อยดังนั้น HTML5 จะมีผลกระทบอะไรต่อการออกแบบ? นี่คือสิ่งที่นักออกแบบเว็บไซต์และนักพัฒนาต้องพิจารณาหลังจากที่พวกเขาพูดคุยเกี่ยวกับรหัสการเขียนโปรแกรม

การยกตัวอย่างฟิลด์อินเทอร์เน็ตบนมือถือเป็นตัวอย่างในการเผชิญกับอุปกรณ์เทอร์มินัลและแพลตฟอร์มจำนวนมากนักออกแบบและนักพัฒนาต้องประนีประนอมในแง่ของการแสดงผลผลิตภัณฑ์และความสอดคล้องในประสบการณ์และเสียพลังงานไปมากในกระบวนการเติมในแพลตฟอร์ม ผลิตภัณฑ์อาจถึงระดับที่สูงขึ้น แต่ความเป็นจริงของการกระจายตัวของเทอร์มินัลมือถือ (รวมถึงฮาร์ดแวร์และซอฟต์แวร์) บล็อกความปรารถนาดี

แพลตฟอร์มการพัฒนาโทรศัพท์มือถือกระแสหลักปัจจุบัน ได้แก่ : iOS, Symbian, Linux, Palm, Blackberry, Windows Mobile, Android ฯลฯ ในหมู่พวกเขาแพลตฟอร์ม iOS จะต้องได้รับการออกแบบสำหรับความละเอียด 480*320, 960*640 และ 1024*768 ตามลำดับ ความละเอียด QVGA คือ 240*320, ความละเอียด WQVGA คือ 240*400, ความละเอียด HVGA คือ 320*480, ความละเอียด WVGA คือ 480*800, ความละเอียด FWVGA คือ 480*854 ฯลฯ ; ระบบ Symbian มีประวัติอันยาวนานและตอนนี้ส่วนใหญ่มุ่งเน้นไปที่รุ่น S60 V3 และ V5 และความละเอียดยังคงอยู่ที่ 176*208, 208*208, 240*320/320*240, 352*416/416*352 และ 800*352 และอื่น ๆ อีกมากมาย แม้จะมีแพลตฟอร์มเดียวกันความละเอียดที่แตกต่างกันจะมีความแตกต่างที่สอดคล้องกัน นอกจากนี้ผลิตภัณฑ์ไคลเอนต์จะต้องได้รับการอัปเดตและวนซ้ำอย่างต่อเนื่องจากเวอร์ชัน 1.0, เวอร์ชัน 2.0 ถึงเวอร์ชัน n.0; ทุกครั้งที่มีการพัฒนาแอพดั้งเดิมแพลตฟอร์มจะต้องวางไว้ และความจริงก็คือผู้ใช้บางคนจะไม่อัปเดตเวอร์ชันใหม่อย่างแข็งขันดังนั้นนักออกแบบและนักพัฒนาควรกังวลว่าจะได้รับการสนับสนุนเวอร์ชันเก่าก่อนหน้านี้เมื่อพัฒนาฟังก์ชั่นใหม่หรือไม่ ทวีคูณแพลตฟอร์มที่แตกต่างกันด้วยเวอร์ชันที่แตกต่างกันกำลังคนและทรัพยากรวัสดุมีการลงทุนในการทำงานของการวางแพลตฟอร์มและพลังงานในการปรับปรุงประสบการณ์การใช้งานผลิตภัณฑ์ค่อนข้าง จำกัด

ดังนั้นผู้คนจึงมีการทรมานอุปกรณ์เทอร์มินัลที่กระจัดกระจายและเริ่มตั้งตารอสิ่งที่แตกต่างจากแอพดั้งเดิม การเกิดขึ้นของเว็บแอพที่พัฒนาโดยเทคโนโลยี HTML5 ทำให้นักออกแบบและนักพัฒนามีวิสัยทัศน์ที่สดใส กระบวนการเรนเดอร์ของเทคโนโลยี HTML5 นั้นส่วนใหญ่ดำเนินการโดยเบราว์เซอร์แอปพลิเคชันที่ฝังอยู่ด้วย HTML5 Parser แอปพลิเคชันที่รองรับการเปิดบุ๊คมาร์คหรือผลิตภัณฑ์โทรศัพท์มือถือ ด้วยวิธีนี้การเปิดตัวและการอัปเดตเวอร์ชันของผลิตภัณฑ์ไม่ใช้เวลานานในการวางแพลตฟอร์มอีกต่อไป ตรรกะภายในของ applerator จะแปลง UI ของผลิตภัณฑ์เป็นอินเทอร์เฟซดั้งเดิมสำหรับแพลตฟอร์มเช่น iOS หรือ Android ในขณะเดียวกันผลิตภัณฑ์ในรูปแบบของเว็บแอปไม่ต้องการให้ผู้ใช้ดาวน์โหลดและอัปเดตและสามารถเข้าถึงเวอร์ชันล่าสุดผ่านเครือข่าย นอกจากนี้ยังอำนวยความสะดวกให้นักออกแบบและนักพัฒนาในการดีบักและแก้ไขข้อผิดพลาดและไม่มีปัญหาในการคำนึงถึงเวอร์ชันใหม่และเก่าในเวลาเดียวกันอีกต่อไป

HTML5 นั้นทรงพลังมากจนมีศักยภาพในการปรับปรุงคุณภาพของผลิตภัณฑ์อินเทอร์เน็ตและปรับปรุงสภาพแวดล้อมที่แท้จริงสำหรับนักพัฒนา ดังนั้นนักออกแบบและนักพัฒนาจำเป็นต้องเข้าใจมันตามความจำเป็น แต่นี่ไม่ได้หมายความว่านักออกแบบจะต้องทำงานและเริ่มเรียนรู้เทคโนโลยีการเขียนโปรแกรม แต่ควรพิจารณาว่าการเปลี่ยนแปลงที่ชัดเจนจะต้องทำอย่างไร HTML5 จะต้องทำการออกแบบที่เฉพาะเจาะจงและเอฟเฟกต์การออกแบบใดที่เทคโนโลยี HTML5 สามารถบรรลุได้?

ภายใต้การสนับสนุนที่ใช้งานของ บริษัท ยักษ์ใหญ่เช่น Apple, Google และ Microsoft, เทคโนโลยี HTML5 ได้ดำเนินการอย่างรวดเร็วและผลกระทบที่เว็บแอพสามารถบรรลุได้มีมากขึ้นเรื่อย ๆ เว็บแอปหลายตัวสามารถเปรียบเทียบกับแอพดั้งเดิมได้อย่างแน่นอน เบราว์เซอร์ที่ดีที่สุดสำหรับการสนับสนุน HTML5 คือ Safari และ Chrome, Firefox และ Opera นั้นไม่น่าพอใจและเบราว์เซอร์ IE มีการสนับสนุนต่ำสุด ดังที่แสดงในรูปด้านล่าง:

ทุกวันนี้เรามักจะเห็นบทความแนะนำที่เกี่ยวข้องเช่น "19 เว็บไซต์ที่พัฒนาด้วย HTML5" และ "25 Superb HTML5 Games" บนอินเทอร์เน็ต นักออกแบบมักจะใช้มันเพื่อสัมผัสกับมัน เนื่องจากข้อ จำกัด ด้านพื้นที่บทความนี้จะให้ผลิตภัณฑ์เว็บไซต์ทั่วไปเพียงไม่กี่รายการที่ใช้เทคโนโลยี HTML5 สำหรับตัวอย่าง