برچسب‌های قالب‌بندی متن

HTML چندین عنصر کوچک دارد که برای تأکید یا تغییر معنایی بخشی از متن استفاده می‌شوند. این عناصر معمولاً درون یک پاراگراف یا جمله به‌کار می‌روند.

<p><b>این متن پررنگ است</b></p>
<p><i>این متن کج (ایتالیک) است</i></p>
<p><mark>این متن هایلایت شده است</mark></p>
<p><small>این متن ریزتر است</small></p>
<p><del>این متن خط‌خورده است</del></p>
<p><ins>این متن زیرخط‌دار و درج‌شده است</ins></p>

تفاوت b با strong، و i با em

برچسب‌های <b> و <i> فقط ظاهر متن (پررنگی یا کجی) را تغییر می‌دهند و بار معنایی خاصی ندارند. در مقابل، <strong> به معنای «اهمیت زیاد» و <em> به معنای «تأکید در لحن جمله» است. از نظر ظاهری هر دو جفت مشابه دیده می‌شوند، اما صفحه‌خوان‌ها و موتورهای جست‌وجو آن‌ها را متفاوت تفسیر می‌کنند.

<p>لطفاً این پیام را <strong>حتماً</strong> بخوانید.</p>

انتخاب درست بین برچسب‌های ظاهری و معنایی، به‌خصوص برای دسترسی‌پذیری و سئوی صفحه اهمیت دارد؛ توصیه می‌شود در متن‌های مهم از نسخه‌ی معنایی (strong و em) استفاده کنید.