جلسه دوم : <!DOCTYPE> چیست ؟ و چرا باید استفاده کنیم.

سلام دوستان.اول منو باید ببخشید که دیر به دیر این بخش رو به روز رسانی می کنم ، دوم امیدوارم مطالب قبلی رو خوب مطالعه کرده باشید.سوم هم که بریم سراغ درس این جلسه 😉

درس این جلسه معرفی کامل تگ <!DOCTYPE> خواهد بود .نیار نیست درس این جلسه رو حفظ کنید ، فقط یاد بگیرید و بلد باشید این تگ چیه ، و چه کاربردی داره ، بعد هم مقدار <!DOCTYPE>رو در صفحات خودتون copy و paste کنید.همین.

خیلی جالبه با این که تگ <!DOCTYPE> بسیار با اهمیت هست ولی در منابع فارسی بحث خاصی روی این تگ نشده !!!!!!!!! که در نوع خودش خیلی جالبه.؟ 😉 در واقع این مبحث راز طراحان حرفه ای ایران شده که من امروز می خوام اون رو فاش کنم 😉

معنی <!DOCTYPE> : نوع سند را معرفی می کنه (خوب یعنی چی ؟) یعنی به مرورگر می فهماند صفحه وبی که شما طراحی کردید از چه نوعی است (از چه سندی است) مثلا : html4 , html1 , html5 و …

کاربرد <!DOCTYPE> : خیلی خلاصه و مفید بخوام بگم ، این تگ باعث استاندارد شدن صفحه و نمایش یکسان صفحه در تمام مرورگر ها (Internet Explorer,Mozilla Firefox و …) خواهد شد.خوب اگه از خودتون می پرسید چطور ؟؟؟ باید بگم شما با قرار دادن تگ در سطر اول کد خودتون ،  در واقع به تمام مرورگر ها می فهمانید که نوع کد شما چی هست ، در این صورت مرورگر ها معمولا این صفحه را به یک شکل رندر می کنند (می خوانند).این تگ برای سئو هم موثر است ، در کل اگر می خواهید یک صفحه وب استاندارد بنویسید حتما این تگ را استفاده کنید.

انواع <!DOCTYPE> :

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

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

HTML 4.01 Transitional

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

HTML 4.01 Frameset

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

XHTML 1.0 Strict

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

XHTML 1.0 Transitional

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

XHTML 1.0 Frameset

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

XHTML 1.1

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

خلاصه مطلب : من تمام سعی خودم رو کردم تا مطلب رو کامل و ساده بنویسم ولی اگر شما زیاد متوجه نشدید مهم نیست ، فقط قبل از تگ <html> یکی از <!DOCTYPE> بنویسید.و همین رو بدونید که این تگ باعث استاندارد شدن صفحه شما می شه.من در صفحات طراحی وب خودم و همچنین در این آموزش از نوع HTML 5 استفاده می کنم و به شما هم پیشنهاد می کنم از این نوع استفاده کنید.

ساختار کلی HTML استاندارد :

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

باز هم تاکید می کنم نیاز به حفظ کردن این سند ها نیست فقط در صفحهتون copy و paste کنید.لازم به ذکر هست که تا جلسه آخر این مجموعه ی آموزشی ، از ساختار کلی بالا استفاده خواهد شد.منتظر جلسه بعد باشد به اهمیت این جلسه شک نکنید.

موفق باشید یا حق / علی بهنام فر

نظرات و دیگر موارد
اگر این قالب را دوست دارید امتیاز دهید :
۱۰۰ دیدگاه نوشته شده است! می توانید دیدگاه خود را بنویسید

  1. سید محمد در جولای 13, 2019 ساعت 7:48 ق.ظ  گفته :

    مرسی

  2. alireza در ژوئن 24, 2019 ساعت 2:59 ب.ظ  گفته :

    هیچ کجا به این سادگی و انقد راحت و بی مقدمه و قابل فهم پیدا نکردم

    واقعا در یک کلمه عالییییی 🙂

  3. حسین در نوامبر 8, 2018 ساعت 4:32 ب.ظ  گفته :

    ببخشید داکتایپ xhtml transitional دقیقا چیه؟ چه فرقی با strick داره؟

  4. آیا این کد باید در سایت قرار بگیرد؟

  5. خیلی ممنونم

  6. آقا مرسی من سایتمو آنالیز میکردم به داک تایپ گیر میداد اشتباها

    میزدم 😐
    مرسی بازم

  7. سلام. چرا وقتی من از این تگ استفاده می کنم در استایل ها وcss مقدار height: 100%‌ کار نمی کند؟

  8. حسام در می 4, 2016 ساعت 2:41 ب.ظ  گفته :

    مثلا در قسمت XHTML 1.0 Frameset
    که میفرماید:
    …PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/x…
    این قسمت رو توضیح بدید publick چیه -//W3C//DTD XHTML 1.0 Transitional//EN چیه http://www.w3.org/TR/xhtml1/DTD/x hc ازکجا اومد وبه کجا اشاره میکنه
    ایا نوشتن این قسمتا اجباریه؟