معرفی لیست تگ های جدید HTML5
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی فهرست تمام تگ های جدید HTML5 را به همراه کاربرد تگ ها تدارک دیدیم.
همچنین شما می توانید مقاله لیست تمام تگ های HTML و مقاله لیست تگ های منسوخ شده در HTML5 را مطالعه بفرمایید.
ساختار تگ های جدید در سند HTML5
عناصر جدید در سند HTML5 و دلایل ایجاد این تگ ها
همانطور که شما وبمستران گرامی می دانید در آخرین نسخه زبان طراحی HTML تگ های جدیدی معرفی شد. تگ های جدید در نسخه جدید HTML5 ، به تایید کنسرسیوم جهانی وب ( W3C ) رسیدند و استاندارد شدند.
در حقیقت برخی از این تگ ها در ایجاد ساختار اسناد HTML ، جنبه معنایی خوبی ایجاد کردند. همچنین برخی دیگر از تگ ها ی HTML5 ، از حجم کارهای زبان جاوا اسکریپت کاسته اند. این تگ ها بسیاری از اعتبارسنجی ها و عملیاتی که نیازمند جاوا اسکریپت بود را ، قبل ارسال به سرور انجام می دهند.
فهرست تمام عناصر جدید در HTML5 به همراه کاربرد آنها در سند HTML
تگ های جدید HTML5 | کاربرد تگ های جدید HTML5 |
تگ 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 |
نکات قابل ذکر عناصر جدید در HTML5
در جدول بالا ملاحظه نمودید، 34 تگ در HTML5 تا امروز که ماه اکتبر سال 2018 هستیم معرفی شده است. جدیدترین تگ HTML5 که در سال 2018 معرفی شده است، تگ data می باشد.
تگ data با یک خصوصیت value مقداری را درون خود جهت ترجمه توسط زبان ماشین نگهداری می نماید.
نسخه جدید زبان اچ تی ام ال ، دارای منابع آموزشی بسیاری برای یادگیری است.
بهترین مرجع جامع یادگیری زبان HTML5 وبسایت W3school می باشد.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ های جدید HTML5 | لیست عناصر جدید در سند HTML5 – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
سلام خب اگر همه رو با div میشه انجام داده
فرق اینکه مثلا nav رو به جای div بنویسیم
چه امتیازی مثبتی داره؟
درود در html5 اهمیت معناگرا بودن تگ ها اسناد HTML بسیار مهمه… و در هر جایی بابت خزش بهتر روبات های موتور جستجو و بهبود رنکینگ و سئوی وبسایت شما مهمه که هر تگ رو در جای خودش استفاده کنید، تا صفحات سایت شما به بهترین شکل ممکن ایندکس بشه و در موتورهای جستجویی همچون گوگل جزء صفحات اول و حتی لینک اول باشید…