جلسه دوم : <!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 کنید.لازم به ذکر هست که تا جلسه آخر این مجموعه ی آموزشی ، از ساختار کلی بالا استفاده خواهد شد.منتظر جلسه بعد باشد به اهمیت این جلسه شک نکنید.

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


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


پنج − = 4

  1. سلام؛
    آقای بهنام فر، برادر گلم، عزیز میگم من باید الآن از کدوم یکی از اینا استفاده کنم؟!! یعنی منظورم برای سیستم بلاگفا هست!
    فی امان الله …

  2. احسنت!
    مقاله بامزه ای بود !
    آفرین به شما

  3. دوست عزیز ، سلام ؛
    عذر میخوام ، میخواستم بدونم که برای سرویس مدیریت محتوای وردپرس باید توی شاخه استایل.سی اس اس این کد رو قرار بدیم؟

    ممنون از زحماتت

  4. گر فایده بردی ز پستی بنویس نظری تا بشود راضی :)

  5. جالب هستند فقط زود تر بنویسید تا وبلاگ نویس های جوان در کارهاشون زود تر موفق بشن!
    تونستین درمورد وبلاگ من هم قضاوت کنین:
    amirmzahery78.mihanblog.com

  6. با عرض سلام و احترام
    تشکر فراوان از زحمات شما، از این پست سایت شما برای آموزش اچ تی ام ال در سایت کمپانی وردپرس استفاده کردیم.
    آدرس پست:
    http://wpco.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-html-%d8%ac%d9%84%d8%b3%d9%87-%d8%af%d9%88%d9%85-doctype/

  7. […] بگذارم که برای انشار یک آموزش قوی و ساده از سایت های تم دیزاینر و سون لرن استفاده کنم. ( نام این سایت ها را به آموزشی […]

  8. سلام
    از اینکه انقدر ساده و روان توضیح دادین خیلی خیلی ممنون
    من که به دردم خورد
    ولی من دنبال کدهای دیگه هم هستم
    مجبور هستم یک پروژه ی طراحی سایت رو در عرض چند روز کوتاه به طور کامل یاد بگیرم ولی هیچ راهی جلو روم برا یادگیری ندارم. jخیلی ممنون میشم اگر کمکم کنید و برا ایمیلم بفرستین
    موفق باشید