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

رتبه: 0 ار 0 رای sssss
HTML
نویسنده: میلاد حیدری زمان مطالعه 3 دقیقه
Banner Image

در ۵ 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

 

profile name
میلاد حیدری

بخندید کتاب بخونید و خوب باشید تا جامعه مون به آرامش برسه. لطفا ! هر سوالی دارید در بخش نظرات مطرح کنید. ما یا سایر هموطنان عزیز پاسخ خواهیم داد. برای کمک به سایت ما و گسترش آموزش در بین هموطنان، در سایتها، وبلاگ ها و شبکه های اجتماعی لینک سایت ما را درج کنید.

مطالب پیشنهادی برای شما

محصولات مرتبط

مشاهده همه

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

1 2 3 4 5

0 نظر درباره «معرفی عناصر جدید ۵ HTML»

    هنوز نظری برای این بخش ثبت نشده است
مشاهده همه نظرات
سبد خرید
سبد خرید شما خالی است
× جهت نصب روی دکمه زیر در گوشی کلیک نمائید
آی او اس
سپس در مرحله بعد برروی دکمه "Add To Home Screen" کلیک نمائید