3 سال پیش / خواندن دقیقه

معرفی عناصر جدید ۵ HTML با جدول

معرفی عناصر جدید ۵ HTML با جدول

در ۵ 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
یک فیلد ورودی با اعتبار سنجی الگوی ایمیل تعریف می کند. email
یک فیلد ورودی برای انتخاب ماه در یک سال خاص را تعریف می کند. month
یک فیلد فقط با مقدار عددی تعریف می کند. number
یک انتخاب کننده مقدار عددی با دامنه معلوم تعریف می کند. range
برای تعریف فیلد جستجو استفاده می شود. search
یک کنترل برای ورود شماره تلفن است. tel
یک کنترل برای ورود داده زمان بدون منطقه زمانی است. time
یک فیلد ورودی برای وارد کردن URL تعریف می کند. url
یک انتخاب کننده هفته برای یک سال خاص تعیین می کند. week

 


شاید از نوشته‌های زیر خوشتان بیاید
نظر خود را درباره این پست بنویسید ...

منوی سریع