استفاده از تگ های H1 و H2 برای معرفی سایت

بهتر است این کار برای عکس هایی که به عنوان لوگو در سایت هستند انجام گیرد و یا به صورت کلی در ابتدای سایت خود حتماً از کلمات کلیدی و توضیحات برای سایت استفاده کنید.

برای این کار از تگ <hgroup> استفاده کنید و در آن با استفاده از تگ های <h1> و <h2> متن کلیدی خود را درون آن بنویسید و سپس در CSS با استفاده از المنت text-indent از نمایش آن در سایت جلوگیری کنید.

برای نمونه در فایل index.html کد زیر را می نویسیم:

<header>

     <hgroup>

<h1 id="site-title"><a href="#" title="Hansel &amp; Petal Flower Company home  pages" rel="home"> Hansel &amp; Petal Flower</a></h1>

<h2 id="site-description">From our garden to your home</h2>

    </hgroup>

</header>

و در فایل CSS می نویسیم:

site-title a}

آدرس عکس یا لوگوی سایت

  background: url("/images/zt_harpy/logo.jpg") no-repeat;

  height: 183px;

  width: 900px;

  display: block;

  text-indent: -9999px;}

#site-description{

  position: absolute;

  text-indent: -9999px;}

نکته: بعضی از دستورات بکار گرفته شده در رشته کد بالا مربوط به html5 می باشد.

استفاده از تگ های H1 و H2 برای معرفی سایت