ریشه و متادیتا
<!DOCTYPE html> نوع سند HTML5
<html> ریشه کل صفحه
<head> تنظیمات و متادیتا
<title> عنوان تب مرورگر
<meta> دادههای سئو و کاراکتر
<link> اتصال به فایل خارجی (CSS)
<style> کدهای CSS داخلی
<script> کدهای جاوااسکریپت
ساختار معنایی (Semantic)
<body> محتوای قابل مشاهده
<header> هدر یا سربرگ
<nav> منوی ناوبری لینکها
<main> محتوای اصلی صفحه
<section> بخشبندی موضوعی
<article> مقاله یا پست مستقل
<aside> محتوای جانبی (سایدبار)
<footer> پاورقی سایت
<div> باکس بدون معنا (گروهبندی)
<span> باکس درونخطی بدون معنا
متن و فرمتدهی
<h1> تا <h6> تیترها (H1 مهمترین)
<p> پاراگراف
<br> رفتن به خط بعد
<hr> خط جداکننده افقی
<strong> / <b> پررنگ (با/بدون معنا)
<em> / <i> کج و تاکیدی
<mark> هایلایت زرد
<del> / <ins> حذفشده / اضافهشده
<sup> / <sub> بالانویس / زیرنویس
<blockquote> نقل قول طولانی
لیستها
<ul> لیست نامرتب (نقطهای)
<ol> لیست مرتب (عددی)
<li> آیتم درون لیست
<dl> لیست تعاریف
<dt> کلمه مورد تعریف
<dd> متن تعریف کلمه
لینکها و مدیا
<a href=""> لینک یا لنگر
<img src=""> تصویر (بدون تگ پایان)
<audio controls> پخشکننده صدا
<video controls> پخشکننده ویدیو
<source> منبع فایل برای مدیا
<iframe src=""> قاب نمایش سایت دیگر
<figure> ظرف تصویر و کپشن
<figcaption> زیرنویس تصویر
<canvas> بوم رسم با جاوااسکریپت
<svg> گرافیک برداری
جداول (Tables)
<table> ظرف اصلی جدول
<caption> عنوان جدول
<thead> سربرگ جدول
<tbody> بدنه اصلی جدول
<tfoot> پاورقی جدول
<tr> یک ردیف (سطر)
<th> سلول عنوان (پررنگ)
<td> سلول داده معمولی
فرمها (Forms)
<form> ظرف اطلاعات ارسالی
<input type=""> فیلد ورودی
<textarea> ورودی متن چندخطی
<button> دکمه کلیک
<label for=""> برچسب فیلدها
<select> لیست کشویی انتخابی
<option> گزینههای لیست کشویی
<fieldset> گروهبندی فیلدهای مرتبط
<legend> عنوان برای Fieldset
تعاملی و ویژگیهای مهم
<details> آکاردئون (باز/بستهشونده)
<summary> تیتر آکاردئون
<dialog> پنجره مودال / پاپآپ
class="" صفت دستهبندی استایل
id="" صفت شناسه یکتا
data-*="" ذخیره داده سفارشی/مخفی
hidden مخفیکردن کامل عنصر
contenteditable قابل ویرایش کردن تگ