Html5 แต่เบราว์เซอร์ของคุณไม่รองรับ ใครคือแรงผลักดันเบื้องหลัง HTML5? HTML5 จะเข้ามาแทนที่ Adobe Flash หรือไม่

แน่นอนว่าหลังจากทั้งหมดที่กล่าวมา คุณจะมีคำถามว่า “ฉันจะทราบได้อย่างไรว่าเบราว์เซอร์ของฉันรองรับเวอร์ชันใหม่หรือไม่”HTML- นี่เป็นคำถามที่ดีที่ต้องการคำตอบอย่างรวดเร็ว ท้ายที่สุด ก่อนที่จะทดสอบคุณสมบัติใหม่และพิจารณาแท็กใหม่ คุณต้องค้นหาก่อนว่าสิ่งนี้เป็นไปได้หรือไม่ ตัวอย่างเช่น HTML 5 รองรับวิดีโอหรือกราฟิก อย่างไรก็ตาม การพยายามฝังวิดีโอลงในเพจไม่มีประโยชน์หากไม่ได้รับการสนับสนุนทางโปรแกรม

โชคดีที่มีแหล่งข้อมูลที่ดีบนอินเทอร์เน็ต -HTML 5 ทดสอบ. ดอทคอม ซึ่งจะช่วยคุณในสถานการณ์นี้ มันจะวิเคราะห์ข้อมูลเบราว์เซอร์ของคุณและบอกคุณว่าแท็กเวอร์ชันใหม่คืออะไรHTML5 เบราว์เซอร์รองรับและอันไหนที่ไม่รองรับ ที่นี่ คุณสามารถดูข้อมูลโดยย่อเกี่ยวกับเบราว์เซอร์อื่นๆ เปรียบเทียบข้อมูล และสรุปผลที่เหมาะสมได้

เช่น เมื่อทดสอบเบราว์เซอร์โมซิลลาไฟร์ฟอกซ์ 8.0 สำหรับระบบปฏิบัติการ อูบุนตูคผิดปกติ 1.0 ผ่านทางเว็บไซต์ www.HTML 5 ทดสอบ. ดอทคอม จำนวนคะแนนรวมอยู่ที่ 330 (+9 คะแนนโบนัส) จาก 475 คะแนน (ตารางที่ 8.1)

ถือว่าไม่มากเมื่อเทียบกับเบราว์เซอร์Googleโครเมียม16.0 มี 373 แต้ม (+15 แต้มโบนัส) แต่ค่อนข้างมากเมื่อเทียบกับเบราว์เซอร์ไมโครซอฟต์อินเทอร์เน็ตสำรวจอันดับที่ 9 มีทั้งหมด 141 แต้ม (+5 แต้มโบนัส) (ตารางที่ 8.2)

ในตาราง 8.1. ยกตัวอย่างนวัตกรรมที่มีข้อบกพร่อง เทคโนโลยีที่แสดงเป็นภาษาอังกฤษอยู่ในระหว่างการพัฒนาหรือได้รับการพัฒนาโดย W 3C เว็บไซต์ตัววิเคราะห์ยังมีลิงก์ไปยังหน้าที่เกี่ยวข้องอีกด้วย จุดอื่นๆ ทั้งหมดที่นำมาใช้ใน HTML 5 ได้รับการรองรับโดยเบราว์เซอร์ข้างต้นอย่างสมบูรณ์

ตารางที่ 8.1

ข้อมูลเบราว์เซอร์ โมซิลลา ไฟร์ฟอกซ์ 8.0

ตารางที่ 8.2

ข้อมูลเบราว์เซอร์

ในตาราง 8.2 แสดงข้อมูลสำหรับเบราว์เซอร์คอมพิวเตอร์ส่วนบุคคล แต่อย่าลืมเกี่ยวกับแท็บเล็ต และเบราว์เซอร์บนโทรศัพท์มือถือ และเบราว์เซอร์รุ่นเก่าที่ผู้คนก็สามารถใช้ได้เช่นกัน ข้อมูลเกี่ยวกับพวกเขายังมีให้ไว้ในเว็บไซต์ข้างต้นด้วย

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

