تگ های جدید Html5 و کاربرد آن ها

29 فروردین 1400, خواندن در 2 دقیقه

در این مقاله سعی دارم تا تعدادی از تگ های جدید Html5 رو به شما معرفی کنم.
تعدادی از این تگ ها حدوداً در سال 2017 (2018) به رسمیت شناخته شدن، و در حال حاضر از این تگ ها در طراحی وب سایت استفاده میشود.

لیست تگ ها

تگ article
تعریف یک پست ( مقاله )
تگ aside
سکشن های سایدبار
تگ audio
تعریف محتوای صوتی
تگ bdi
جهت دادن به متن در زبانی خارج از صفحه اصلی
تگ canvas
رسم های گرافیکی با کمک جاوا اسکریپت
تگ data
مقداری جهت ترجمه زبان ماشین
تگ datalist
سازنده لیستی مخصوص
تگ details
جزییات اضافی در سند html
تگ dialog
تعریف یک دیالوگ
تگ embed
ایجاد یک پلاگین جهت درج صدا و فیلم و..
تگ figure
جهت تعیین محتوای مجزای عکس ها و..
تگ figcaption
تعریف عنوان یک عکس
تگ footer
پابرگ در سند html
تگ header
سربرگ در سند html
تگ main
تگ تعیین محتوای اصلی سند html
تگ mark
برجستگی بخشی از متن html
تگ meter
تعیین یک مقدار درصدی html
تگ nav
برای منوها در html
تگ output
خروجی عمل محاسباتی در html
تگ picture
ایجاد تصاویر ریسپانسیو
تگ progress
پیشرفت یک پروسه در html
تگ rp
نمایش تلفظ کاراکترهای زبان آسیای شرقی
تگ rt
نمایش تلفظ کاراکترهای زبان آسیای شرقی
تگ ruby
نمایش تلفظ کاراکترهای زبان آسیای شرقی
تگ section
یک بخش مجزا در سند html
تگ source
منابع تگ های video و audio
تگ summary
عنوان برای تگ details
تگ svg
تگی برای تعریف فایل های گرافیکی وب
تگ template
ایجاد یک تمپلیت ساختار DOM در HTML
تگ time
نمایش تاریخ و زمان در html
تگ track
آهنگ متن تگ های video و audio
تگ video
تعریف محتوای تصویری
تگ wbr
تگ شکست کلمات طولانی بدون space

نتیجه

استفاده از تگ های HTML۵ تاثیر زیادی در سئو سایت دارد. پس ارزش امتحان کردن رو داره.

منبع

چه امتیازی به این مقاله می دید؟
خیلی بد
بد
متوسط
خوب
عالی

دیدگاه‌ها و پرسش‌ها

برای ارسال دیدگاه لازم است، ابتدا وارد سایت شوید.

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

در حال دریافت نظرات از سرور، لطفا منتظر بمانید

آفلاین
user-avatar
محمد مهدی ربیعی @mrabiee175
طراح وب سایت Html5, CSS, jQuery و طراح گرافیک فتوشاپ و...
دنبال کردن

گفتگو‌ برنامه نویسان

بخشی برای حل مشکلات برنامه‌نویسی و مباحث پیرامون آن وارد شو