تکنیکی در html است که صفحه نمایش را به چندین بخش تقسیم می کند.

طراحی سایت ها به صورت قاب موضوعی کاملاً مرده است.

برای اطلاعات بیشتر عبارت Seo Frame را در گوگل جستجو کنید.

Frame (قاب)

برای اینکه کدهای درون سایت خود را با استاندارد W3C چک کنید و از Valid بودن آنها مطمئن شوید که با خطایی روبرو هستید یا خیر به آدرس http://w3.org  رفته و از قسمت Validator گزینه ی MarkUp Validator را انتخاب می کنیم و در قسمت URL Address آدرس سایت خود را کپی می کنید.

هم اکنون سایت شما از نظر استانداردهای مربوط به کدهای html بررسی می شود که اگر خطایی در صفحه ی شما موجود باشد به شما گزارش می شود تا نسبت به رفع خطاها بپردازید. برای دسترسی سریع تر برای چک کردن سایت خود می توانید به آدرس های زیر مراجعه کنید:

برای چک کردن سایت

http://validator.w3.org

برای هماهنگ بودن کدهای سایت با موبایل

http://validator.w3.org/mobil

چک کردن استاندارد کدهای سایت (Valid Code)

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

برای این کار از تگ <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 برای معرفی سایت