در این جلسه و جلسه بعد به معرفی عناصر جدید ساختار بندی صفحه در 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 پرداخته و روش استفاده از آنها را نشان می دهیم