5 چیز جالب که در ‌5 HTML‌ باید دنبال آنها بگردید

اهداف ‌5HTML‌ برای اصلاح کردن همگامی با میزان افزایش تقاضاها برای تنوع بیشتر و پیچیده‌تر مطالب وب گردید. همچنین، ‌5 HTML‌ به کمبودهای ‌4 HTML‌ در برنامه‌های تحت وب اشاره دارد. ما در این مقاله به 5 قابلیت جدید و جذاب در ‌5 HTML‌ می‌پردازیم.

تاریخچه

ایده‌های اولیه ‌5HTML‌ در اواخر سال 2003 به‌فکر سازندگان آن رسید. کنسرسیوم تار جهان‌گستر ‌(C3(W‌، سازمانی است که پروتکل‌ها و خطوط هدایتی استاندارد وب را بازبینی می‌کند، نسخه پیش‌نویس ‌5HTML‌ توسط گروه کاری فناوری برنامه‌های فرامتن وب2‌ ‌نوشته شد. سپس گروهی در سال 2004 شکل‌گرفت، که متشکل از نماینده‌های اپل، بنیاد موزیلا و نرم‌افزار اوپرا بود. و این منجر به گروه فعال بر روی ‌ C3W‌ در ‌HTML‌ شد که از سال 2007 برای توسعه ویژگی‌های ‌5 HTML‌ مشغول به‌کارند. توسعه این زبان همچنان ادامه دارد و انتظار می‌رود ‌5 HTML‌ برای این‌که پیشنهاد اصلی ‌C3W‌ باشد، در سال 2012 به آن وضعیت برسد.

قابلیت‌های جدید و جذاب

1– عناصر جدید ‌HTML‌ که قابلیت ما را برای تشریح مطالب افزایش می‌دهد

مهم‌ترین وظیفه ‌HTML‌، توصیف ساختار صفحه وب است. برای مثال با قرار دادن متن میان عناصر ‌<p></p>‌، ‌HTML‌ به مرورگر می‌گوید متنی که میان آن عنصر قرار دارد پاراگراف است.

برای مثال در ویژگی‌های نسخه ‌HTML‌ کنونی، با این روش می‌توانیم ساختار یک صفحه وب معمول را توصیف کنیم:

مشکلی که این طرح‌بندی دارد این است که برای مرورگرها، همه چیز عنصر ‌<div>‌ است. مرورگر هر چیزی که بین عناصر ‌<div>‌ قرار دارد را مساوی تلقی می‌کند، زیرا نمی‌تواند تفاوت بین آنها، کلاس‌ها و شناسه‌ها، مانند مطالب، نوار کناری و پانوشت را در هر وب‌سایت تشخیص دهد.

در ‌5 HTML‌، می‌توانید طرح‌بندی این صفحه را به این صورت توصیف کنید:

حالا در این نشانه‌گذاری مرورگر می‌تواند قسمت‌ها را تشخیص دهد. می‌تواند تشخیص دهد که مطلب اصلی در داخل عنصر ‌<article>‌ قرار دارد، جریان وب‌سایت در داخل عنصر ‌<nav>‌ قرار می‌گیرد و به همین ترتیب برای بقیه قسمت‌ها.

درکنار ظاهر زیباتر و نشانه‌گذاری منطقی بیشتر، پیاده‌سازی‌های عملی دیگر بی‌انتها خواهند شد. به‌عنوان مثال، یک سیستم خارجی، مانند موتور جستجو‌، می‌تواند دقیقا تشخیص دهد که کدام قسمت یک صفحه وب مهم است. با این روش می‌توان از روی عنصر ‌<nav>‌ و ‌<footer>‌ گذر کرد، زیرا حاوی مطلب اصلی صفحه وب نیستند.

یک برنامه‌نویس ماهر می‌تواند نرم‌افزاری طراحی کند که فقط بخش ‌<article>‌ یک گروه از وب‌سایت‌ها را بیرون بکشد و بگوید که آنها را در یک پایگاه داده ذخیره کند یا لیستی از تمام ویدیوهایی که در وب وجود دارد را به‌وسیله پیدا کردن عناصر ‌<video>‌ تهیه کند.

نرم‌افزار صفحه‌خوان می‌تواند به کاربران این امکان را بدهد که اگر دنبال مطلب اصلی صفحه وب می‌گردند مستقیما سراغ عنصر ‌<article>‌ بروند یا اگر می‌خواهند صفحه را به‌سمتی هدایت کنند، مستقیما سراغ عنصر ‌<nav>‌ برود.

2– اداره بهتر فرم‌های وب ‌ ‌

این‌روزها خیلی سخت است که در فرم‌های وب‌سایت‌ها سردرگم نشوید وقتی که یک کامنت را برای یک بلاگ می‌فرستید یا یک حساب کاربر می‌سازید یا در ‌Gmail‌ یک ایمیل می‌فرسید. ‌5 HTML‌ روشی به‌نام فرم‌های وب 2.0 ایجاد کرده است که به برنامه‌نویسان قابلیت‌های موثرتر و ساده‌تر برای اداره فیلدهای ورود اطلاعات و فرم‌های فرستادن اطلاعات می‌دهد. ‌ ‌

جالب‌ترین بخش فرم‌های وب 2.0، معتبرسازی فرم است که در حال حاضر با استفاده از کدهای جاوا اسکریپت (در سمت کاربر) یا ‌ PHP‌(در سمت سرور) این کار انجام داده می‌شود.

در ‌4 HTML‌ برای نشانه‌گذاری یک فرم که نام کاربری و ایمیل را بگیرد به این صورت عمل می‌کنیم:

در واقع برنامه‌نویس برای معتبرسازی این فرم، باید از اسکریپت‌های آماده استفاده کند تا مثلا بررسی کند که فیلد نام کاربری و ایمیل خالی وارد نشده باشند، ایمیل حتما از قاعده خاصی استفاده کند و نام کاربری معتبر وارد شده باشد. ‌ ‌

‌5HTML‌ برای اداره این فرم بدون نیاز به نوشتن اسکریپت اعتبارسازی، خواصی را به عناصر اضافه کرده است مانند لزوم ‌(Required)‌ یا خاصیت ایمیل ‌(Required email)‌ که به‌طور خودکار چک می‌کند که قبل فیلدهای نام کاربری و ایمیل فضای خالی قرار داده شده است یا نه و یا چارچوب آدرس ایمیل صحیح است یا خیر.

پی‌نوشت‌ها

 Hyper-Text Markup Language.1‌

 Web Hypertext Application.2‌

‌Technology Working Group