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

ป้ายมิเตอร์

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

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

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

แท็กนำทาง

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

นี่ไม่ใช่บทความสำหรับกูรูผู้ดูแลเว็บขั้นสูง และไม่ใช่สำหรับนักพัฒนาเว็บมือใหม่ด้วยซ้ำ บทความนี้มีจุดมุ่งหมายเพื่อเตือนความจำเกี่ยวกับ 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 น

อัปเดตครั้งล่าสุด: 04/08/2016

HTML (HyperText Markup Language) เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ที่ใช้เป็นหลักในการสร้างเอกสารบนอินเทอร์เน็ต HTML เริ่มต้นการเดินทางในช่วงต้นทศวรรษที่ 90 ในฐานะภาษาดั้งเดิมสำหรับการสร้างหน้าเว็บ และในขณะนี้ เป็นเรื่องยากที่จะจินตนาการถึงอินเทอร์เน็ตที่ไม่มี HTML เว็บไซต์ส่วนใหญ่ใช้ HTML ไม่ทางใดก็ทางหนึ่ง

ในปี 2014 งานเกี่ยวกับมาตรฐานใหม่ได้เสร็จสิ้นอย่างเป็นทางการแล้ว - HTML5 ซึ่งก่อให้เกิดการปฏิวัติอย่างแท้จริง โดยนำสิ่งใหม่ ๆ มากมายมาสู่ HTML

HTML5 นำอะไรมากันแน่?

HTML5 กำหนดอัลกอริทึมการแยกวิเคราะห์ใหม่สำหรับการสร้างโครงสร้าง DOM

เพิ่มองค์ประกอบและแท็กใหม่ๆ เช่น วิดีโอ เสียง และอื่นๆ อีกมากมาย

กำหนดกฎและความหมายขององค์ประกอบ HTML ที่มีอยู่แล้วใหม่

ในความเป็นจริงด้วยการเพิ่มฟังก์ชั่นใหม่ HTML5 ไม่ได้เป็นเพียงเวอร์ชันใหม่ของภาษามาร์กอัปสำหรับการสร้างหน้าเว็บ แต่จริงๆ แล้วเป็นแพลตฟอร์มสำหรับการสร้างแอปพลิเคชันและขอบเขตการใช้งานไปไกลกว่าสภาพแวดล้อมเว็บอินเทอร์เน็ต: HTML5 ยังใช้เพื่อสร้างแอปพลิเคชันมือถือสำหรับ Android, iOS, Windows Mobile และแม้กระทั่งสำหรับการสร้างแอปพลิเคชันเดสก์ท็อปสำหรับคอมพิวเตอร์ทั่วไป (โดยเฉพาะใน Windows 8/8.1/10)

ตามกฎแล้ว HTML 5 ถูกใช้ในสองความหมายหลัก:

HTML 5 เป็นภาษามาร์กอัปไฮเปอร์เท็กซ์ที่ได้รับการอัปเดต ซึ่งเป็นการพัฒนาบางส่วนจาก HTML 4 เวอร์ชันก่อนหน้า

HTML 5 เป็นแพลตฟอร์มที่ทรงพลังสำหรับการสร้างเว็บแอปพลิเคชัน ซึ่งไม่เพียงแต่รวมถึงภาษามาร์กอัปไฮเปอร์เท็กซ์เท่านั้น, HTML ที่อัปเดตแล้ว แต่ยังรวมถึงภาษาการเขียนโปรแกรม JavaScript และสไตล์ชีตแบบเรียงซ้อน CSS 3 ด้วย

ใครเป็นผู้รับผิดชอบในการพัฒนา HTML5? สิ่งนี้ทำโดย World Wide Web Consortium (ตัวย่อ W3C - World Wide Web Consortium) - องค์กรระหว่างประเทศอิสระที่กำหนดมาตรฐาน HTML5 ในรูปแบบของข้อกำหนด สามารถดูข้อกำหนดฉบับเต็มในปัจจุบันเป็นภาษาอังกฤษได้ที่ https://www.w3.org/TR/html5/ และควรสังเกตว่าองค์กรยังคงทำงานบน HTML5 ต่อไปโดยปล่อยการอัปเดตตามข้อกำหนด

รองรับเบราว์เซอร์

ควรสังเกตว่ามีช่องว่างระหว่างข้อกำหนด HTML5 และการใช้เทคโนโลยีนี้ในเว็บเบราว์เซอร์อยู่เสมอ เบราว์เซอร์ส่วนใหญ่เริ่มใช้มาตรฐาน HTML5 ก่อนที่จะเผยแพร่อย่างเป็นทางการด้วยซ้ำ และตอนนี้เบราว์เซอร์เวอร์ชันล่าสุดส่วนใหญ่รองรับฟังก์ชัน HTML5 ส่วนใหญ่ (Google Chrome, Firefox, Opera, Internet Explorer 11, Microsoft Edge) ในขณะเดียวกัน เบราว์เซอร์รุ่นเก่าจำนวนมาก เช่น Internet Explorer 8 และเวอร์ชันที่อายุน้อยกว่าไม่รองรับมาตรฐาน และ IE 9, 10 รองรับเพียงบางส่วนเท่านั้น

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

หากต้องการตรวจสอบการรองรับ HTML5 สำหรับเบราว์เซอร์เฉพาะ คุณสามารถใช้บริการพิเศษ http://html5test.com

เครื่องมือที่จำเป็น

คุณต้องการอะไรในการทำงานกับ HTML5? ก่อนอื่น โปรแกรมแก้ไขข้อความเพื่อพิมพ์ข้อความของหน้าเว็บในรูปแบบ html ในขณะนี้ โปรแกรมแก้ไขข้อความที่ได้รับความนิยมและทันสมัยที่สุดคือ Notepad++ ซึ่งสามารถพบได้ที่ http://notepad-plus-plus.org/ ข้อดีของมันคือความเป็นอิสระและการเน้นแท็ก HTML ในอนาคต ฉันจะเน้นไปที่โปรแกรมแก้ไขข้อความนี้

สิ่งที่ควรกล่าวถึงอีกอย่างคือ Visual Studio Code โปรแกรมแก้ไขข้อความข้ามแพลตฟอร์ม ตัวแก้ไขนี้มีความสามารถมากกว่า Notepad++ เล็กน้อย และยิ่งไปกว่านั้น สามารถทำงานได้ไม่เพียงแต่บน Windows แต่ยังบนระบบปฏิบัติการที่ใช้ MacOS และ Linux อีกด้วย

และคุณจะต้องมีเว็บเบราว์เซอร์เพื่อเปิดและตรวจสอบหน้าเว็บที่เขียน ในฐานะเว็บเบราว์เซอร์ คุณสามารถใช้เบราว์เซอร์ทั่วไปเวอร์ชันล่าสุดได้ - Google Chrome, Mozilla Firefox, Microsoft Edge, Opera

รายงานข้อบกพร่อง

HTML5 Video Player เป็นแอปพลิเคชั่นที่ออกแบบมาเพื่อแปลงไฟล์วิดีโอเป็นรูปแบบ HTML5 วิดีโอที่สร้างขึ้นสามารถโพสต์บนหน้าเว็บไซต์ได้ สามารถใช้รูปแบบวิดีโอใดก็ได้เป็นแหล่งข้อมูล

โปรแกรมไม่เพียงแต่สามารถแปลงวิดีโอเท่านั้น แต่ยังแก้ไขได้ (พลิก, ครอบตัด) ก่อนที่จะบันทึกผลลัพธ์ คุณสามารถเรียกใช้วิดีโอที่เสร็จแล้วในโหมดแสดงตัวอย่างได้ ควรสังเกตว่าแอปพลิเคชันอนุญาตให้คุณเลือก "สกิน" ของเครื่องเล่นซึ่งจะรวมเข้ากับเบราว์เซอร์

คุณสมบัติที่สำคัญ

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

ข้อดี

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

ข้อดีอีกประการหนึ่งคือเข้ากันได้กับเบราว์เซอร์ Internet Explorer, Safari, Opera, Google Chrome และ Firefox ในกรณีนี้ ก่อนบันทึกไฟล์ คุณสามารถตรวจสอบวิธีการเล่นไฟล์ในอินเทอร์เน็ตเบราว์เซอร์เฉพาะได้

เครื่องเล่น html5 เป็นแอปพลิเคชันข้ามแพลตฟอร์ม สามารถติดตั้งได้ไม่เพียงแต่บนพีซีที่ใช้ Windows OS แต่ยังติดตั้งบนอุปกรณ์มือถือ Android และ iOS อีกด้วย ดังนั้นจึงเป็นไปได้ที่จะเผยแพร่วิดีโอได้โดยตรงจากโทรศัพท์ของคุณ

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

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

ข้อบกพร่อง

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

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

วิธีดาวน์โหลดเครื่องเล่น

หากต้องการดาวน์โหลดเครื่องเล่นวิดีโอ คุณต้องไปที่เว็บไซต์ของผู้พัฒนา ในการดำเนินการนี้ คุณต้องไปที่ URL ต่อไปนี้: “https://www.dvdvideosoft.com/” เพื่อให้ใช้งานเว็บไซต์ได้สะดวกยิ่งขึ้นแนะนำให้เปลี่ยนภาษา ซึ่งสามารถทำได้โดยคลิกที่ธงที่มุมขวาบน หลังจากนั้นคุณต้องเลือกภาษารัสเซีย

เมื่อทรัพยากรอินเทอร์เน็ตเป็น Russified คุณจะต้องคลิกที่ลิงค์ "ดาวน์โหลด" หลังจากนี้ หน้าเว็บที่มีผลิตภัณฑ์ที่มีอยู่ทั้งหมดจะเปิดขึ้นทันที หากต้องการดาวน์โหลดเครื่องเล่น ให้ไปที่ส่วน "โปรแกรมอื่นๆ"

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

หลักการทำงาน

เมื่อโปรแกรมโหลดขึ้นมา คุณจะเห็นอินเทอร์เฟซที่เป็นภาษารัสเซียและใช้งานง่าย การใช้แถบนำทางทำให้คุณสามารถ:

• เพิ่มไฟล์;
• ระบุชื่อเอาต์พุต
• ลบไฟล์;
• ตั้งค่าเครื่องเล่น.

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

หากต้องการดูผลลัพธ์ คุณต้องทำเครื่องหมายที่ช่องถัดจาก "แสดง HTML..." ในการแปลงไฟล์คุณต้องคลิกที่ปุ่ม "แปลง"

ควรสังเกตว่าสามารถเปลี่ยนการตั้งค่าของโปรแกรมได้ โดยคลิกที่ปุ่ม "ตัวเลือก..."

บทสรุป

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

การตรวจสอบวิดีโอของโปรแกรมเล่น HTML5

30/04/2558 | 20:49 บทวิเคราะห์

Chrome และ Opera เป็นผู้นำในการติดตามคุณลักษณะเว็บล่าสุด แต่มีความแตกต่างระหว่างเบราว์เซอร์น้อยกว่าที่เห็น

เป็นเวลาสี่ปีแล้วนับตั้งแต่มีการเปิดตัว HTML5 HTML5 กำลังถูกนำขึ้นมาอีกครั้งในวันนี้ เนื่องจากในที่สุดคณะกรรมการ W3C ได้ตัดสินใจว่าถึงเวลาแล้วที่จะหยุดยุ่งเกี่ยวกับข้อกำหนด HTML 5.0 และไปยัง HTML 5.1 นี่เป็นเหตุการณ์ประวัติศาสตร์เนื่องจากเอกสาร HTML4 สร้างเสร็จในปี 1997

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

ข่าวดีก็คือเบราว์เซอร์ต่างๆ ได้ยอมรับมาตรฐานแล้ว จากข้อมูลของ HTML5Test.com พบว่าเบราว์เซอร์เหล่านี้ใกล้เคียงกับอุดมคติมากขึ้นเรื่อยๆ แม้ว่าจะยังมีความแตกต่างระหว่างเบราว์เซอร์บางตัวก็ตาม
เป็นที่น่าสังเกตว่า HTML5Test จะประเมินการปฏิบัติตามมาตรฐานทั้งหมดโดยใช้ตัวเลขตัวเดียว (ตั้งแต่ 0 ถึง 555) การทดสอบอัตโนมัติจะตรวจสอบว่าฟีเจอร์ได้รับการสนับสนุนโดยการสร้างออบเจ็กต์ DOM หรือไม่ ไม่สามารถบอกได้ว่าฟีเจอร์จะได้รับการติดตั้งอย่างถูกต้อง หรูหรา หรือไม่มีข้อบกพร่องร้ายแรง

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

นโยบายเบราว์เซอร์

ความแตกต่างบางประการเหล่านี้เกิดจากการต่อสู้ทางการเมืองและการเงินอันลึกซึ้งที่ซ่อนอยู่เบื้องหลัง Firefox และ Chrome รองรับตัวแปลงสัญญาณวิดีโอ WebM และ Ogg Theora แต่ไม่ใช่ MPEG-4 Safari รองรับ MPEG-4 แต่ไม่ใช่ WebM หรือ Ogg Theora อย่างน้อยพวกเขาก็เห็นด้วยกับการรองรับ H.264 ตัวแปลงสัญญาณเหล่านี้ไม่ใช่ส่วนที่เป็นทางการของ HTML5 แต่เป็นส่วนสำคัญของเว็บยุคใหม่ที่ทำให้การทำงานกับโค้ดเหล่านี้มีความสำคัญต่อนักพัฒนาเว็บจำนวนมากมากกว่าคุณลักษณะอื่น ๆ

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

ข้อกำหนดหลักของ HTML5 กำลังสรุปการเพิ่มแท็กใหม่จำนวนหนึ่งที่ออกแบบมาเพื่อระบุบทบาทของเนื้อหาที่แสดงผลภายในแท็ก กำหนดพื้นที่ ส่วน ส่วนเสริม ส่วนท้าย และส่วนหัว ก่อนหน้านี้ เราจะทำเครื่องหมายด้วยแท็กที่กำหนดการออกแบบ

- ตอนนี้พวกเขาจะถูกทำเครื่องหมายด้วยบทบาทของตนเพื่อให้สามารถมีสไตล์ CSS ของตนเองได้ และเบราว์เซอร์จะแสดงผลองค์ประกอบเหล่านั้นตามนั้น แนวโน้มที่จะแยกข้อความและรูปภาพออกจากตำแหน่งและการนำเสนอบนหน้ายังคงดำเนินต่อไป

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

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

ขณะนี้มีคลาสแอททริบิวต์ ARIA (Accessible Rich Internet Applications) ใหม่ที่ให้คำอธิบายทางเลือกของข้อมูลภายใน โดยทั่วไปแล้ว การพยายามแยกข้อความออกจากการนำเสนอจะช่วยให้เรื่องนี้ง่ายขึ้นมาก

จากหน้าเว็บสู่เว็บแอปพลิเคชัน

มีการทำงานมากมายในการเปลี่ยนเพจแบบคงที่ให้เป็นแอปพลิเคชันไดนามิกที่เต็มเปี่ยม ข้อมูลจำเพาะสำหรับ Web Storage, WebSockets และ Web Workers มีความหนามากขึ้นเนื่องจากผู้ผลิตเบราว์เซอร์ได้ค้นพบว่าอะไรใช้ได้ผลและอะไรใช้ไม่ได้ ข้อมูลนี้ทำให้โปรแกรมเมอร์สามารถสร้างแพ็คเกจซอฟต์แวร์ที่ทำงานได้อย่างสมบูรณ์ เช่น Google Docs การจัดเก็บข้อมูลในเครื่อง การสื่อสารในเบื้องหลัง และมัลติเธรดมีความสำคัญมากสำหรับการทำงานกับชุดข้อมูลที่ไม่สำคัญ