นั่นเป็นเหตุผลว่าทำไม หากคุณตัดสินใจที่จะสร้างบางสิ่งที่น่าอัศจรรย์ อย่าลืมตอบคำถามว่า “สิ่งนี้จะทำงานบนเบราว์เซอร์ใดได้บ้าง” และหลังจากนั้น หลังจากชั่งน้ำหนักข้อดีข้อเสียทั้งหมดแล้วไปทำงาน

ตอนนี้, ตอนนี้คุณได้ตระหนักถึงความสำคัญของการตรวจสอบความเข้ากันได้ของเบราว์เซอร์กับมาตรฐาน HTML 5 ใหม่แล้ว เรามาดูคุณลักษณะใหม่บางประการ ได้แก่ การโต้ตอบกับข้อมูลวิดีโอและเสียง

หลายท่านทราบดีว่าอินเทอร์เน็ตกำลังเต็มไปด้วยไซต์ บล็อก และทรัพยากรอื่นๆ ที่สร้างจาก HTML5 อย่างรวดเร็ว แม้ว่าตัว HTML5 จะยังอยู่ในขั้นตอนการพัฒนาก็ตาม แต่ข้อกำหนดยังไม่ได้รับการอนุมัติและไม่ทราบแน่ชัดว่าเมื่อใด จะเกิดขึ้น. เนื่องจากเป็นกรณีนี้ การทราบว่าเบราว์เซอร์ยอดนิยมและแพร่หลายที่สุดในปัจจุบันรองรับ HTML5 ได้ดีหรือไม่ดีเพียงใด


จากข้อเท็จจริงที่ว่าเบราว์เซอร์ที่ได้รับความนิยมหรือใช้งานบ่อยที่สุดในขณะนี้ ได้แก่ Internet Explorer, Google Chrome, Mozlilla Firefox, Opera, Safari และอีกมากมาย... Maxthon มาประเมินระดับกัน รองรับ HTML5เบราว์เซอร์ยอดนิยมเหล่านี้ ในการประเมินและให้คะแนน เราจะใช้บริการทดสอบ HTML5 ที่ง่าย สะดวกที่สุด และฟรีที่สุด บริการนี้จะประเมินการสนับสนุนเบราว์เซอร์สำหรับ HTML5 ในด้านคะแนนและคะแนนโบนัส คะแนนสูงสุดคือ 500 คะแนนโบนัสคือ 15 คะแนน ในอนาคตหากมีการทดสอบใหม่เพิ่มจำนวนมากค่าเหล่านี้อาจเพิ่มขึ้นได้ หมายเหตุ: คะแนนโบนัสจะมอบให้สำหรับการสนับสนุนองค์ประกอบเสียงและวิดีโอ รวมถึงการรองรับ SVG และ MathML และจะไม่เพิ่มคะแนนโบนัสในคะแนนรวม

เอาล่ะ มาเริ่มการรีวิวกันดีกว่า เบราว์เซอร์จะถูกจัดอันดับจากมากไปน้อย

1 - แม็กซ์ธอน

ที่หนึ่งไม่ว่ามันจะแปลกแค่ไหนสำหรับบางคน ตกเป็นของ... ใช่แล้ว เบราว์เซอร์ข้ามแพลตฟอร์ม Maxthon (เวอร์ชั่น 4.0.6)!
เขาได้รับ 476 แต้มและโบนัสสูงสุด 15 แต้ม!

Maxthon ได้รับคะแนนโบนัสสำหรับ: การแยกวิเคราะห์ SVG และ MathML (+2), รองรับตัวแปลงสัญญาณวิดีโอ (+8) และตัวแปลงสัญญาณเสียง (+5)

หากคุณยังไม่คุ้นเคยกับเบราว์เซอร์ Maxthon ก็ถึงเวลาลองใช้แล้ว มันทำงานได้บน Windows, Android, Mac, iPhone และ iPad มีอินเทอร์เฟซ Russified ที่สมบูรณ์แบบทั้งเบราว์เซอร์ Maxthron และเว็บไซต์) คุณจะไม่เสียใจอย่างแน่นอนแม้ว่าเบราว์เซอร์นี้ไม่ใช่เบราว์เซอร์หลักของคุณ และคุณจะเคารพชาวจีนและผู้สร้างมันมากขึ้น :)

2 - กูเกิลโครม

อันดับที่สองซึ่งมีช่องว่างเล็กน้อยจากผู้นำตกเป็นของ Google Chrome (เวอร์ชัน 27.0)!
เขาได้รับ 463 แต้ม และ 13 แต้มโบนัส

Google Chrome ได้รับคะแนนโบนัสสำหรับ: การแยกวิเคราะห์ SVG และ MathML (+2), รองรับตัวแปลงสัญญาณวิดีโอ (+6) และตัวแปลงสัญญาณเสียง (+5)

ต่างจาก Maxthon ตรงที่รองรับคำบรรยาย แต่ไม่รองรับแอตทริบิวต์ microdata ในแท็ก

3 - โอเปร่า

อันดับที่สามคือเบราว์เซอร์ภาษาสวีเดนซึ่งเป็นที่ชื่นชอบของหลาย ๆ คนในยุคหลังโซเวียตอย่าง Opera (เวอร์ชัน 12.15)
เขาได้รับ 404 แต้ม และ 9 แต้มโบนัส

คะแนนโบนัสที่มอบให้กับ Opera สำหรับ: การแยกวิเคราะห์ SVG และ MathML (+2), รองรับตัวแปลงสัญญาณวิดีโอ (+4) และตัวแปลงสัญญาณเสียง (+3)

ต่างจาก Google Chrome และ Maxthon ตรงที่ Opera ไม่รองรับรูปแบบเสียง MP3

4 - มอซซิลา ไฟร์ฟอกซ์

Mozilla Firefox (เวอร์ชัน 21.0) เกิดขึ้นที่สี่ น่าเสียดายที่มันยังคงล่าช้าแม้ว่าจะตามหลัง Opera เพียง 5 คะแนนเท่านั้นเพราะนี่คือเบราว์เซอร์หลักที่ฉันทำงานและผ่อนคลาย แม้ว่าเขาจะชดเชยคะแนนโบนัสที่ล่าช้าก็ตาม
เขาได้รับ 399 แต้ม และ 14 แต้มโบนัส

คะแนนโบนัสที่มอบให้กับ Mozilla Firefox สำหรับ: การแยกวิเคราะห์ SVG และ MathML (+2), รองรับตัวแปลงสัญญาณวิดีโอ (+6) และตัวแปลงสัญญาณเสียง (+6)

เช่นเดียวกับ Opera น่าเสียดายที่ยังไม่รองรับรูปแบบเสียง MP3 ยอดนิยม

5 - ไมโครซอฟต์ อินเทอร์เน็ต เอ็กซ์พลอเรอร์

อันดับที่ห้าซึ่งมีความล่าช้าอย่างมากคือ Internet Explorer (เวอร์ชัน 10.0) เช่นสำหรับฉันมันไม่แปลกแต่กลับแปลกกว่าที่เขาไม่ได้อยู่ในที่สุดท้าย :)
เขาได้รับ 320 แต้ม และ 6 แต้มโบนัส

สำหรับ IE 10 จะได้รับคะแนนโบนัสสำหรับ: การแยกวิเคราะห์ SVG และ MathML (+2) และแบบอ่อนแอ แต่อย่างน้อยก็ยังรองรับตัวแปลงสัญญาณวิดีโอ (+2) และตัวแปลงสัญญาณเสียง (+2) อยู่บ้าง

6 - ซาฟารี

อันดับที่หกสุดท้ายในการตรวจสอบของเรา ซึ่งมีความล่าช้าอย่างมากตามหลังด้านบนและแม้แต่จาก IE 10 ก็คือ Safari (เวอร์ชัน 5.1.7) ฉันยังไม่มี MAC OS อยู่ในมือ ดังนั้นฉันจึงตรวจสอบเฉพาะ Safari สำหรับ Windows เวอร์ชันล่าสุดเท่านั้น
เขาได้รับ 278 คะแนน และ 2 คะแนนโบนัส

คะแนนโบนัสจะได้รับเฉพาะสำหรับการแยกวิเคราะห์ SVG และ MathML (+2) เท่านั้น

