وباکا

آموزش تخصصی برنامه نویسی وب

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

مطالب مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

فهرست مطالب