سلام دوستان.اول منو باید ببخشید که دیر به دیر این بخش رو به روز رسانی می کنم ، دوم امیدوارم مطالب قبلی رو خوب مطالعه کرده باشید.سوم هم که بریم سراغ درس این جلسه 😉
درس این جلسه معرفی کامل تگ <!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 کنید.لازم به ذکر هست که تا جلسه آخر این مجموعه ی آموزشی ، از ساختار کلی بالا استفاده خواهد شد.منتظر جلسه بعد باشد به اهمیت این جلسه شک نکنید.
موفق باشید یا حق / علی بهنام فر
| اگر این قالب را دوست دارید امتیاز دهید : |
سلام میشه کد back ground سفحه رو به من بدید. همین که پشته سفحه یه رنگی میوفته. و بگید که تو بریزم یه .
دوست من مطالب آینده رو دنبال کنید.
با عرض سلام و خسته نباشید خدمت جنابعالی.
می خواستم بدانم که آمو زش شماروی کدام سیستم وبلاگ نویسی کاربرد دارد؟
روی تمام web .
سلام
با اینکه من یکم دیر می گیرم ولی اینا رو خداییش فهمیدم ..
ممنووووووووووووووووون
سلام دوستان بنده یک فریم ورک ساختم که البته ادعایی ندارم به برتر بودنش ولی برای ساخت سایت های فارسی خیلی کارتون رو آسون میکنه خودم ساپرتش میکنم یک سری مازول های کاربردی هم براش ساختم که رایگانه و همراه با فیلم میتونید دانلود کنید و لذت ببرید سوالی داشتید تو انجمن گتنا مطرح کنید سریعا رسیدگی میکنیم . پیروز و سر بلند باشید.
دریو ویور داره به صورت پیشفرض 😀
برای سایت مپ کدوم یک از این مقدار ها مناسبتر هست؟چون هرکدوم رو قرار میدم ارور میده صفحه ازونور هم گوگل گیر داده که نمیتونم بخونم سایت مپ شما رو، تشکر
س ل ا م
خیلی عالی توضیح دادین ولی دیر به دیر مطلب جدید میذارید
م م ن و ن
سلام ممنونم مفید بود
چن جلسه کلا طول میکشه جلساتتون تموم میشه؟
سلام…
ممنون از اینکه وقتت رو برای ما صرف میکنی!!!!!!
یه سوال دارم ازت
الان ما داریم html 5 رو یاد میگیریم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟
سلام
این قسمت رو یه کم شکلات پیچ شدم!
با خوندن و تمرین بیشتر اینم پاس میکنم ایشا.
منتظر جلسه ی شیرین بعدی تون هستم.دریاب منتظرانت را و زودتر جلسه۳رو شروع کن.
ممنون
سلام علی جان
یه سوال : تگ HTML 5 با HTML 4.01 Strict چه فرقی داره ؟؟؟؟
سلام.
بنده هم آموزش هاتون رو دنبال میکنم.
به نکته ی مناسبی اشاره کردید اما کمی گیج کننده بود.
فکر میکنم اگر این رو بصورت یک نکته در یک جلسه ذکر میکردید بهتر بود.
به هر حال موفق باشید.
ای بابا چقدر شما نامردین من یه ماهه که منتظر اموزش جلسه جدید تر هستم ولی هنوز هیچ اموزشی اضافه نشده اه 🙁
بی صبرانه منتظر قسمت بعد هستیم D; …
همه ی این تگ ها رو میشه توی کد به کار برد؟
با هم قاتی میشه؟؟؟؟؟؟؟؟؟؟؟
امیدوارم خداوند پاداش کار بزرگی رو که داری انجام میدی رو بهت بده.انشاالله.چ
===============================
راستی یه سوالیم راجع جاوا اسکریپت داشتمبهم ایمیل بزنید.من میخواهم چندین متغیر رو بنویسم و تمام اصول رو هم رعایت کردم.اما این متغیر ها بسته به دستوری که بهشون میدم عمل نمیکنن.میشه لطفا راهنمایی کنی.ممنونم
سلام علی جان.واقعا خسته نباشی.خوشحالم که کسی مثل شما به این زبان اهمیت میده.درحالی که خودم با چنگ و دندون با خوندن کتابهای مختلف html و css و جاوا اسکریپت رو یاد گرفتم.فقط یکم مطالبت پراکندس برای همه ی تگ های html بخواین اینقدر توضیح بدین اگه کتاب باشه حجم کتابتون چیزی در حدود ۵۰۰ صفحه میشه.سعی کنید مختصر و مفید آشنا کنید مردم رو باهاش.در غیر این صورت تمام لذت برنامه نویسی از بین میره.بازم متشکرم.اگه اشکالی نداره به وبلاگ ما هم یه سر بزنید و نظر بزارید خوشحال میشم.
—————
راستی.من php رو تا حدی یادگرفتم فقط برای اجرا دستورات php نیاز به یک وبسرور داره که توی کتابی که خوندم iis مایکروسافت رو پیشنهاد داده بود.به نظرتون میصرفه که یک همچین برنامه پرحجمی رو توی کامپیوتر نصب کنم؟طریقه نصبشم میدونم.
—————
یا حق
سلام دوست عزیز و ممنون از اموزشتون ولی میخواستم بدونم که آیا درست فهمیدم یا نه: این تگ باعث میشه که اتوماتیک کد ما درست بشه و نیازی نیست که اگر جایی از کد خراب یا ناقص بود خودمون درستش کنیم بلکه این تگ درستش میکنه؟؟؟؟!!
خیلی دیر دیر اموزش رو میدی . بعد اگر این طوری کند میخواید پیش برید لااقل مطالب زیاد تری رو در طی جلسه یاد بدید ممنونم.