این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
لیست تگ های HTML5 + توضیح و مثال
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با لیست تگ های HTML5 + توضیح و مثال با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
لیست تگ های HTML5 + توضیح و مثال
در این قسمت میخوایم فقط با تگ هایی که در HTML5 اضافه شده اند آشنا شویم، و لیست کامل این تگ هارو در ادامه میتوانید مشاهده نمایید.
همچنین مشاهده نمایید :
- لیست تمامی تگ های HTML ( اونایی که در HTML5 اضافه شدن هم هستن تو این لیست )
- لیست تگ های منسوخ شده ( یعنی دیگه نباید ازشون استفاده کرد )
Free-Learn
تگ های که در بخش معنایی / ساختاری یک صفحه وب اضافه شده اند
| نام تگ | توضیح | مثال |
|---|---|---|
| <!DOCTYPE> | برای مشخص کردن نوع یا نسخه صفحه وب | مثال |
| <article> | برای تعریف مقاله / مطالب در صفحه وب | مثال |
| <aside> | برای تعریف محتوای مرتبط با محتوای اصلی سایت | مثال |
| <bdi> | برای تعریف جهت متن / محتوا | مثال |
| <data> | برای ایجاد یک محتوای قابل درک برای موتورهای جستجوگر و… | مثال |
| <details> | برای ایجاد یک باکس محتوا بصورت بازشو | مثال |
| <dialog> | برای ایجاد یک پنجره دیالوگ ( پاپ آپ یا مودال ) | مثال |
| <figcaption> | برای ایجاد یک عنوان برای تگ <figure> | مثال |
| <figure> | برای تعریف شکل ها ، تصاویر ، نمودار ها و.. در صفحه | مثال |
| <footer> | تعریف فوتر برای یک بخش خاص یا کل صفحه | مثال |
| <header> | تعریف هدر برای یک بخش خاص یا کل صفحه | مثال |
| <main> | برای ایجاد بخش اصلی در یک صفحه وب | مثال |
| <mark> | برای رنگی کردن محتوا ( رنگ زرد یا ماژیک فسفری ) |
مثال |
| <meter> | میتوان یک گیج ( Gauge ) اندازه گیری را ایجاد کرد | مثال |
| <nav> | برای تعریف منو ها در صفحه | مثال |
| <progress> | برای نمایش میزان پیشرفت کار ( پروژه و.. ) | مثال |
| <rp> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| <rt> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| <ruby> | برای مشخص کردن علائم نگارشی زبان های شرق آسیا | مثال |
| <section> | برای تعریف یک بخش / قسمت در یک صفحه وب | مثال |
| <summary> | برای ایجاد عنوان برای تگ <details> | مثال |
| <template> | برای مخفی کردن محتوا در هنگام بارگذاری صفحه | مثال |
| <time> | برای تعریف زمان ( تاریخ و ساعت ) در یک صفحه وب | مثال |
| <wbr> | جهت شکستن متن به سطر جدید | مثال |
Free-Learn
تگ های اضافه شده در بخش رسانه ها
| نام تگ | توضیح | مثال |
|---|---|---|
| <audio> | برای گذاشتن آهنگ ( فایل صوتی ) در صفحه وب | مثال |
| <embed> | برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه | مثال |
| <source> | برای مشخص کردن مسیر فایل برای تگ های چندرسانه | مثال |
| <picture> | یک ظرف برای نگهداری چندین عکس / تصویر | مثال |
| <track> | برای ایجاد محتوای متنی یک رسانه ( مثلا زیرنویس ویدئو ) |
مثال |
| <video> | برای گذاشتن ویدئو در صفحه وب | مثال |
Free-Learn
تگ های اضافه شده در بخش فرم ها
| نام تگ | توضیح | مثال |
|---|---|---|
| <datalist> | برای تعریف یک لیست از گزینه های از پیش تعریف شده | مثال |
| <output> | برای نمایش خروجی یک عمل انجام شده | مثال |
Free-Learn
تگ های اضافه شده در بخش گرافیک
| نام تگ | توضیح | مثال |
|---|---|---|
| <canvas> | یک ظرف برای نگهداری اشکل گرافیکی ایجاد شده توسط جاوا اسکریپت | مثال |
| <svg> | یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG | مثال |
