สิบสองคุณสมบัติที่นักพัฒนาคาดหวังจาก HTML6 ที่กำลังจะมีขึ้น

เผยแพร่แล้ว: 2017-01-17

HTML5 ได้รับความสำเร็จอย่างมหัศจรรย์ในหมู่นักพัฒนา มันอำนวยความสะดวกให้นักพัฒนาในการจัดระเบียบเนื้อหาในลักษณะที่เกี่ยวข้องมากขึ้นด้วยแท็กใหม่เช่น <article> , <section> , <header> เป็นต้น

นักพัฒนาเพลิดเพลินกับอิสระจากการใช้แอตทริบิวต์ type จากแท็กเช่น <link> และ <script> แม้ว่า HTML5 จะนำกระบวนทัศน์มาสู่การเขียนโปรแกรมเว็บ แต่ก็มีข้อ จำกัด ในการพัฒนาแอพพื้นฐานบนเว็บและปัญหาอื่น ๆ

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

ต่อไปนี้คือความคาดหวังบางส่วนที่ได้รับความนิยมสูงสุดจากชุมชนนักพัฒนาซอฟต์แวร์สำหรับ HTML6 ที่กำลังจะมีขึ้น:

แท็กด่วน

HTML6 มีแนวโน้มที่จะอำนวยความสะดวกให้กับนักพัฒนาด้วยแท็กด่วน คุณสามารถใช้ <logo></logo> เพื่อกำหนดโลโก้ให้กับหน้าเว็บ แท็ก <sidebar></sidebar> และ <navigation></navigation> จะรวมแถบด้านข้างและการนำทางตามลำดับ

นอกจากนี้ แท็ก <div> ยังสามารถใช้ได้โดยไม่ต้องใช้ ID หลายตัว ตัวอย่างเช่น คุณสามารถใช้ <container> หรือ <wrapper> แทนการเขียน <div id='container'> และ <div id='wrapper'>

เนมสเปซที่เหมือน XML

คาดว่า HTML6 จะมาพร้อมกับเนมสเปซของโครงสร้างแบบ XML เนมสเปซดังกล่าวจะช่วยให้นักพัฒนาใช้แท็กเดียวกันได้โดยไม่มีข้อขัดแย้งกับแท็กอื่น กล่าวอีกนัยหนึ่ง HTML6 จะนำเสนอข้อได้เปรียบของการใช้แท็กที่ต้องการนอกเหนือจากแท็กที่กำหนด

เอกสาร HTML6

[xhtml]
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>ดู HTML6</html:title>
<html:meta type="title" value="Page Title">
<html:meta type="description" value="HTML example with namespaces">
<html:link src="css/mainfile.css" title="สไตล์" type="text/css">
<html:link src="js/mainfile.js" title="สคริปต์" type="text/javascript">
</html:head>
<html:body>
<header>
<โลโก้>
<html:media type="image" src="images/xyz.png">
</logo>
<nav>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<เนื้อหา>
<บทความ>
<h1>หัวเรื่องของบทความหลัก</h1>
<h2>หัวข้อย่อยของบทความหลัก</h2>
<p>[…]</p>
<p>[…]</p>
</article>
<บทความ>
<h1>แนวคิดของ HTML6</h1>
<h2>ทำความเข้าใจพื้นฐาน</h2>
<p>[…]</p>
</article>
</content>
<footer>
<copyright>ไซต์นี้คือ &copy; สู่นิรนาม 2017</copyright>
</footer>
</html:body>
</html:html>
[/xhtml]

ในเอกสารนี้ เรามีแท็ก <html: x> แปลก ๆ เป็นองค์ประกอบเนมสเปซที่เป็นของข้อมูลจำเพาะ W3C และ HTML6 และมีประโยชน์สำหรับการเรียกเหตุการณ์ของเบราว์เซอร์ ตัวอย่างเช่น <html: title> จะเปลี่ยนแถบชื่อเรื่องของเบราว์เซอร์ และ <html: media> จะช่วยให้รูปภาพที่กำหนดปรากฏบนหน้าจอเบราว์เซอร์ องค์ประกอบเหล่านี้ไม่มีส่วนเกี่ยวข้องกับเบราว์เซอร์ พวกเขาสามารถเปิดใช้งานนักพัฒนาเพื่อให้โค้ดตัวอย่างมีความหมายมากขึ้น

การควบคุมวัตถุวิดีโอเพิ่มเติม

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

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

[xhtml]
<! – ตัวอย่างวิดีโออย่างง่าย –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> ขออภัย เบราว์เซอร์ของคุณไม่สนับสนุนวิดีโอแบบฝัง แต่ไม่ต้องกังวล คุณสามารถ <a href="videofile.webm">ดาวน์โหลด</a href="videofile.webm">ดาวน์โหลด</b> a> และดูด้วยเครื่องเล่นวิดีโอที่คุณชื่นชอบ!
</video>

<! – วิดีโอพร้อมคำบรรยาย –>
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="ภาษาอังกฤษ">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

ห้องสมุดเฉพาะและอุดมไปด้วย

JQuery ได้เปลี่ยนแปลงโลกของ JavaScript โดยคำนึงถึงไลบรารีมาตรฐาน มาตรฐานถัดไปของ HTML อาจมาพร้อมกับไลบรารีที่รับประกันซึ่งเผยแพร่พร้อมกับเบราว์เซอร์ จะช่วยประหยัดเวลามากขึ้นในขณะที่รีเฟรชเวอร์ชันแคชของ jQuery 1.9 กล่าวอีกนัยหนึ่ง ไลบรารีเวอร์ชันที่แคชได้กำลังจะมา หากนักออกแบบหลายคนใช้ไลบรารี่ใดไลบรารีหนึ่ง ก็สามารถแจกจ่ายไลบรารีนั้นกับเบราว์เซอร์ในเวอร์ชัน HTML6 ใหม่ได้

ปรับปรุงคำอธิบายประกอบ

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

การรวมกล้อง

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

การตรวจสอบที่เข้มงวดขึ้น

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

ไมโครฟอร์แมต

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

พรีโปรเซสเซอร์

พรีโปรเซสเซอร์แบบเสียบได้สามารถรวมเข้ากับ HTML6 เพื่อแปลงภาษาเป็น JavaScript ปัจจุบัน Lisp, Python, Ruby, Erlang, Scala และภาษาอื่นๆ มากมายสามารถคอมไพล์เป็น JavaScript ได้ และเวอร์ชัน HTML ที่กำลังจะมีขึ้นสามารถนำตัวประมวลผลล่วงหน้ามารองรับวัตถุประสงค์นี้ เมื่อภาษาใดภาษาหนึ่งเหล่านี้ถูกคอมไพล์ข้ามเป็น JavaScript มันจะสร้างเวอร์ชันที่เล็กกว่าที่สามารถไพพ์ทางอินเทอร์เน็ตได้อย่างง่ายดาย HTML5 เป็น JavaScript เวอร์ชันทั่วไปที่ทำให้การเพิ่มประสิทธิภาพโค้ดยากขึ้นสำหรับเครื่องท้องถิ่น

ภาษาที่เสียบได้

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

ขนาดเบราว์เซอร์ของภาพอัตโนมัติ

ลักษณะของรูปภาพขึ้นอยู่กับแง่มุมต่างๆ เช่น ประเภทของอุปกรณ์และขนาดของหน้าต่าง แท็ก <img> มาตรฐานของ HTML มี SRC เพียงตัวเดียวที่อาจสร้างปัญหาให้กับเบราว์เซอร์ขณะแสดงภาพ อย่างไรก็ตาม โปรโตคอล HTML ที่ดีกว่าสามารถแนะนำความกว้างหรือความสูงที่ต้องการสำหรับรูปภาพ และเซิร์ฟเวอร์สามารถให้ความละเอียดที่เหมาะสมที่สุด ในทางหนึ่ง ขนาดภาพเบราว์เซอร์กำลังจะมาใน HTML6

การเข้าถึงข้อมูลการติดต่ออย่างปลอดภัย

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

บทสรุป

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

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

มีความสุขการพัฒนาเว็บ!