HomeLatest topics
اخبار فناوری اطلاعات
Top posters
| meys@m |
| |||
| nvdcmptr |
| |||
| محمدعلی احمدی |
| |||
| alsol |
| |||
| رضا |
| |||
| donya2010 |
| |||
| minyator |
| |||
| mina_love |
| |||
| علیرضا |
| |||
| moj3 |
|
Rss feeds
Social bookmarking
5 چيز جالب كه در 5 HTML بايد دنبال آنها بگرديد
5 چيز جالب كه در 5 HTML بايد دنبال آنها بگرديد
by meys@m on Fri Nov 27, 2009 4:07 pm
این مقاله از بخش کلیک جام جم آنلاین انتخاب شده است.
در 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
در 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
_________________
If at first you don't succeed; call it version 1.0
meys@m- Admin
- تعداد پستها: 131
اعتبار: 8
Join date: 2009-05-06
Age: 20
در مورد من
رشته تحصیلی: ریاضی کاربردی -
Permissions of this forum:
شما نمي توانيد در اين بخش به موضوعها پاسخ دهيد
» کلیپ معرفی لینوکس
» كارشناسي ارشد كامپيوتر (همه گرايش ها)
» کتاب زبانهای برنامه سازی(انگلیسی)
» ترمینال لینوکس همچون موم در دستان شما
» KDE SC 4.4 ٫ تجربه ای فراتر از یک رویا
» در پی اشکال WordPress.com، بیش از ۱۰ میلیون وبلاگ از دسترس خارج شدند
» سی و چهارمین دور از مسابقات برنامهنویسی برگزار شد: ایران در مکان سی و ششم
» تهاجم گوگل باز به حریم شخصی کاربران جیمیل
» ظنز دانشجویی