สำหรับวิดีโอและเสียง Safari ไม่รองรับเลย (อย่างน้อยก็สำหรับ Windows เวอร์ชันล่าสุด) เมื่อจับคู่กับ IE10 แล้ว Safari นี้ไม่รองรับการเข้าถึงเว็บแคมเลย แต่เบราว์เซอร์ 4 อันดับแรกในรีวิวนี้ให้การสนับสนุนดังกล่าว

คำหลัง

นี่คือการจัดอันดับการรองรับ HTML5 จากเบราว์เซอร์ที่ใช้บ่อยหรือได้รับความนิยมมากที่สุด แน่นอนว่าบางสิ่งอาจมีการเปลี่ยนแปลงได้ในอนาคตอันใกล้นี้ เบราว์เซอร์ได้รับการปรับปรุงเป็นระยะและมีการเปิดตัวเวอร์ชันใหม่ จริงอยู่ IMHO คุณไม่ควรพึ่งพา IE และ Safari โดยดูที่ "ความพยายาม" ที่ไร้ประโยชน์ในปัจจุบัน และเพราะเหตุใด เนื่องจาก TOP 4 เป็นเบราว์เซอร์ข้ามแพลตฟอร์มที่ยอดเยี่ยมและฟรี อาจเป็นเรื่องน่าเสียดายสำหรับแฟน ๆ Opera ที่หยุดพัฒนาเอนจิ้นสำหรับ Windows ไปแล้ว

บนเว็บไซต์ html5test.com (ผู้เขียน: Niels Leenheer) คุณสามารถทดสอบเบราว์เซอร์เกือบทุกชนิด (และเวอร์ชันต่างๆ) ได้ตลอดเวลา แม้แต่เบราว์เซอร์ที่ "ทำเองที่บ้าน" เพื่อรองรับ HTML5 ที่นั่นคุณจะเห็นรายงานและตารางโดยละเอียดเพิ่มเติมพร้อมการจัดอันดับเบราว์เซอร์ที่คุณไม่มี หรือเวอร์ชันที่ล้าสมัยหรือไม่รองรับโดยระบบปฏิบัติการของคุณ (สิ่งนี้ใช้ได้กับ IE ในระดับที่สูงกว่าซึ่งยึดติดกับ Windows เหมือนเห็บและหากไม่มีการอัปเดตระบบก็ไม่สามารถ "โปรโมตได้")

ยินดีต้อนรับข้อเสนอแนะในความคิดเห็นเกี่ยวกับเบราว์เซอร์ที่นำเสนอในการให้คะแนนนี้!

ช่วงนี้ผมเริ่มได้รับคำถามสม่ำเสมอจนน่าอิจฉาจนเหลืออยู่ข้อเดียวว่า " " นอกจากนี้ ฉันเริ่มเห็นลูกค้าเลย์เอาต์จำนวนมากที่ต้องการให้เขียนทุกอย่างลงไป HTML5- และเพื่อที่จะมีคำถามน้อยลงและจะไม่มีลูกค้าที่ไม่รู้หนังสือ (ซึ่งนักต้มตุ๋นอิสระทุกประเภทมักจะชื่นชมยินดีโดยตระหนักว่าลูกค้าไม่เข้าใจอะไรเลย) ฉันจึงตัดสินใจตอบคำถาม ทำไม HTML5 ไม่ทำงาน.

ทุกอย่างง่ายมาก เพราะว่า HTMLเป็นภาษาไคลเอนต์ ดังนั้นจึงถูกดำเนินการโดยเบราว์เซอร์ แต่นักพัฒนาเบราว์เซอร์ไม่สามารถเพิ่มแท็กและฟีเจอร์ใหม่ทั้งหมดได้ในทันที ซึ่งใช้เวลานานถึงแม้จะมากก็ตาม

จากที่กล่าวข้างต้นเป็นไปตามนั้น HTML5 ใช้งานไม่ได้เพราะว่าเบราว์เซอร์ยังไม่รองรับ- แต่เทคโนโลยีนี้กำลังทยอยเปิดตัว และขณะนี้ มีแท็กที่สามารถนำมาใช้ได้ค่อนข้างมากแล้ว คุณสามารถตรวจสอบได้ว่าเบราว์เซอร์ของคุณมีความก้าวหน้าเพียงใด HTML5ที่นี่: ทดสอบเบราว์เซอร์เพื่อรองรับ HTML5 เบราว์เซอร์ของฉัน ( ไฟร์ฟอกซ์ 15.0.1) พิมพ์ 346 คะแนนซึ่งแน่นอนว่ายังห่างไกลจากการสนับสนุนอย่างเต็มที่ และฉันมีเวอร์ชันล่าสุด ไฟร์ฟอกซ์- ฉันคิดว่าสถานการณ์ไม่ดีขึ้นในเบราว์เซอร์สมัยใหม่อื่น ๆ

นอกจากนี้อย่าลืมว่าแม้ในอีกไม่กี่ปีข้างหน้าเบราว์เซอร์สมัยใหม่ทั้งหมดก็จะรองรับอย่างเต็มที่ HTML5จะยังคงมีคนจำนวนมากที่จะใช้เบราว์เซอร์รุ่นเก่า จะทำอย่างไรกับพวกเขา? เพื่อลดจำนวนเหยื่อประมาณ HTML5ฉันจะต้องลืมมันไปอีกสองสามปี และเมื่อนั้นเท่านั้นจึงจะสามารถทำเลย์เอาต์โดยใช้เทคโนโลยีนี้ได้

ฉันหวังว่าตอนนี้คุณคงเข้าใจว่าคุณสามารถเรียนได้แน่นอน HTML5แต่คุณจะไม่สามารถใช้งานได้เต็มประสิทธิภาพไม่ว่าจะเป็นการฝึกอบรมหรือการใช้งานจริง

ฉันหวังเป็นอย่างยิ่งว่าจำนวนผู้ที่ตกเป็นเหยื่อของการหลอกลวงในงานฟรีแลนซ์จะลดลง (มีการเขียนไว้ในพอร์ตโฟลิโอของหลาย ๆ คนมากเกินไป " เค้าโครงใน HTML5 ล้วนๆ" ซึ่งเป็นเท็จ)

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

ที่นี่นักข่าวนักเขียนคำโฆษณาและผู้ที่ไม่ใช่ผู้เชี่ยวชาญอื่น ๆ ในด้านการออกแบบเว็บไซต์จะพบคำตอบสำหรับคำถามเร่งด่วนที่จำเป็นต้องรู้หลักการของ HTML5 ในการทำงาน แต่ไม่มีโอกาสเจาะลึกรายละเอียดทางเทคนิคของการใช้งานนี้ ภาษาที่ยอดเยี่ยม

สิ่งสำคัญคือต้องไม่ลืมว่าสิ่งที่เรียกว่า "demo HTML" นั้นไม่มีอะไรที่เหมือนกันกับ HTML5 เลย ตัวอย่างเช่น Google Doodles จำนวนมากใช้เทคโนโลยี DHTML - HTML 4 ตั้งแต่ต้นปี 2000

เหตุใด HTML5 จึงถูกประดิษฐ์ขึ้น?

HTML4 ระเบิดที่ตะเข็บภายใต้แรงกดดันของแอปพลิเคชันประเภทใหม่ มีหลายสิ่งหลายอย่างที่ไม่พร้อมใช้งานและต้องใช้ปลั๊กอินเช่น Adobe Flash หรือ Microsoft Silverlight จำเป็นต้องใช้กลอุบายทุกประเภทเพื่อใช้เทคนิคที่ไม่ได้มาตรฐานและไม่มีเอกสารซึ่งไม่ใช่พื้นฐานที่เชื่อถือได้สำหรับไซต์ที่สร้างขึ้นเพื่อสร้างรายได้

มีเบราว์เซอร์กี่ตัวที่รองรับ HTML5

มันขึ้นอยู่กับว่าคุณมองมันอย่างไร หากเราถือว่า HTML5 พัฒนามาจาก HTML4 แสดงว่าเบราว์เซอร์ทั้งหมดรองรับคุณสมบัติ HTML5 บางอย่าง

ในทางกลับกัน หากคุณต้องการทราบว่าเบราว์เซอร์ใดที่มีคุณสมบัติทั้งหมดของแกน HTML5 ก็ไม่มีเลย พวกเขาทั้งหมดใช้บางส่วนของข้อกำหนด (ซึ่งยาวกว่า 700 หน้า) แต่ไม่มีผู้ใดสนับสนุนทุกอย่างในเวลาเดียวกัน

