جلسه دوم : <!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. سلام
    من یک کتاب جامع در زمینه ی برنامه نویسی می خوام کتابی که تمام جزئیات رو گفته باشه و در عین حال منسجم و پایه ای باشه
    لطفا اگه کتابی رو با این خصوصیات می شناسید به ایمیلم من بفرستید
    متشکرم

  2. داداش جداَ خسته نباشی خعلی مطالب پر محتوی رو نوشتی من هر چی کمک اموزشی دانلود کردم و خریدم یه جوری توضیح میداد متوجه نمیشدم ولی مطالب شما واقعا بدردم خورد دمت جـیـــــــــــز

  3. دمت گرم
    خیلی خوب بود من که حال کردم.

  4. یه سوال نیاز نیست در انتها رو ببنیم؟
    مثلا
    .
    .
    .

  5. زکات علم نشر آن است……..
    وافعاً خوب توضیح میدی علی آقا….. خیلی دوست دارم!!!!

  6. سلام
    یعنی ما بنویسیم #۰۰۰ و یا بنویسیم ۰۰۰ با هم فرقی ندارن ؟

  7. من خودم رشتم کامپیوتره
    تا حالا معلم ب این خوبی نداشتم
    عـــــــــــــــــــــالیه
    <3

  8. ممممممممنون
    باور کنید خیلی گشتم ولی هیچ جایی به این خوبی توضیح نداده بودن…ممنون

  9. محمد باقری در فروردین ۳۱, ۱۳۹۳ ساعت ۱۲:۲۲ ب.ظ  گفته :

    سلام بهنام جون

    خیلی وقته که دنباله نوشتن یه سایتم واسه ی خودم اول رفتم سراغ html

    اما درست کردن سایت های زیبا مثل شما فکر میکنم با اون خیلی سخته

    الان هم نمی دونم چه زبانی را برای یاد گیری انتخاب کنم

    شما با چه زبان و نرم افزاری طراحی میکنی آیا هرچی که توی قالب هات (برای قشنگی)به کار بردی رو با برنامه نوشتی از جایی آوردی با نرم افزار فلاش یا …دیگه ای درست کردی خواهش میکنم جوابت رو برام ایمیل کن

    ممنون

  10. سلام لطفا قالب جدید بگذارد مرسی 🙂

  11. مفید بود

    نکات راز مانند رو بازم بزارید.

  12. ممنونم وب مفیدی دارید . 😉 🙂

  13. داداش تا حالا کسی بهت گفته بود خیلی دوست دارم؟!

  14. سلام دوست عزیز
    فک کنم شما اهل دزفول هستید درسته؟
    منم اهل دزفولم
    میتونم با شما در تماس باشم

  15. سلاممممممممممممممممممممممم اا میخاستم بگم که داداشش چرا هی قطع میشه سایتتت هم سایتت قطع میشه اون عکسای قالب های وبلاگت هسته اونام قطع میشن بابا یه فکری بکن ب

  16. خیلی خوشحال شدم یه جوان دزفولی کار مدیریت چنین سایت بزرگی رو داره
    واقعا بهتون افتخار میکنم

    نمیدونستم از دزفول هستین
    میگم آموزش میدید؟منظور کلاس داسته باشید؟

  17. سلام ی سر ب وبلاگم میزنید کمک میخوام

  18. بـــــــــــهنام جــــــــــان مــــیدونستی!!!!!

    چـــــشمایی ســــــالار

    پاسخ شما :
    شرمنده می کنی آقا محمد.ممنون

  19. سلام
    دستتون درد نکنه که انقد گیرا درس میدید عالیه 😀

    من یه سوال داشتم ، اگه بخوام یه قالب برا سایتم طراحی کنم و بخوام از فتوشاپ استفاده کنم.
    فقط لینک دادن به اسلایس هاش یه قالبه خوب تحویلم میده ؟
    البته این داکتایپ هم میزارم 🙂
    خیلی ممنون از زحماتتون

دانلود آهنگ جدید , خرید ممبر