آموزش HTML – بررسی Doctypeها

آموزش HTML
آموزش HTML

Doctypeها در HTML

در این جلسه قصد بررسی Doctypeها را داریم.

در این بررسی به استفاده صحیح از Doctypeها در HTML و علت استفاده از آنها می پردازیم.

 

حتما قبل از بررسی بررسی Doctypeها نوشته ی مطالب قبلی این دوره ی آموزشی را با هشتگ #دوره_آموزشی_HTML در سایت ما را مطالعه کنید.

در قسمت قبل با شما مرور کردیم که زبان اچ تی ام ال چیست و مفاهیم آنرا به طور کامل بررسی کردیم.

 

یکی از تگ های مهم زبان نشانه گذاری HTML تگ DOCTYPE می باشد.

DOCTYPE چیست ؟

Doctype نوع سند را معرفی می کند این به این معناست که مرورگر بفهمد صفحه وبی که شما طراحی شده است از چه نوعی است. این انواع عبارتند از : html5 و html4 و … .

کاربرد DOCTYPE چیست ؟

این تگ باعث استاندارد شدن صفحات وب و نمایش به طور یکسان در تمام مرورگر های اینترنتی می باشد.

شما با قرار دادن این تگ در سطر اول کدهای سند HTML خود، در واقع به مرورگر های مختلف می فهمانید که نوع سند شما چیست و آنها باید به یک صورت صفحه را نمایش دهند.

از نکات مهم استفاده این تگ سئو یا بهینه سازی صفحات وب می باشد؛ حالا در صورتی که هدف شما نوشتن یک صفحه وب استاندارد می باشد حتما از تگ های Doctype استفاده کنید.

انواع DOCTYPE :

  • تگ Doctype در HTML5 به شکل زیر می باشد:
    <!DOCTYPE html>
  • تگ Doctype در HTML 4.01 Strict به شکل زیر می باشد:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • تگ Doctype در HTML 4.01 Transitional به شکل زیر است:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • تگ Doctype در HTML 4.01 Frameset به شکل زیر است:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  • تگ Doctype در XHTML 1.0 Strict به شکل زیر است:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • تگ Doctype در XHTML 1.0 Transitional به شکل زیر است:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • تگ Doctype در XHTML 1.0 Frameset به شکل زیر است:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  • تگ Doctype در XHTML 1.1 به شکل زیر است:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

پیشنهاد نویسنده : فهرست انکدهای معروف در کامپیوتر

ساختار اسناد HTML5 با تگ Doctype :

با توجه به اینکه در این سری آموزشی HTML ما تمرکز روی HTML5 داریم پس ساختار HTML5 همراه با تگ Doctype را بررسی خواهیم کرد.

<!DOCTYPE html>
<html>
   <head>
      <title>عنوان صفحه که در بالای مرورگر قابل مشاهده است</title>
   </head>
   
   <body>
      محتوای قابل مشاهده در صفحات تحت وب بر پایه اچ تی ام ال
   </body>
</html>

 

برای استفاده از تمامی جلسات از هشتگ #دوره_آموزشی_HTML در سایت ما استفاده کنید.

منتظر جلسه ی بعدی دوره ی آموزشی HTML باشید.

موفق و سرافزاز باشید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]