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

دانلود آهنگ جدید , دانلود آهنگ جدید