کیفیت وب - عناصر مهم HTML

صفحه قبلی استانداردهای وب
صفحه بعدی استایل‌ها

برای بهبود کیفیت وب، <DOCTYPE>، <title> و <h1> علامت‌های مهمی هستند.

عنصر <DOCTYPE>

Doctype به معنای "توضیح نوع سند" (DTD) است.

تمام صفحات HTML و XHTML باید از علامت <Doctype> برای تعیین نسخه HTML مورد استفاده استفاده کنند.

doctype نوع HTML مورد استفاده شما را تعیین می‌کند و به مرورگر اطلاعات مهمی ارائه می‌دهد تا صفحه شما را سریع‌تر و یکسان‌تر نمایش دهد.

توضیح نوع سند همچنین به نرم‌افزارهای تأیید گراعتماد می‌دهد تا گرامر صفحه را بررسی کنند:

HTML 4.01 Strict, Transitional, Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd"

XHTML 1.0 Strict, Transitional, Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"

DTD XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"

مطالعه کنید:برچسب <!DOCTYPE> HTML

عنصر <title>

عنصر <title> یکی از مهم‌ترین عناصر HTML است. وظیفه اصلی آن توصیف محتوای صفحه است.

اگرچه عنوان بخشی قابل مشاهده از صفحه وب نیست، اما برای بهبود کیفیت وب‌سایت نیز مهم است، زیرا در مکان‌های زیر نیز قابل مشاهده است:

لیست موتورهای جستجو
در نوار عنوان پنجره
در تب‌های کتابخانه کاربر

عنوان باید تا حد امکان کوتاه و توصیف‌کننده باشد.

وقتی یک کاربر در اینترنت به دنبال وب‌سایت می‌گردد، بیشتر موتورهای جستجو عنوان وب‌سایت را در نتایج جستجو نمایش می‌دهند. مطمئن شوید که عنوان با محتوای صفحه هماهنگ است. به این ترتیب کاربران بیشتری ممکن است با کلیک بر روی این لینک‌ها به وب‌سایت شما دسترسی پیدا کنند.

وقتی کاربر به وب‌سایت شما دسترسی پیدا می‌کند، عنوان در نوار عنوان پنجره قابل مشاهده است. مطمئن شوید که حتی اگر پنجره کوچک شده باشد، عنوان همچنان نقش توصیف‌کننده محتوای وب‌سایت را ایفا می‌کند.

بعد از اینکه کاربر وب‌سایت شما را بازدید کرد، عنوان صفحه در پوشه تاریخچه ذخیره می‌شود (کاربر ممکن است صفحه را به لیست علاقه‌مندی‌های خود اضافه کند). برای دسترسی موفقیت‌آمیز بعدی، مطمئن شوید که عنوان به وضوح وب‌سایت شما را توصیف می‌کند.

عنوان‌های خوب:

<title>تدریس HTML</title>
<title>مقدمه XML</title>

عنوان‌های بد:

<title>مقدمه</title>
<title>فصل 1</title>
<title>CodeW3C.com مجموعه‌ای از HTML، CSS، JavaScript، به صورت منظم و قابل فهم را ارائه می‌دهد،
تدریس DHTML، XML، XHTML، WAP، ASP، SQL، شامل تعداد زیادی مثال و کد منبع.</title>

مطالعه کنید:برچسب HTML <title>

عناصر <h1>

عناصر <h1> برای توصیف عنوان بالاترین وب‌سایت استفاده می‌شوند.

به دلیل اینکه برخی از مرورگرها به طور پیش‌فرض <h1> عناصر را به عنوان فونت‌های بزرگتر نمایش می‌دهند، برخی از توسعه‌دهندگان وب از عناصر <h2> به جای <h1> برای نمایش عنوان‌های بالاترین استفاده می‌کنند. این کار تأثیری بر خوانایی برای خوانندگان ندارد، اما می‌تواند باعث گمراهی موتورهای جستجو و نرم‌افزارهای دیگر که سعی در درک ساختار وب‌سایت دارند، شود.

لطفاً مطمئن شوید که از <h1> برای عنوان‌های بالاترین استفاده کنید و از <h2> و <h3> برای لایه‌های پایین‌تر استفاده کنید.

می‌توانید از این قالب برای ساخت وب‌سایت خود استفاده کنید: