سرتیتر در html همان چیزی است که از نامش مشخص است: عناوین اصلی و عناوین فرعی. سرتیتر از h1 شروع میشود و تا h6 ختم میشود. وقتی تکست در یکی از سرتیترها قرار میگیرد آن متن بلد میشود و سایز آن بستگی به شماره سرتیتر دارد (1 تا 6).
المان سرتیتر شش سطح از سرتیتر یک سند را نشان میدهد. h1 از همه مهم تر است و h6 کمترین اهمیت را دارد. بطور خلاصه سرتیتر موضوع بخشی را که در آن قرار دارد تعریف میکند.
مثال:
<h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</h3> <h4>Heading level 4</h4> <h5>Heading level 5</h5> <h6>Heading level 6</h6>
اتریبیوت ها:
این المان ها از اتریبیوت های جهانی استفاده میکنند.
اتریبیوت align در html 4.01 کاربرد آن بد دانسته شده است و توصیه شده که دیگر از آن استفاده نکنند و لی در html5 کاربرد آن ممنوع اعلام شده است.
نکاتی که باید در ذهن داشته باشید:
- از سرتیتر ها فقط برای سرتیتر استفاده کنید. برای بزرگ تر و یا بلد نشان دادن متن از آنها استفاده نکنید.
- موتورهای جستجو از سرتیترها برای ایندکس کردن ساختار و محتوای صفحه شما استفاده میکنند
- از آنجایی که کاربران صفحه را با سرتیترهای آن بررسی میکنند، مهم است برای نشان دادن ساختار سایت به کاربر از سرتیترها استفاده کنید.
- از
H1بعنوان تیتر اصلی استفاده کنید و متعاقب آن ازH2،H3تاH6استفاده کنید. - برای کوچک تر کردن سایز سرتیتر ها از سطوح پایین تر سرتیتر استفاده نکنید. بجای آن از
cssاستفاده نمایید. - در html5 از تگ
sectionبرای تعریف رئوس سند استفاده کنید. سرتیترها برای بخش (section) و زیر بخش ها عناوین فراهم میکند. همچنین شما میتوانید سرتیتر و محتوای مربوط به آن را داخلdivقرار دهید. - اولین سرتیتر در
sectionنشان دهنده سرتیتر آن بخش است. اما سرتیتر در همان رتبه و یا بالاتر از آن بخش جدید را میسازد و سرتیتر با رتبه پایین تر زیر بخشی را ایجاد میکند که مربوط به همان بخش است.