تیترها و پاراگراف‌ها؛ سلسله‌مراتب محتوا

تیتر اندازهٔ فونت نیست

h1 تا h6 سطح‌های عنوان‌اند. برای شروع از یک h1 روشن برای عنوان اصلی صفحه استفاده کن، بخش‌های اصلی را با h2 و زیر‌بخش‌ها را با h3 مشخص کن. تیتر را فقط برای درشت‌شدن متن انتخاب نکن؛ اندازه و رنگ کار CSS است. سطح‌ها را بر اساس ساختار محتوا مرتب نگه دار.

<h1>راهنمای سفر به شیراز</h1>
<p>برنامه‌ای برای یک سفر کوتاه.</p>
<h2>دیدنی‌ها</h2>
<h3>باغ‌ها</h3>
<p>باغ ارم یکی از مقصدهاست.</p>
<h2>وسایل سفر</h2>

پاراگراف داخل p است. br شکست خطِ معنادار، مثل خط‌های نشانی یا شعر است؛ برای فاصلهٔ تزئینی نیست. hr تغییر موضوع یا جدایی معنایی بین بخش‌های محتوا را نشان می‌دهد.

در یک p عنصرهایی مانند h2، ul و div نگذار؛ پاراگراف را قبل از فهرست ببند. «block» و «inline» رفتار پیش‌فرض نمایشی‌اند و با CSS تغییر می‌کنند؛ معتبر بودن تودرتویی از قواعد HTML پیروی می‌کند.

آزمایش: تیترها را به p تبدیل کن و تفاوت ساختار را در Inspect ببین.