لیست تگ های HTML5 + توضیح و مثال

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با لیست تگ های HTML5 + توضیح و مثال با من همراه باشید.

لیست تگ های HTML5 + توضیح و مثال

Free-Learn

لیست تگ های HTML5 + توضیح و مثال

بنده در یک مطلب جداگانه لیست کامل تگ های HTML بهمراه توضیح و مثال رو قرار دادم که در صورت تمایل میتونید از طریق لینک زیر این مطلب رو مشاهده نمایید.

حال در این قسمت میخوایم فقط با تگ هایی که در HTML5 اضافه شده اند آشنا شویم، و لیست کامل این تگ هارو در ادامه میتوانید مشاهده نمایید.

برای مشاهده آموزش هر یک از تگ های موجود در لیست زیر ، بروی نام تگ مورد نظر کلیک نمایید و همچنین برای مشاهده مثال های آنلاین هر یک از تگ ها، بروی دکمه ( مثال ) کلیک نمایید.

Free-Learn

تگ های که در بخش معنایی / ساختاری یک صفحه وب اضافه شده اند

نام تگ توضیح مثال
<!DOCTYPE> برای مشخص کردن نسخه / ورژن یک صفحه وب مثال
<article> برای ایجاد پست / مقاله / مطالب در یک صفحه وب مثال
<aside> برای تعریف محتوا فرعی (محتوایی که در ارتباط با محتوای اصلی است) مثال
<bdi> برای تعریف جهت نوشتاری یک محتوا مثال
<data> ایجاد یک محتوا قابل خواندن و قابل ترجمه توسط ماشین های مترجم مثال
<details> برای ایجاد یک باکس بازشو جهت نمایش محتوا به کاربر مثال
<dialog> برای ایجاد یک باکس دیالوگ جهت نمایش در مرورگر مثال
<figcaption> ایجاد یک عنوان برای تگ <figure> مثال
<figure> برای گذاشتن یک محتوای مستقل در یک صفحه وب (مثله نمودارها،تصاویر و..) مثال
<footer> برای ایجاد فوتر یا پایینی ترین قسمت یک سایت مثال
<header> برای ایجاد هدر سایت مثال
<main> برای ایجاد بخش اصلی از یک صفحه وب مثال
<mark> ماژیک زرد – برای رنگی کردن محتوا مثال
<meter> میتوان یک گیج (Gauge) اندازه گیری را در یک صفحه وب ایجاد کرد مثال
<nav> برای ایجاد منو ها در یک صفحه وب مثال
<progress> برای نمایش میزان پیشرفت یک عمل/کار یا پروژه مثال
<rp> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<rt> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<ruby> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<section> برای ایجاد یک بخش / قسمت در یک صفحه وب مثال
<summary> برای ایجاد عنوان برای تگ <details> مثال
<template> برای مخفی کردن محتوا در سمت کاربر ( Client ) مثال
<time> برای ایجاد یک زمان – (تاریخ و ساعت) در یک صفحه وب مثال
<wbr> جهت شکستن خط به سطر جدید مثال

Free-Learn

تگ های اضافه شده در بخش رسانه ها ( موزیک ، ویدئو و.. )

نام تگ توضیح مثال
<audio> برای گذاشتن آهنگ / موسیقی و.. در یک صفحه وب مثال
<embed> یک ظرف برای نگهداری محتوای خارج از صفحه وب (مثله فایل های فلش یا PDF) مثال
<source> برای مشخص کردن سورس / منبع یک فایل چندرسانه ای مثال
<picture> یک ظرف برای نگهداری مجموعه ای از تصاویر مثال
<track> برای ایجاد محتوای متنی یک رسانه ( مثله زیرنویس ویدئو ) مثال
<video> برای گذاشتن ویدئو در صفحه وب مثال

Free-Learn

تگ های اضافه شده در بخش فرم ها

نام تگ توضیح مثال
<datalist> یک لیست از گزینه های از پیش تعریف شده را مشخص میکند مثال
<output> برای نمایش خروجی یک عمل انجام شده (مثله عمل ماشین حساب) مثال
<keygen> برای تولید یک جفت کلید یا کد رمزنگاری شده در سمت کاربر و سرور

Free-Learn

تگ های اضافه شده در بخش گرافیک

نام تگ توضیح مثال
<canvas> یک ظرف برای نگهداری اشکل گرافیکی ایجاد شده توسط اسکریپت ها مثال
<svg> یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG مثال

Free-Learn

دریافت PDF یا پرینت این مطلب