مرجع تگ‌های HTML ۱۱۳ مورد
راهنمای کامل تگ‌های استاندارد HTML با توضیح فارسی، مثال کاربردی و ویژگی‌های هر تگ. روی هر مورد کلیک کنید تا صفحه کامل آن با مثال و توضیحات باز شود.
متنی (۳۴)
تگ a
تگ a یک پیوند (لینک) به صفحه دیگر، فایل یا بخشی از همان صفحه ایجاد می‌کند و پایه اصلی ناوب…
تگ abbr
تگ abbr برای نمایش مخفف‌ها به کار می‌رود. با قرار دادن معنی کامل در ویژگی title، راهنمای م…
تگ b
تگ b متن را به‌صورت بصری برجسته و پررنگ نمایش می‌دهد بدون اینکه اهمیت خاصی به آن بدهد. برا…
تگ bdi
تگ bdi بخشی از متن با جهت متفاوت را از متن اطراف ایزوله می‌کند تا ترتیب نمایش کاراکترها به…
تگ bdo
تگ bdo جهت نمایش متن را به‌صورت دستی بازنویسی می‌کند و ترتیب اتصال کاراکترهای آن را عوض می…
تگ blockquote
تگ blockquote برای نقل‌قول بلند از منبع دیگر استفاده می‌شود و به‌صورت بلوک مستقل نمایش داد…
تگ br
تگ br یک شکست خط ایجاد می‌کند و متن ادامه را به سطر بعد می‌برد. برای مواردی مانند نشانی پس…
تگ cite
تگ cite برای مشخص کردن عنوان یک اثر خلاقانه مانند کتاب، فیلم، آهنگ یا مقاله به کار می‌رود.…
تگ code
تگ code بخشی از کد رایانه‌ای را با فونت هم‌عرض (monospace) نمایش می‌دهد. برای نمایش چند خط…
تگ data
تگ data محتوای متنی قابل خواندن برای انسان را به یک مقدار قابل پردازش برای ماشین متصل می‌ک…
تگ del
تگ del متنی را که از سند حذف شده است نشان می‌دهد و مرورگر آن را با خط خوردگی نمایش می‌دهد.…
تگ dfn
تگ dfn نمونه تعریف‌شونده یک اصطلاح را مشخص می‌کند؛ یعنی جایی که اصطلاح برای اولین بار تعری…
تگ em
تگ em تأکید معنایی روی بخشی از متن ایجاد می‌کند و مرورگر آن را ایتالیک نمایش می‌دهد. برخلا…
تگ i
تگ i متنی را که به دلیلی با متن اصلی متفاوت است ایتالیک نمایش می‌دهد؛ مانند اصطلاح فنی، نا…
تگ ins
تگ ins متنی را که به سند اضافه شده است نشان می‌دهد و مرورگر آن را زیر خط‌دار نمایش می‌دهد.…
تگ kbd
تگ kbd ورودی کاربر از صفحه‌کلید، صدا یا سایر دستگاه‌ها را نشان می‌دهد و مرورگر آن را با فو…
تگ mark
تگ mark بخشی از متن را به‌عنوان برجسته‌شده در زمینه فعلی مشخص می‌کند و مرورگر آن را با پس…
تگ p
تگ p یک پاراگراف متن تعریف می‌کند و پایه‌ای‌ترین تگ محتوای متنی است. مرورگرها قبل و بعد از…
تگ pre
تگ pre متن از پیش قالب‌بندی‌شده را نمایش می‌دهد و فاصله‌ها، تب‌ها و خطوط جدید دقیقاً همان…
تگ q
تگ q یک نقل‌قول کوتاه درون‌خطی تعریف می‌کند و مرورگر به‌طور خودکار گیومه دور آن می‌گذارد.…
تگ rp
تگ rp محتوای جایگزین برای پرانتزهای تلفظ در تگ ruby تعریف می‌کند تا اگر مرورگر از ruby پشت…
تگ rt
تگ rt متن تلفظ یا توضیح کوچک را برای واژه پایه در تگ ruby مشخص می‌کند و معمولاً بالای یا ک…
تگ ruby
تگ ruby برای نمایش حاشیه‌نویسی (annotation) کنار واژه پایه استفاده می‌شود؛ مانند نمایش تلف…
تگ s
تگ s متنی را نشان می‌دهد که دیگر درست یا مرتبط نیست و مرورگر آن را با خط خوردگی نمایش می‌د…
تگ samp
تگ samp نمونه خروجی یک برنامه یا سیستم را نمایش می‌دهد و مرورگر آن را با فونت هم‌عرض نشان…
تگ small
تگ small متن‌های جانبی و ریز مانند کپی‌رایت، سلب مسئولیت و توضیحات تکمیلی را مشخص می‌کند و…
تگ span
تگ span یک ظرف درون‌خطی عمومی است که برای گروه‌بندی بخش کوچکی از متن و اعمال استایل یا اسک…
تگ strong
تگ strong اهمیت و جدیت متن را نشان می‌دهد و مرورگر آن را پررنگ نمایش می‌دهد. این تگ معنایی…
تگ sub
تگ sub متن را به‌صورت زیرنویس (پایین‌تر و کوچک‌تر) نمایش می‌دهد. کاربرد اصلی آن فرمول‌های…
تگ sup
تگ sup متن را به‌صورت بالانویس (بالاتر و کوچک‌تر) نمایش می‌دهد. کاربرد اصلی آن توان در فرم…
تگ time
تگ time یک تاریخ یا زمان مشخص را به‌صورت معنایی تعریف می‌کند. مقدار استاندارد و قابل پرداز…
تگ u
تگ u متنی را که حاشیه‌نویسی غیرمتنی دارد زیر خط‌دار نمایش می‌دهد؛ مانند اشتباه املایی نشان…
تگ var
تگ var نام یک متغیر در ریاضیات یا برنامه‌نویسی را مشخص می‌کند و مرورگر آن را ایتالیک نمایش…
تگ wbr
تگ wbr نقطه شکست مناسب برای یک کلمه طولانی را مشخص می‌کند تا هنگام کمبود فضا، مرورگر متن ر…
ساختاری (۳۳)
تگ address
تگ address اطلاعات تماس نویسنده یا مالک یک مقاله یا صفحه را مشخص می‌کند؛ مانند نشانی پستی،…
تگ article
تگ article بخشی از محتوای مستقل و کامل را در بر می‌گیرد که به‌تنهایی معنا دارد؛ مانند پست…
تگ aside
تگ aside محتوای جانبی و کمکی مرتبط با محتوای اصلی را مشخص می‌کند؛ مانند نوار کناری، تبلیغ…
تگ body
تگ body بدنه اصلی سند HTML است و تمام محتوای قابل مشاهده صفحه مانند متن، تصویر و لینک‌ها د…
تگ dd
تگ dd توضیح یا مقدار مربوط به یک اصطلاح (dt) را درون فهرست توضیحات dl مشخص می‌کند. هر اصطل…
تگ details
تگ details بخشی از محتوا را به‌صورت بازشدنی و جمع‌شونده می‌سازد بدون نیاز به جاوااسکریپت.…
تگ dialog
تگ dialog یک پنجره گفتگو یا مودال تعریف می‌کند که می‌توان آن را باز و بسته کرد. فراخوانی م…
تگ div
تگ div یک ظرف (کانتینر) عمومی در سطح بلوک است که برای گروه‌بندی عناصر و چیدمان صفحه استفاد…
تگ dl
تگ dl فهرست توضیحات (description list) را می‌سازد که از جفت‌های اصطلاح و توضیح تشکیل می‌شو…
تگ dt
تگ dt اصطلاح یا عنوان یک آیتم را در فهرست توضیحات dl مشخص می‌کند. هر dt معمولاً با یک یا چ…
تگ figcaption
تگ figcaption زیرنویس یا توضیح تصویر، نمودار یا قطعه کد را درون تگ figure مشخص می‌کند. می…
تگ figure
تگ figure محتوای خودکفا مانند تصویر، نمودار، کد یا ویدیو را همراه با زیرنویس اختیاری آن گر…
تگ footer
تگ footer پاورقی یک بخش یا کل صفحه را مشخص می‌کند و معمولاً شامل اطلاعات نویسنده، لینک‌ها…
تگ h1
تگ h1 مهم‌ترین سربرگ صفحه است و معمولاً عنوان اصلی موضوع صفحه در آن قرار می‌گیرد. برای سئو…
تگ h2
تگ h2 سربرگ درجه دو است و برای عنوان بخش‌های اصلی زیر h1 استفاده می‌شود. این تگ ساختار محت…
تگ h3
تگ h3 سربرگ درجه سه است و برای زیربخش‌های یک h2 به کار می‌رود. استفاده منظم از سلسله‌مراتب…
تگ h4
تگ h4 سربرگ درجه چهار است و برای تقسیم‌های ریزتر درون زیربخش‌ها استفاده می‌شود. در ساختار…
تگ h5
تگ h5 سربرگ درجه پنج است و در ساختارهای عمیق برای عنوان بخش‌های بسیار جزئی به کار می‌رود.…
تگ h6
تگ h6 کم‌اهمیت‌ترین سربرگ در سلسله‌مراتب عنوان‌های HTML است. برای جزئی‌ترین تقسیم‌های محتو…
تگ header
تگ header سربرگ یک بخش یا کل صفحه را مشخص می‌کند و معمولاً شامل لوگو، عنوان و ناوبری است.…
تگ hgroup
تگ hgroup یک سربرگ و متن توضیحی یا زیرعنوان مرتبط با آن را در یک گروه قرار می‌دهد. کاربرد…
تگ hr
تگ hr یک جداکننده موضوعی بین بخش‌های محتوا ایجاد می‌کند و به‌صورت خط افقی نمایش داده می‌شو…
تگ html
تگ html ریشه سند است و تمام تگ‌های دیگر درون آن قرار می‌گیرند. تنظیم ویژگی lang روی آن برا…
تگ li
تگ li یک آیتم فهرست است و درون تگ‌های ul، ol یا menu قرار می‌گیرد. در فهرست‌های ترتیبی (ol…
تگ main
تگ main محتوای اصلی و یکتای صفحه را در بر می‌گیرد؛ محتوایی که مستقیماً به موضوع صفحه مربوط…
تگ menu
تگ menu فهرستی از ابزارها یا دستورات عملی را مشخص می‌کند و از نظر نمایش مانند ul رفتار می…
تگ nav
تگ nav بخشی از صفحه را که حاوی لینک‌های ناوبری است مشخص می‌کند؛ مانند منوی اصلی یا فهرست م…
تگ ol
تگ ol فهرست ترتیبی می‌سازد که آیتم‌های آن با تگ li تعریف می‌شوند و به‌صورت شماره‌دار نمایش…
تگ section
تگ section یک بخش موضوعی مستقل در سند تعریف می‌کند که معمولاً سربرگ اختصاصی خود را دارد. ه…
تگ slot
تگ slot جای خالی برای تزریق محتوای کاربر در قالب‌های Web Components است. مقدار ویژگی name…
تگ summary
تگ summary عنوان قابل کلیک برای تگ details را تعریف می‌کند و باید اولین فرزند آن باشد. با…
تگ template
تگ template قطعه‌ای از HTML را نگه می‌دارد که هنگام بارگذاری صفحه رندر نمی‌شود و با جاوااس…
تگ ul
تگ ul فهرست بدون ترتیب می‌سازد که آیتم‌های آن با تگ li تعریف می‌شوند و به‌صورت نقطه‌دار نم…
چندرسانه‌ای (۸)
تگ area
تگ area یک ناحیه قابل کلیک روی تصویر در نقشه تصویری (image map) تعریف می‌کند و همیشه درون…
تگ audio
تگ audio برای پخش فایل صوتی در صفحه استفاده می‌شود و با ویژگی controls دکمه‌های پخش پیش‌فر…
تگ img
تگ img تصویر را در صفحه جاسازی می‌کند و تگی تهی است، یعنی تگ پایانی ندارد. ویژگی alt توضیح…
تگ map
تگ map نقشه تصویری (image map) را تعریف می‌کند که شامل یک یا چند ناحیه قابل کلیک با تگ are…
تگ picture
تگ picture امکان ارائه چند نسخه از یک تصویر را می‌دهد تا مرورگر مناسب‌ترین را انتخاب کند.…
تگ source
تگ source یکی از چند منبع ممکن برای تگ‌های video، audio و picture تعریف می‌کند تا مرورگر ن…
تگ track
تگ track زیرنویس، شرح صحنه یا فصل‌بندی را به‌صورت متنی به ویدیو و صدا اضافه می‌کند و فرمت…
تگ video
تگ video برای جاسازی و پخش ویدیو در صفحه استفاده می‌شود و با controls کنترل‌های پیش‌فرض مر…
متادیتا (۶)
تگ base
تگ base آدرس پایه همه پیوندها و منابع نسبی صفحه را تعیین می‌کند و فقط یک‌بار باید در head…
تگ head
تگ head ظرف متادیتای سند است و محتوای آن مستقیماً در صفحه نمایش داده نمی‌شود. عنوان صفحه،…
تگ link
تگ link رابطه سند با یک منبع خارجی را تعریف می‌کند و رایج‌ترین کاربرد آن اتصال فایل CSS به…
تگ meta
تگ meta متادیتای صفحه مانند انکدینگ کاراکترها، توضیحات و تنظیمات نمایش موبایل را تعریف می…
تگ style
تگ style کدهای CSS را مستقیماً درون سند قرار می‌دهد و معمولاً در head نوشته می‌شود. برای ا…
تگ title
تگ title عنوان صفحه را تعیین می‌کند که در تب مرورگر و نتیجه جستجو نمایش داده می‌شود. این ت…
فرم و ورودی (۱۵)
تگ button
تگ button یک دکمه قابل کلیک ایجاد می‌کند که می‌تواند متن یا آیکون درون خود داشته باشد. ویژ…
تگ datalist
تگ datalist فهرستی از گزینه‌های از پیش تعریف‌شده برای یک input فراهم می‌کند تا کاربر بتوان…
تگ fieldset
تگ fieldset مجموعه‌ای از فیلدهای مرتبط در فرم را گروه‌بندی می‌کند و به‌صورت پیش‌فرض دور آن…
تگ form
تگ form ظرف اصلی فرم است و همه ورودی‌هایی که داده کاربر را جمع می‌کنند درون آن قرار می‌گیر…
تگ input
تگ input مهم‌ترین عنصر فرم است و بسته به ویژگی type شکل‌های مختلفی می‌گیرد؛ مانند متن، رمز…
تگ label
تگ label برچسب یک فیلد فرم را مشخص می‌کند و با کلیک روی آن، فیلد مرتبط فعال می‌شود. اتصال…
تگ legend
تگ legend عنوان گروه فیلدها را درون تگ fieldset مشخص می‌کند و در خط بالای کادر گروه نمایش…
تگ meter
تگ meter یک اندازه‌گیری اسکالر در بازه مشخص را نمایش می‌دهد؛ مانند میزان فضای مصرفی دیسک ی…
تگ optgroup
تگ optgroup گزینه‌های مرتبط درون یک select را گروه‌بندی می‌کند و عنوان گروه با ویژگی label…
تگ option
تگ option یک گزینه در فهرست‌های select، datalist یا optgroup تعریف می‌کند. ویژگی value مقد…
تگ output
تگ output نتیجه یک محاسبه یا عملکرد کاربر را نمایش می‌دهد؛ مانند خروجی جمع دو عدد در فرم.…
تگ progress
تگ progress نوار پیشرفت انجام یک کار را نمایش می‌دهد؛ مانند درصد آپلود فایل. مقدار فعلی با…
تگ search
تگ search بخش جستجوی صفحه را مشخص می‌کند و معمولاً فرمی با یک ورودی جستجو درون آن قرار می…
تگ select
تگ select یک فهرست کشویی می‌سازد که کاربر یکی از گزینه‌های آن را انتخاب می‌کند. گزینه‌ها ب…
تگ textarea
تگ textarea یک ورودی متنی چندخطی می‌سازد که برای پیام کاربران و نظرات استفاده می‌شود. ابعا…
جاسازی‌شده (۷)
تگ canvas
تگ canvas یک سطح خالی برای رسم گرافیک با جاوااسکریپت فراهم می‌کند؛ مانند نمودار، بازی یا و…
تگ embed
تگ embed محتوای خارجی مانند فایل PDF یا رسانه‌ای با پلاگین را در صفحه جاسازی می‌کند. این ت…
تگ iframe
تگ iframe یک صفحه وب کامل را در قابی درون صفحه فعلی نمایش می‌دهد؛ مانند نقشه گوگل یا ویدیو…
تگ noscript
تگ noscript محتوای جایگزینی را نمایش می‌دهد که فقط وقتی جاوااسکریپت در مرورگر غیرفعال است…
تگ object
تگ object یک منبع خارجی مانند PDF، تصویر یا صفحه دیگر را در صفحه جاسازی می‌کند. برخلاف emb…
تگ param
تگ param پارامترهای تنظیمی برای یک شیء جاسازی‌شده با تگ object را تعریف می‌کند و هر پارامت…
تگ script
تگ script کد جاوااسکریپت را در صفحه جاسازی یا فایل اسکریپت خارجی را بارگذاری می‌کند. با وی…
جدول (۱۰)
تگ caption
تگ caption عنوان یا توضیح جدول را مشخص می‌کند و باید اولین فرزند تگ table باشد. این عنوان…
تگ col
تگ col یک ستون جدول را برای اعمال استایل مشترک تعریف می‌کند و درون colgroup قرار می‌گیرد.…
تگ colgroup
تگ colgroup گروه ستون‌های یک جدول را مشخص می‌کند و درون آن یک یا چند تگ col قرار می‌گیرد.…
تگ table
تگ table داده‌های جدولی را در ردیف و ستون نمایش می‌دهد و ساختار آن با تگ‌های tr، th و td س…
تگ tbody
تگ tbody بدنه اصلی جدول را گروه‌بندی می‌کند و ردیف‌های داده درون آن قرار می‌گیرند. جدا کرد…
تگ td
تگ td یک سلول داده در جدول تعریف می‌کند و درون تگ tr قرار می‌گیرد. با ویژگی colspan سلول د…
تگ tfoot
تگ tfoot ردیف‌های پاورقی جدول مانند مجموع ستون‌ها را گروه‌بندی می‌کند. حتی اگر در کد بعد ا…
تگ th
تگ th سلول سربرگ جدول را تعریف می‌کند و مرورگر متن آن را پررنگ و وسط‌چین نمایش می‌دهد. ویژ…
تگ thead
تگ thead بخش سربرگ جدول را گروه‌بندی می‌کند و معمولاً شامل ردیف‌هایی از سلول‌های th است. ب…
تگ tr
تگ tr یک ردیف جدول تعریف می‌کند و سلول‌های آن با تگ‌های td یا th ساخته می‌شوند. ردیف‌ها می…