หากเราเพิกเฉยต่อสิ่งที่ไม่จำเป็นทั้งหมด เบราว์เซอร์สมัยใหม่ทั้งหมดจะสนับสนุน HTML5 เท่าๆ กันโดยประมาณ แม้ว่าจะเพิ่มการรองรับคุณสมบัติบางอย่างในเวลาที่ต่างกันก็ตาม

ใครคือแรงผลักดันเบื้องหลัง HTML5?

ทุกอย่างเริ่มต้นในปี 2004 ที่โอเปร่า ภายใต้การดูแลของเอียน ฮิกสัน เบราว์เซอร์อื่นๆ ค่อยๆ เข้าร่วมเข้ามา Hickson ออกจาก Opera ให้กับ Google ซึ่งเขายังคงทำงานเกี่ยวกับข้อกำหนดดังกล่าวต่อไป

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

ใครใช้ HTML5?

ผู้คนและบริษัทมากมาย: หนังสือพิมพ์บอสตันโกลบ; Nationwide Building Society, Yell.com และอื่นๆ อีกหลายร้อยรายการ HTML5gallery.com มีไซต์จำนวนมากที่ใช้เทคโนโลยี HTML5

HTML5 จะเสร็จสมบูรณ์เมื่อใด?

บางทีในปี 2012 หรืออาจจะในปี 2022 สิ่งนี้ไม่สำคัญนัก อีกสิ่งหนึ่งที่สำคัญ: ปัจจุบันเบราว์เซอร์รองรับแล้ว ดังนั้นเราจึงสามารถใช้มันได้ในวันนี้

การบอกว่าเราไม่สามารถใช้ HTML5 ได้เพราะการพัฒนายังไม่สมบูรณ์ ก็เหมือนกับการบอกว่าเราไม่สามารถพูดภาษารัสเซียได้เพราะว่ายังพัฒนาอยู่

จริงหรือไม่ที่ HTML5 เข้ากันไม่ได้กับ Internet Explorer?

เรื่องไร้สาระอย่างแน่นอน IE9 รองรับ HTML5 อย่างดี เบราว์เซอร์รุ่นเก่าสามารถเพิ่มการรองรับ API บางตัวได้โดยใช้ปลั๊กอิน JavaScript polyfilling, Flash และ Silverlight องค์ประกอบ canvas อาจทำงานไม่ถูกต้องใน IE เวอร์ชันต่ำกว่า 9 ปัญหาในเบราว์เซอร์รุ่นเก่าส่วนใหญ่เกิดจากเอ็นจิ้น JavaScript ที่ช้า หากต้องการแสดงวิดีโอในเบราว์เซอร์รุ่นเก่า คุณสามารถใช้ตัวเลือกการสำรองข้อมูลแบบ Flash ได้

เป็นที่น่าสังเกตว่าคุณลักษณะ HTML5 หลายอย่าง เช่น คุณลักษณะ contenteditable ซึ่งช่วยให้ผู้ใช้สามารถแก้ไขเนื้อหาของออบเจ็กต์ ได้รับการคิดค้นโดย Microsoft และรวมอยู่ใน IE5

จริงหรือไม่ที่ HTML5 ออกแบบมาสำหรับอุปกรณ์พกพา

ไม่ได้อย่างแน่นอน. HTML5 ขึ้นอยู่กับหลักการพัฒนาบางประการ ซึ่งหนึ่งในนั้นระบุถึงการใช้งานอย่างแพร่หลาย:

“องค์ประกอบควรได้รับการออกแบบเพื่อการใช้งานที่แพร่หลาย... องค์ประกอบควรทำงานในขอบเขตที่เป็นไปได้ ข้ามแพลตฟอร์ม อุปกรณ์ และสื่อ”

ในทางกลับกัน มีคุณสมบัติของ HTML5 ที่มีประโยชน์อย่างยิ่งในแง่ของการใช้อุปกรณ์มือถือ หากเราพิจารณา HTML5 “ของจริง” มันจะมีประโยชน์มาก เช่น เพื่อให้สามารถทำงานกับไซต์แบบออฟไลน์ต่อไปได้โดยใช้เทคโนโลยี Application Cache (“Appcache”)