การเปลี่ยนแปลงส่วนใหญ่จะเน้นไปที่รายละเอียดเล็กๆ น้อยๆ ที่นักพัฒนาหลายคนอาจมองไม่เห็นด้วยซ้ำ มีการเปลี่ยนแปลงเล็กๆ น้อยๆ มากมาย รวมทั้งข้อถกเถียงเกี่ยวกับการเปลี่ยนแปลงเหล่านั้น ซึ่งไม่สามารถสรุปได้ เนื่องจากรายละเอียดหลายอย่างยังไม่แน่นอน ผู้ผลิตเบราว์เซอร์จึงมักตัดสินใจแตกต่างออกไป ข้อกำหนด Web Storage ระบุว่าเบราว์เซอร์ควร "จำกัดจำนวนพื้นที่ว่างทั้งหมดสำหรับการจัดเก็บ" และแนะนำ 5MB เป็นขีดจำกัดที่ดี ขณะเดียวกันการใช้งานก็แตกต่างกัน

พื้นที่ที่มีการถกเถียงกันมากที่สุดประการหนึ่งอาจเป็นการประมวลผลสื่อ เว็บเบราว์เซอร์กลายเป็นวิธีหลักในการเข้าถึงวิดีโอ และทีมงานข้อกำหนด HTML ก็พร้อมที่จะพิชิตห้องนั่งเล่น ข้อกำหนดส่วนขยายสื่อที่เข้ารหัสมีกลไกที่ซับซ้อนในการทำงานกับฟีดวิดีโอและคีย์ เพื่อให้เฉพาะเบราว์เซอร์ที่ได้รับใบอนุญาตอย่างถูกต้องเท่านั้นจึงจะสามารถแสดงภาพได้ Chrome, Opera และ Safari รองรับส่วนขยายสื่อเหล่านี้ Firefox และ Internet Explorer ทำไม่ได้

มีงานอื่นๆ อีกมากมายที่เกิดขึ้นเพื่อสร้างชิ้นส่วนที่เปลี่ยนแปลง หนึ่งในโปรเจ็กต์ใหม่ที่เรียกว่า Web Video Text Tracks กำลังสำรวจกลไกมาตรฐานสำหรับการซิงโครไนซ์วิดีโอกับส่วนอื่นๆ ของไซต์ มุ่งเน้นไปที่ลายเซ็นเป็นหลัก แต่ก็ไม่มีเหตุผลใดที่จะไม่พบการใช้งานอื่น ๆ เช่น คำ กราฟิก และรูปภาพที่เคลื่อนไหวไปทุกที่ และเบราว์เซอร์ทั้งหมดรองรับ

อนาคตของเว็บ

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

มุมมองด่วนของข้อกำหนด HTML 5.1 ในรูปแบบร่าง รวมถึงคุณลักษณะต่างๆ เช่น คุณลักษณะ accesskey สำหรับการเพิ่มแป้นพิมพ์ที่เทียบเท่ากับการคลิกเมาส์ มีการสนับสนุนที่ดีกว่าในเบราว์เซอร์ทั้งหมดสำหรับ API การแก้ไข HTML ซึ่งทำให้ทุกหน้าเว็บสามารถแก้ไขได้และทั้งเว็บก็อาจเป็นวิกิพีเดียขนาดใหญ่ได้

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

ซึ่งจะทำให้มาร์กอัปมีประสิทธิภาพมากขึ้น ใครก็ตามที่คลิกปุ่ม "ดูซอร์ส" จะเห็นว่าไฟล์ HTML จำนวนมากประกอบด้วยแท็ก 50-60%