امتیاز موضوع:
  • 1 رأی - میانگین امتیازات: 1
  • 1
  • 2
  • 3
  • 4
  • 5
تگ ها و المنت های جدید HTML 5
#1
معرفی المنت های جدید در Html 5 :اینترنت و نحوه استفاده از آن از سال 1999 که ورژن Html4.01 به دنیا عرضه شد بسیار تغییر کرده است . امروزه برخی المنت ها و تگ های قدیمی Html دیگر استفاده نمی شود و نحوه استفاده از آن تغییر کرده است .
Html 5 برای مدیریت بهتر اینترنت امروزی شامل المنت ها و تگ های جدیدی شده است . این المنت ها و تگ های جدید قابلیت های زیادی برای ساختار بندی بهتر صفحات ، مدیریت بهتر فرم ها و اطلاعات در صفحه و اجرای انواع رسانه های صوتی و تصویری را در اختیار طراحان وب قرار می دهد .
لیست زیر مهم ترین المنت های جدید Html را معرفی میکند . برای دریافت اطلاعات راجع به هر کدام بر روی نام آن کلیک نمایید :المنت های جدید ساختار بندی صفحه در HTML 5 :[table][tr][td]نام تگ[/td][td]شرح[/td][/tr][tr][td]<article>[/td][td]این تگ یک عنوان برای صفحه ایجاد می کند .[/td][/tr][tr][td]<aside>[/td][td]این تگ برای جداسازی یک متن از سایر محتویات صفحه استفاده می شود .[/td][/tr][tr][td]<bdi>[/td][td]این تگ برای جداسازی یک تکه متن از سایر متون در یک پاراگراف استفاده می شود . این کار در زمانی صورت می گیرد که امکان دارد متن جدا شده دارای ساختار و یا فرمت مختلفی نسبت به سایر متن اطرافش داشته باشد .[/td][/tr][tr][td]<command>[/td][td]این تگ برای تعیین یک دکمه فرمان که کاربر می تواند بر روی آن کلیک نماید ، استفاده شود.[/td][/tr][tr][td]<details>[/td][td]بوسیله این تگ می توانید توضیحات اضافه ای را برای یک عنصر تعیین کرده و در صورت لزوم آن را مخفی یا نمایان کنید .[/td][/tr][tr][td]<summary>[/td][td]بوسیله این تگ می توان یک عنوان را برای تگ <details> تعیین کرد .[/td][/tr][tr][td]<figure>[/td][td]این تگ یک فضای جدا را برای قرار دادن عکس , نمودار ... در صفحه ایجاد می کند .[/td][/tr][tr][td]<figcaption>[/td][td]این تگ یک عنوان را برای تگ <figure>تعیین می کند .[/td][/tr][tr][td]<footer>[/td][td]بوسیله این تگ می توانید یک Footer ( پانوشته ) را برای یک صفحه یا بخش تعیین نمایید[/td][/tr][tr][td]<header>[/td][td]بوسیله این تگ می توانید یک Header (سر عنوان ) را برای یک صفحه یا بخش تعیین نمایید .[/td][/tr][tr][td]<hgroup>[/td][td]ابن تگ برای دسته بندی تگ های عنوان <h1> تا <h6> استفاده می شود .[/td][/tr][tr][td]<mark>[/td][td]این تگ باعث مارک دار کردن ( ایجاد پس زمینه ) رنگی برای متن درون آن می شود .[/td][/tr][tr][td]<meter>[/td][td]از این تگ برای ساخت یک واحد اندازه گیری و نمایش مقداری در آن ( مثل یک ستون در نمودار ) استفاده می شود .[/td][/tr][tr][td]<nav>[/td][td]این تگ برای دسته بندی و کنار هم قرار دادن چندین تگ بکار می رود .[/td][/tr][tr][td]<progress>[/td][td]این تگ برای ایجاد یک نمایش دهنده میزان پیشرفت یک پروسه ، استفاده می شود .[/td][/tr][tr][td]<section>[/td][td]این تگ برای ایجاد یک بخش یا فضای مجزا ، بر روی صفحه استفاده می شود .[/td][/tr][tr][td]<time>[/td][td]از این تگ برای تعیین یک تاریخ یا ساعت بر روی صفحه استفاده می شود .[/td][/tr][tr][td]<wbr>[/td][td]این تگ برای تعیین یک شکست احتمالی در خطوط متن به کار می رود .[/td][/tr][/table]المنت های جدید رسانه در HTML 5 :[table][tr][td]نام تگ[/td][td]شرح[/td][/tr][tr][td]<audio>[/td][td]از این تگ برای قرار دادن محتویات صوتی در صفحه ، استفاده می شود .[/td][/tr][tr][td]<video>[/td][td]از این تگ برای قرار دادن محتویات تصویری یا ویدیو در صفحه ، استفاده می شود .[/td][/tr][tr][td]<source>[/td][td]از این تگ برای تعیین یک یا چندین منبع فایل ، برای تگ های <video> یا <audio> استفاده می شود .[/td][/tr][tr][td]<embed>[/td][td]این تگ فضایی را برای قرار گرفتن یک نرم افزار خارجی یا یک plug-in ، بر روی صفحه ایجاد می کند .[/td][/tr][/table]تگ جدید <canvas> در HTML 5 :[table][tr][td]نام تگ[/td][td]شرح[/td][/tr][tr][td]<canvas>[/td][td]از این تگ برای ایجاد طرح ها و اشکال هندسی یا گرافیکی ، با کمک جاوا اسکریپت استفاده می شود .[/td][/tr][/table]تگ جدید <canvas> در HTML 5 :HTML 5 ، تگ های جدیدی را برای کار بهتر با فرم ها اراثه کرده است ، که عبارتند از :[table][tr][td]نام تگ[/td][td]شرح[/td][/tr][tr][td]<datalist>[/td][td]از این تگ جهت تعیین لیستی از آیتم ها ، برای کنترل های <input> استفاده می شود .[/td][/tr][tr][td]<keygen>[/td][td]از این تگ برای ایجاد یک کادر رمز و رمز گذاری محتویات آن استفاده می شود . .[/td][/tr][tr][td]<output>[/td][td]این تگ می تواند نتیجه یک جمع را به وسیله جاوا اسکریپت ، در خروجی نمایش دهد .ن[/td][/tr][/table]لیست تگ های حذف شده در HTML 5 :تگ های زیر به علت قدیمی شدن و عدم کارایی ، از فهرست تگ های HTML 5 حذف شده اند :
  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>
بلخره اومدم :|
دلتون واسم تنگ شده بود
عخییییی d:
پاسخ
 سپاس شده توسط WiSe


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  مقدمه آموزش HTML 5 مهدی علینقیان 0 115 21-04-2014، 10:35 AM
آخرین ارسال: مهدی علینقیان
  بیاین با هم HTML یاد بگیریم! انجمن مخ ها 20 1,491 03-05-2013، 05:54 PM
آخرین ارسال: انجمن مخ ها
  نوشتن سر فصلها و پاراگراف در HTML انجمن مخ ها 0 311 04-09-2012، 10:51 PM
آخرین ارسال: انجمن مخ ها
  اصول نوشتن صفحات HTML انجمن مخ ها 0 293 04-09-2012، 10:24 PM
آخرین ارسال: انجمن مخ ها
  آنچه که قبل از یادگیری HTML لازم است بدانید انجمن مخ ها 0 237 04-09-2012، 10:05 PM
آخرین ارسال: انجمن مخ ها
  رویدادهای مربوط به صفحه کلید و ماوس در HTML انجمن مخ ها 0 241 01-09-2012، 08:27 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان