تگ های جدید Html5 و کاربرد آن ها
ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 2 دقیقه

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

در این مقاله سعی دارم تا تعدادی از تگ های جدید 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۵ تاثیر زیادی در سئو سایت دارد. پس ارزش امتحان کردن رو داره.

منبع

چه امتیازی برای این مقاله میدهید؟

خیلی بد
بد
متوسط
خوب
عالی
4.78 از 9 رای

/@mrabiee175
محمد مهدی ربیعی
طراح و توسعه دهنده وبسایت و گرافیک

سلام، محمد مهدی ربیعی هستم دانشجو رشته کامپیوتر، علاقه مند به طراحی و توسعه سایت و گرافیک، از سال 98 بطور حرفه ای کار در زمینه طراحی سایت رو شروع کردم و همچنان ادامه داره... تجربه کار با زبان های HTML, CSS, JS, PYTHON, SQL, GIT و ... و همچنین تجربه کار با نرم افزار های گرافیکی PHOTOSHOP, ILLUSTRATOR, PREMIERE PRO, XD و...

دیدگاه و پرسش

برای ارسال دیدگاه لازم است وارد شده یا ثبت‌نام کنید ورود یا ثبت‌نام

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

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