در ۵ HTML، عناصر جدید زیادی اضافه شده است که قابلیت های بیشتری برای ایجاد یک وب سایت جذاب و پویا فراهم می کنند. با کمک این عناصر می توانید کدتان را آسان و سریع کنید.
تگ های جدید ۵ HTML
در جدول زیر لیست کاملی از عناصر تازه اضافه شده با توضیحات آنها آورده شده است.
توضیحات | نام تگ | |
تگ های ساختاری یا معنایی | ||
محتوای مستقل یا جامع در صفحه وب تعریف می کند. | <article> | |
محتوایی را تعریف می کند که اطلاعاتی مرتبط با محتوای اصلی ارائه می دهد. | <aside> |
|
بخشی از متن که ممکن است در جهت دیگری فرمت شده باشد را جداسازی می کند. | <bdi> |
|
اطلاعات بیشتری را که فقط با تقاضای کاربر قابل مشاهده اند، تعریف می کند. | <details> | |
یک کادر گفتگوی یا سایر مؤلفه های تعاملی را نشان می دهد. | <dialog> | |
برای عنصر <figure> عنوان تعریف می کند. | <figcaption> | |
محتوای مستقلی است که به عنوان یک واحد یکتا به آن اشاره می شود. | <figure> | |
قسمت پاورقی صفحه را نشان می دهد | <footer> | |
محتوای اولیه یا پیمایشی صفحه وب را تعریف می کند. | <header> | |
محتوای اصلی سند HTML را مشخص می کند. | <main> | |
متنی را نشان می دهد که برای اهداف مرجع یا نشان دار کردن، برجسته یا علامت گذاری شده است. | <mark> | |
یک مقدار عددی را در یک محدوده معلوم نشان می دهد. | <meter> | |
بخشی را نشان می دهد که شامل لینک های پیمایش است. | <nav> | |
یک نوار پیشرفت را تعریف می کند تا میزان پیشرفت تکمیل یک کار را نشان می دهد. | <progress> | |
محتوای جایگزین را برای مرورگری تعریف می کند که حاشیه نویسی روبی را پشتیبانی نمی کند. | <rp> | |
توضیحات و تلفظ کاراکترها را در حاشیه نویسی روبی تعریف می کند. | <rt> | |
حاشیه نویسی روبی را تعیین می کند (مخصوص زبان آسیایی). | <ruby> | |
یک بخش عمومی در سند HTML تعریف می کند. | <section> | |
یک خلاصه یا عنوان برای عنصر <details> تعریف می کند که می توان با کلیک حالت عنصر <details> را تغییر داد. | <summary> | |
تاریخ و زمان را درون سند HTML تعریف می کند. | <time> | |
یک فرصت شکست خط را مشخص می کند. (از چه جایی امکان شکستن خط وجود دارد) | <wbr> | |
تگ های فرم ۵ HTML | ||
یک لیست از پیش تعریف شده برای عنصر ورودی با استفاده از تگ <option> می سازد. | <datalist> | |
یک عنصر نگهدارنده برای نمایش خروجی محاسبات یا نتیجه عملکرد کاربر را می باشد. | <output> | |
تگ های گرافیکی | ||
امکان ترسیم گرافیک ها و انیمیشن ها را از طریق اسکریپت ها فراهم می کند. | <canvas> | |
برای ترسیم گرافیک های برداری مقیاس پذیر استفاده می شود. | <svg> | |
تگ های رسانه ۵ HTML | ||
محتوای صوتی را تعریف می کند. | <audio> | |
یک نگهدارنده برای فایل های خارجی، برنامه و رسانه تعریف می کند. | <embed> | |
منابع چند رسانه ای را برای عناصر رسانه تعریف می کند. | <source> | |
آهنگ های متن را برای فایل های <audio> و <video> تعریف می کند. | <track> | |
محتوای ویدیویی را درون سند HTML تعریف می کند. | <video> |
انواع <input> جدید در ۵ HTML
توضیحات | نوع ورودی |
فیلد ورودی است که یک انتخاب کننده رنگ را تعیین می کند. | color |
یک فیلد ورودی برای تعریف انتخاب کننده تاریخ است. | date |
تاریخ و زمان کامل را با اطلاعات منطقه زمانی تعریف می کند. | datetime |
تاریخ و زمان را بدون اطلاعات مربوط به منطقه زمانی تعیین می کند. | datetime-local |
یک فیلد ورودی با اعتبار سنجی الگوی ایمیل تعریف می کند. | |
یک فیلد ورودی برای انتخاب ماه در یک سال خاص را تعریف می کند. | month |
یک فیلد فقط با مقدار عددی تعریف می کند. | number |
یک انتخاب کننده مقدار عددی با دامنه معلوم تعریف می کند. | range |
برای تعریف فیلد جستجو استفاده می شود. | search |
یک کنترل برای ورود شماره تلفن است. | tel |
یک کنترل برای ورود داده زمان بدون منطقه زمانی است. | time |
یک فیلد ورودی برای وارد کردن URL تعریف می کند. | url |
یک انتخاب کننده هفته برای یک سال خاص تعیین می کند. | week |