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