ข้อดีอีกประการหนึ่งคือความสามารถในการใช้องค์ประกอบ Canvas เพื่อแสดงภาพเคลื่อนไหวบนอุปกรณ์ที่ไม่สามารถใช้ Flash ได้ด้วยเหตุผลใดก็ตาม

หากเราพิจารณา HTML5 ในแง่ของ "เทคโนโลยีซูเปอร์เว็บใหม่" ตำแหน่งทางภูมิศาสตร์ถือเป็นข้อได้เปรียบอย่างมาก

HTML5 จะเข้ามาแทนที่ Adobe Flash หรือไม่

ไม่ อย่างน้อยฉันก็หวังเช่นนั้น หลายปีที่ผ่านมา Flash ยังคงเป็นตัวเลือกเดียวในการฝังวิดีโอบนเพจ ขณะนี้ ด้วยการถือกำเนิดของ HTML5 จึงมีการแข่งขันกันระหว่างเทคโนโลยีทั้งสอง ซึ่งเหมาะสำหรับนักพัฒนา

Apple ได้ตัดสินใจที่จะไม่เปิดใช้งานการรองรับ Flash บนอุปกรณ์ iOS ซึ่งเป็นการเพิ่มประสิทธิภาพวิดีโอ HTML5 อย่างมาก อย่างไรก็ตาม เป็นที่น่าสังเกตว่า iOS ไม่ใช่แพลตฟอร์มที่ดีที่สุดสำหรับ HTML5

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

ความคิดเห็น

1. เอเมเลีย
   4 ตุลาคม 2554 เวลา 22:29 น

   html1 *ยกนิ้วให้*

   โอลก้าตอบ:
   5 ตุลาคม 2554 เวลา 11:26 น

   Wdtime.ru คำตอบ:
   20 กุมภาพันธ์ 2559 เวลา 22:32 น

   รายการแท็กโครงสร้าง HTML 5 ทั้งหมด - wdtime.ru/blog/strukturnye-tegi-html-5

2. มาการิต้า
   5 ตุลาคม 2554 เวลา 14:01 น

   Emelya เป็นคนโง่คุณไม่ได้อ่านนิทานเหรอ? :-D

3. เบเกิล
   25 พฤศจิกายน 2554 เวลา 14:47 น

   น่าเสียดายที่ผู้ใช้บางคนไม่สามารถเข้าใจว่ามีเบราว์เซอร์ที่ดีกว่า Internet Explorer :(

   โอลก้าตอบ:
   25 พฤศจิกายน 2554 เวลา 16:03 น

   อย่างไรก็ตาม กล่าวคือ มีความก้าวหน้าที่ดีมากเมื่อเร็ว ๆ นี้ในแง่ของการรองรับข้อกำหนดใหม่ เห็นได้ชัดว่าพวกเขาคว้าหัวหลังจากที่ผู้ใช้ Windows มีเบราว์เซอร์ให้เลือก :-D

   เบเกิลตอบ:
   25 พฤศจิกายน 2554 เวลา 16:11 น

ก่อนที่จะเรียนรู้แท็กใหม่ คุณควรทำความคุ้นเคยกับเครื่องมือสนับสนุนแท็กของเบราว์เซอร์ หากต้องการตรวจสอบแท็ก คุณสามารถใช้ htmlbook พร้อมภาพประกอบได้:

รองรับแท็กกลางในข้อกำหนด HTML

เป็นที่ชัดเจนว่าแท็ก

ในสเปค 5.0 ไม่รองรับ (สีชมพู) และในสเปค 4.01 รองรับบางส่วน (สีเหลือง) ตอนนี้คุณต้องใช้ CSS เพื่อจัดแนวบล็อกและรูปภาพ

คำแนะนำอย่าใช้แท็กกลางในโค้ด html5

ดังนั้น เมื่อใช้ทรัพยากรเหล่านี้ คุณสามารถนำทางไปยังการใช้แท็กที่ถูกต้องและการสนับสนุนจากเบราว์เซอร์ได้

มาดูองค์ประกอบใหม่ที่แนะนำกัน

แท็กเสียง

แท็ก

หากไม่รองรับแท็ก จะมีข้อความแสดงภายในแท็กเพื่อขอให้คุณดาวน์โหลดไฟล์โดยตรง

เบราว์เซอร์ของคุณไม่รองรับแท็กเสียง ดาวน์โหลดเพลง.

คุณลักษณะที่อธิบายไว้ในตัวอย่าง:

• ควบคุม – แสดงเครื่องเล่น หากคุณไม่ระบุ เราจะเล่นเพลงได้โดยไม่ต้องปิดเครื่อง
• เล่นอัตโนมัติ – เล่นอัตโนมัติหลังจากโหลด ห้ามใช้คุณลักษณะนี้เว้นแต่จำเป็นจริงๆ
• วนซ้ำ - การเล่นแบบวนซ้ำ

โปรดทราบว่ารูปลักษณ์ของผู้เล่นจะแตกต่างกันไปในแต่ละเบราว์เซอร์

แท็กวิดีโอ

ช่วยให้คุณสามารถฝังเครื่องเล่นวิดีโอบนหน้าเว็บโดยไม่ต้องใช้บริการของบุคคลที่สาม เหมือนกับแท็ก

"วิดีโอ/ogg; codecs="theora, vorbis""> "วิดีโอ/mp4; โคเดก="avc1.42E01E, mp4a.40.2""> "วิดีโอ/webm; codecs="vp8, vorbis""> เบราว์เซอร์ของคุณไม่รองรับแท็กวิดีโอ ดาวน์โหลดวิดีโอ

คุณสมบัติคล้ายกับแท็ก

แท็กนี้ใช้เพื่อสร้างบล็อกที่มีวิดีโอเป็นพื้นหลัง

แท็กผ้าใบ

ใช้สำหรับการวาดภาพใน HTML5 การใช้แคนวาสทำให้สามารถละทิ้งเทคโนโลยีแฟลชได้ การวาดภาพทำได้โดยใช้ JavaScript การใช้แท็ก คุณจะได้เรียนรู้ในบทเรียน JS

เบราว์เซอร์ของคุณไม่รองรับการวาดภาพ

เบราว์เซอร์ของคุณไม่รองรับการวาดภาพ

แท็กดาต้าลิสต์

ใช้เพื่อสร้างรายการดรอปดาวน์อัจฉริยะ ทำซ้ำฟังก์ชันการทำงานของรายการแบบเลื่อนลง แต่เพิ่มความสามารถในการค้นหารายการด้วยตัวอักษรที่รวมอยู่ในคำและป้อนตัวเลือกของคุณเอง เหมาะสำหรับใช้กับรายการที่ทราบรายการล่วงหน้า

ขออภัย การสนับสนุนเบราว์เซอร์มีจำกัดมาก นอกจากนี้ เบราว์เซอร์ในปัจจุบันยังแสดงพฤติกรรมที่แตกต่างไปจากเดิมอย่างสิ้นเชิงกับองค์ประกอบนี้ ในตอนนี้คุณควรงดใช้มัน

แท็กรายละเอียด

ช่วยให้คุณสร้างบล็อกที่เปิดขึ้นเมื่อคลิก ใช้ร่วมกับแท็ก

ซึ่งระบุองค์ประกอบแบบเลื่อนลง

ข้อมูลผู้เขียน เบนเดอร์ โรดริเกซ

การสนับสนุนแท็กนี้เป็นบางส่วน ด้วยเหตุนี้ ในขั้นตอนนี้ ควรใช้โซลูชันที่ใช้ JS หรือ jQuery จะดีกว่า

ป้ายมิเตอร์

ใช้เพื่อแสดงภาพช่วงของค่า ตัวอย่างการใช้งาน:

ต่ำ ปกติ ร้อนน้ำเดือด

ให้คุณตั้งค่าต่ำสุด สูงสุดของช่วง ค่าที่ถือว่าต่ำและสูง และค่าปัจจุบัน สามารถควบคุมได้โดยใช้ JS เครื่องมือที่ดีสำหรับการแสดงภาพอย่างง่าย

แท็กนำทาง

แท็กนี้ใช้เพื่อระบุการนำทางหลักของไซต์ มีรายการอยู่ภายในตัวมันเอง (แม้ว่าอาจมีองค์ประกอบอื่นๆ ก็ตาม) ตัวอย่าง: