HTML ، یکی از شناخته شدهترین فناوری وب است که از زمان معرفی آن تاکنون، بطور مداوم برای ساخت چیزهای مختلف در اینترنت مورد استفاده قرار گرفته است.
و حالا HTML۶ در حال آمدن است؛ و ما قصد داریم تا در این مقاله از راکت، نگاهی دزدکی به ویژگیهای جدید آن بیندازیم.
اگرچه بسیاری از تکنیکهای جدید فرایند ایجاد وبسایت را سادهتر و کارآمدتر کرده است، اما HTML همیشه در هسته بوده است.
HTML۵ در سال ۲۰۱۴ منتشر شد و این یک قدم دیگر به سمت استاندارد سازی آن بود. البته برخی از مشخصههای HTML که در اکتبر ۲۰۱۴ اصلاح شد، منطقی بود.
اکنون مردم منتظر آپدیت دیگری هستند و حدس میزنید چه باشد؟ خب بله همانطور که گفتم HTML۶ در راه است.
در ادامه، میخواهیم نگاهی کنیم تا ببینیم که چه چیزهایی احتمالاً در HTML۶ تغییر میکنند و چه چیزی در HTML۶ جدید است و به عبارتی به آن اضافه میشود.
کمربندهای خود را ببندید زیرا میخواهیم به محتوای اصلی شیرجه بزنیم :)))))
فهرست مطالب
تگهای اکسپرس
پشتیبانی از ماژولهای بومی
آزادی در تغییر اندازه تصویر
کتابخانههای اختصاصی HTML۶
حاشیهنگاری یا (Annotations) برای تصاویر و فیلمها
تقویت احرازهویت
منوهای سفارشی در HTML۶
دوربین یکپارچه HTML۶
میکروفرمتهای خوب
برنامههای تک صفحهای یا همان (single-page apps) بدون جاوااسکریپت
نتیجه
تگهای اکپسرس
همانطور که از نام آن پیداست، این برچسبها برای شرح دادن و بیان هستند. برچسبهایی از لوگو، در صفحه وب شما قابل استفاده است.
پشتیبانی از ماژولهای بومی در HTML 6
المنت دیالوگ با HTML۶ در راه است. این المنت معادل پنجرههای قدرتگرفته از JavaScript در نظر گرفته میشود.
المنت دیالوگ از قبل استاندارد سازی شده است، اما فقط چند مرورگر مانند مرورگرهای Chrome و سامسونگ پشتیبانی کامل دارند. جای نگرانی نیست، به زودی در همه مرورگرها پشتیبانی میشود.
این المنت، در فرمت پیشفرض خود، فقط در بالای مکانی که قرار دادهشده hover را نشان میدهد.
برای استفاده از یک رابط شبیه به حالت متداولتر، میتوانید از طریق JavaScript روش معمولتر را باز کنید.
<dialog>
<form method="dialog">
<input type="submit" value="Ok" />
<input type="submit" value="Cancel" />
</form>
</dialog>
به صورت پیش فرض، این المنت یک پسزمینه خاکستری با محتوایی غیر تعاملی در زیر آن ایجاد میکند.
یکی از ویژگیهای متد را میتوان در فرم های موجود در المنت دیالوگ استفاده کرد. این مقدار را ارسال میکند و مقدار را به خود شیء دیالوگ منتقل میکند.
به طور کلی، این المنت در تعامل اندک با کاربر و تقویت رابط کاربری سودمند است.
برای بازکردن و بسته شدن آن در فرم استاندارد HTML ،میتوانید ویژگی باز را تغییر وضعیت دهید.
<dialog open>
<p>Dialog Box Built with HTML ۶</p>
</dialog>
آزادی در تغییر اندازه تصویر
کارشناسان معتقدند که یک بهروزرسانی در راه است، که مرورگرها را قادر میسازد برای بهترین ویو، تصویر را تغییر اندازه دهند.
مرورگرها در نمایش بهترین اندازه، در مورد اندازه دستگاه و اندازه پنجره با مشکل روبرو هستند.
برچسب های Src و IMG برای مقابله با این مشکل چندان قدرتمند نیستند. برچسب جدید ** <srcset> ** ممکن است در راه باشد. این برچسب میتواند کار مرورگر را برای انتخاب بین بیش از یک تصویر تسهیل کند تا بهترین ویو را نشان دهد.
کتابخانههای اختصاصی HTML6
معرفی کتابخانههای cashable در HTML۶ گامی در جهت بهبود بهرهوری هم برای طراحان وب و هم برای کاربران خواهد بود.
حاشیهنگاری یا (Annotations) برای تصاویر و فیلمها
این عالی خواهد بود اگر ما بتوانیم تصاویر و فیلم ها را در HTML حاشیهنگاری کنیم. HTML۵ توانایی تفسیر کلمات، جملات و پاراگرافها را در اختیار ما قرار میدهد اما نه تصاویر و فیلمها.
بسیاری از سازمانها در این زمینه راهحل ارائه دادهاند، به نظر میرسد WHATWG حداقل برخی از آنها را در نظر میگیرد. بیایید امیدوار باشیم؛ ما به زودی، قادر به حاشیهنگاری تصاویر و فیلمها در HTML خواهیم بود.
تقویت احراز هویت
اگرچه HTML۵ از نظر امنیتی بد نیست. مرورگرها و فنآوریهای وب نیز محافظت قابل قبولی را ارائه میدهند؛ اما بدون شک، موارد بیشتری وجود دارد که میتوان در حوزه احراز هویت و امنیت انجام داد.
کلیدها میتوانند در خارج از سایت ذخیره شوند. این امر مانع از دسترسی افراد ناخواسته و تقویت احراز هویت میشود. استفاده از کلیدهای تعبیه شده به جای کوکیها، بهتر شدن امضای دیجیتال و ... .
مردم و اندیشکدهها راهحلهای زیادی برای این مسئله ارائه دادهاند، همه چیز بستگی به WHATWG دارد که مورد پذیرش قرار گیرد یا رد شود.
منوهای سفارشی در HTML6
تگهای UI و OL مفید هستند اما برای هر نیازی مناسب نیستند. این فهرست میتواند عناصر لیست ایجاد شده توسط دکمههای داخل فهرست را کنترل کند.
<menu type="toolbar">
<li><button>Cut</button></li>
<li><button>Copy</button></li>
<li><button>Paste</button></li>
</menu>
این منو میتواند قابلیتهای لیست را در HTML بالا ببرد و حتی میتواند مانند یک لیست معمول، به خوبی کار کند.
دوربین یکپارچه HTML6
HTML۶ به ما این امکان را میدهد تا با بهترین روش ممکن دوربین و رسانه را در دستگاه استفاده کنیم. ما میتوانیم دوربین، جلوههای آن، حالتها، تصاویر پانوراما، HDR و موارد دیگر را کنترل کنیم.
ما میتوانیم از هر رسانهای استفاده کنیم و دوباره هم آن را مورد استفاده قرار دهیم. موارد زیادی وجود دارد که میتوان با دوربین و HTML۶ بهتر کار کرد.
میکروفرمتهای خوب
بارها و بارها باید اطلاعات کلی خود را در اینترنت تعریف کنیم.
اطلاعات عمومی میتواند مانند شماره تلفن، نام، آدرس، و ... باشد. Microformats استانداردهایی هستند که قادر به تعریف دادههای کلی یا عمومی است.
برنامههای تکصفحهای یا همان (single-page apps) بدون جاوااسکریپت
Bobby Mozumder، سردبیر مجله FutureClaw پیشنهاد میکند:
اتصال المنتهای anchor به JSON / XML ، نقاط پایانی API و داشتن مرورگر داخلی، دادهها را در یک ساختار داده جدید بارگذاری میکند، وسپس مرورگر عناصر DOM را با هر دادهای که در صورت لود شدن بارگذاری میشود، جایگزین میکند. دادههای اولیه (و همچنین پاسخهای خطای استاندارد) میتوانند در قسمتهای هدر باشند؛ که در صورت دلخواه میتوانند بعداً جایگزین شوند.
به گفته وی، این الگوی طراحی وب برنامههای تکصفحهای است که باعث افزایش پاسخگویی و بارگذاری میشود زیرا نیازی به بارگذاری جاوااسکریپت نخواهد بود.
نتیجه
هیچ چیز عالی نیست و HTML هم از این قضیه جدا نیست، بنابراین موارد زیادی وجود دارد که میتوان برای HTML انجام داد تا آن را بهتر کند.
استانداردسازی برخی از ویژگیهای مفید باید برای تقویت قدرت HTML انجام شود. تغییرات کوچک از قبل شروع شده است. در نظر گرفتن حرفهای متخصصین این فن و همچنین گوش دادن به مخاطب عامه میتواند ایدهای را ارائه دهد.
تقویت پشتیبانی از بلوتوث، انتقال فایل p۲p، محافظت در برابر بدافزار، فضای ذخیرهسازی ابر و ... مواردی است که باید در نسخه بعدی HTML در نظر گرفته شود.
این برای آینده است. با این حال، در حال حاضر به روزرسانیهایی وجود دارد که معرفی شدهاند و احتمالاً برخی از آنها به زودی اعلام میشوند، در حالیکه برخی دیگر پیشبینیهای صرفی هستند.
امیدوارم این مقاله به شما کمک کند بینشی مفید از HTML۶ بدست آورید. ممنونم از شما برای خواندن و وقت گذاشتن برای این مقاله.
دیدگاه و پرسش
در حال دریافت نظرات از سرور، لطفا منتظر بمانید
در حال دریافت نظرات از سرور، لطفا منتظر بمانید