جلسه دهم – لیست عناصر (تگ های)جدید در HTML 5

طراحی و برنامه نویسی وب

در این جلسه و جلسه بعد به معرفی عناصر جدید ساختار بندی صفحه در HTML 5 می پردازیم. ابتدا لیست کامل تگ های جدید اضافه شده به html5 را بصورت فهرست وار ارائه کرده و در ادامه تک تک آنها را توضیح داده و روش ار انها را نشان می دهیم.

جدول زیر لیست تگ های جدید در html5 را نشان می دهد:

شرح نام تگ
این تگ یک عنوان برای صفحه ایجاد می کند . <article>
این تگ برای جداسازی یک متن از سایر محتویات صفحه استفاده می شود . <aside>
این تگ برای جداسازی یک تکه متن از سایر متون در یک پاراگراف استفاده می شود . این کار در زمانی صورت می گیرد که امکان دارد متن جدا شده دارای ساختار و یا فرمت مختلفی نسبت به سایر متن اطرافش داشته باشد . <bdi>
این تگ برای تعیین یک دکمه فرمان که کاربر می تواند بر روی آن کلیک نماید ، استفاده شود. <command>
بوسیله این تگ می توانید توضیحات اضافه ای را برای یک عنصر تعیین کرده و در صورت لزوم آن را مخفی یا نمایان کنید . <details>
بوسیله این تگ می توان یک عنوان را برای تگ <details> تعیین کرد . <summary>
این تگ یک فضای جدا را برای قرار دادن عکس , نمودار … در صفحه ایجاد می کند . <figure>
این تگ یک عنوان را برای تگ <figure>تعیین می کند . <figcaption>
بوسیله این تگ می توانید یک Footer ( پانوشته ) را برای یک صفحه یا بخش تعیین نمایید <footer>
بوسیله این تگ می توانید یک Header (سر عنوان ) را برای یک صفحه یا بخش تعیین نمایید . <header>
ابن تگ برای دسته بندی تگ های عنوان <h1> تا <h6> استفاده می شود . <hgroup>
این تگ باعث مارک دار کردن ( ایجاد پس زمینه ) رنگی برای متن درون آن می شود . <mark>
از این تگ برای ساخت یک واحد اندازه گیری و نمایش مقداری در آن ( مثل یک ستون در نمودار ) استفاده می شود . <meter>
این تگ برای دسته بندی و کنار هم قرار دادن چندین تگ بکار می رود . <nav>
این تگ برای ایجاد یک نمایش دهنده میزان پیشرفت یک پروسه ، استفاده می شود . <progress>
این تگ برای ایجاد یک بخش یا فضای مجزا ، بر روی صفحه استفاده می شود . <section>
از این تگ برای تعیین یک تاریخ یا ساعت بر روی صفحه استفاده می شود . <time>
این تگ برای تعیین یک شکست احتمالی در خطوط متن به کار می رود . <wbr>

در جلسه بعد به توضیح کامل مهمترین تگ های HTML5 پرداخته و روش استفاده از آنها را نشان می دهیم

برچسب ها

محصولات پیشنهادی


نظرات کاربران


نظرات برای طراحی و برنامه نویسی وب, مقالات فناوری و آموزشی | بدون نظر »

کاربر عزیز، لطفاً دیدگاه ارزشمند خود را از طریق فرم زیر برای ما ارسال کنید:

درباره کدنویسان
آکادمی کدنویسان جهت کمک به دانشجویان رشته های کامپیوتر و فناوری اطلاعات و همه علاقمندان به طراحی و برنامه نویسی برای ویندوز، وب و موبایل ایجاد شده است.
بیشتر آموزش های سایت کدنویسان، بصورت رایگان ارائه شده است و بعضی بسته های آموزشی تصویری و نیز نرم افزارهای پیاده سازی شده در ازای پرداخت، قابل دانلود هستند.
هر گونه نظر، انتقاد یا پیشنهادی در مورد مطالب یا عملکرد کدنویسان دارید، حتما با ما در میان بگذارید.
نمادهای اعتماد ما


تماس با ما
  • شماره همراه : ۰۹۱۵۱۶۰۴۰۶۸
  • آی دی تلگرام : @mmoha94
  • پست الکترونیکی : mohammadi.sm@gmail.com
  • آدرس پستی : بیرجند، خیابان پیروزی، پیروزی ۹، پلاک ۲۸
کلیه حقوق متعلق به سایت کدنویسان است، انتشار و کپی برداری از مطالب این سایت غیرمجاز بوده و پیگرد قانونی دارد.