5 چيز جالب كه در ‌5 HTML‌ بايد دنبال آنها بگرديد

   Donbaleh


این مقاله از بخش کلیک جام جم آنلاین انتخاب شده است.

در ‌5 HTML‌ پنج قابليت نسبت به ‌4 HTML‌ اضافه شده است كه در دو قسمت به بيان آنها مي‌پردازيم.


‌5HTML‌ نسخه بازبيني‌شده زبان نشانه‌گذاري فرامتن1‌ ‌است كه مهمترين روش نشانه‌گذاري محتواي به‌اشتراك گذاشته شده در دنياي وب است و به‌زودي منتشر خواهد شد. ‌ ‌

اهداف ‌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

 




تگ ها : html+html5

مطالب مرتبط
نظر بدهید!

نام:
ایمیل:
نظر:
 

نظرات شما!
نام: علی
تاریخ ارسال: ۲۰ آبان ۱۳۸۸ ۱:۲۴:۹
به نظر من با مطالب جالبی که تهیه کردید بهتر می بود امکان ذخیره شدن را قرار دهید تا احساس بهتری به بازدید کنندگان دهید . با تشکر
نام: abbas
تاریخ ارسال: ۹ اسفند ۱۳۸۷ ۲۲:۲۳:۳
ba salam.khastah nabashid.man danashjoe it hastam va mekhstam az matalabe shono porbar tar konid.dar kol motashakaram.ba omid rozi por bartar.
نام: اهاتف
تاریخ ارسال: ۲۱ تير ۱۳۸۸ ۱۸:۴۳:۱۵
سلام خسته نباشید عالیه. یه سوال داشتم میشه از فرم اطلاعاتمو به ایمیلم بفرستم اگر بله چجوری و آیا هاست رایگان ازش پشتیبانب میکنه با تشکر