สิบสองคุณสมบัติที่นักพัฒนาคาดหวังจาก HTML6 ที่กำลังจะมีขึ้น
เผยแพร่แล้ว: 2017-01-17HTML5 ได้รับความสำเร็จอย่างมหัศจรรย์ในหมู่นักพัฒนา มันอำนวยความสะดวกให้นักพัฒนาในการจัดระเบียบเนื้อหาในลักษณะที่เกี่ยวข้องมากขึ้นด้วยแท็กใหม่เช่น <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>ไซต์นี้คือ © สู่นิรนาม 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 รอจนกว่าเวอร์ชันล่าสุดจะเข้ามาซึ่งสามารถนำมาซึ่งการเปลี่ยนแปลงที่รุนแรงในกระบวนการพัฒนาเว็บ
มีความสุขการพัฒนาเว็บ!