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

ارسال شده توسط توسط مدیر سایت 3 دقیقه مطالعه
آموزش HTML – بررسی Doctypeها
آموزش HTML – بررسی Doctypeها

Doctypeها در HTML

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

 

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

حتما قبل از بررسی بررسی 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 در سایت ما استفاده کنید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 2 میانگین: 5]
برچسب: