سلام دوستان.اول منو باید ببخشید که دیر به دیر این بخش رو به روز رسانی می کنم ، دوم امیدوارم مطالب قبلی رو خوب مطالعه کرده باشید.سوم هم که بریم سراغ درس این جلسه 😉
درس این جلسه معرفی کامل تگ <!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 کنید.لازم به ذکر هست که تا جلسه آخر این مجموعه ی آموزشی ، از ساختار کلی بالا استفاده خواهد شد.منتظر جلسه بعد باشد به اهمیت این جلسه شک نکنید.
موفق باشید یا حق / علی بهنام فر
| اگر این قالب را دوست دارید امتیاز دهید : |
پس چرا بقیه درس رو نمی دی بابا یکم سریع تر درس بدین شما اگه معلم مدرسه بودید یه کتاب ۱۰۰ صفحه ای رو کل سال تموم نمی کردین
با سلام خدمت علی عزیز:
واقعا و واقعا و واقعا عالی بود.تا اینجاشو دنبال کردم.اگه جلسه ی بعدشم بذاری که واقعا ممنونت می شم.دو هفتست که منتظر بعدیم.پس کی میاد؟؟؟؟؟
خسته نباشی علی جان، میخواستم بدونم مثلا الان در قالب ۳۹ شما میشه از این تگ استفاده کرد یا نه؟
سلام
اگه میشه آموزش تغییر رزولوشن قالب رو نیز بذارین
ممنون
سلام چرا ادامه اموزش رو نمیزارید من منتظرم این بخش رو هم دنبال کردم.
سلام اقا. دمت گرم واقعا مخلصانه داری اموزش میدی. انشالله مزد اموشت رو در اون دنیا خدا بهت میده یا علی
salam khaste nabashid , man ye soal dashtam man khodam galeb tarahi mikonam ba dream… ama fgd to internet explorer khoob baz mikone yani vagti padding left ya gere midam to in yeki moror gara gati mikone addrese weblagamo dadam ye bar ba explorer baz koonid yebar ba chrom mifahmid komakam konid mamnun misham darzemn shomaa behtarind
ya aliii
باعرض سلام خدمت شما
من کد های html و css و java script و تاحد متوسط php را بلدم
ولی چند سوال تو در تو داشتم که تا به الان کسی به سولاتم جوابی نداده است من از قالب های وبسایتتان یکی را انتخاب کردم اگر به وبسایتم بروید مشاهده می کنید که چه تغییراتی کرده است من این را می خواستم بدونم آیا شما به من کمک می کنید و ایمیلتان را به من می دهید
اگر کمک کنید خیلی از مشکلاتم را حل خواهید کرد خیلی ممنون
دوست عزیز من تازه شروع به یاد گرفتن کد نویسی صفحه وبلاگ کردم و فقط تا این مرحله یاد گرفتم دیگه مطالب بیشتری بعد از این قرار نمیگیره؟؟؟
🙁
سلام
قبلا هم تو جلسه قبلی گفتم که عالی توضیح میدید و خیلی مفید.
همیشه به اینجا سر میزنم و استفاده میکنم.
سایت و وبلاگ های زیادی رو گشتم که در مورد html بیشتر بدونم و کاربرد تگ هاشو بدونم ولی هیچکدوم مث سایت شما خلاصه و مفید توضیح نداده به نظر من که خیلی گشتم در این زمینه اینطوریه . . .
ممنون
از سوال اول منظورم این بود که کجای قالبم باید تگ h1 رو استفاده کنم؟
خیلی خوب بود ممنون
فقط یه سوال ما باید این تگ رو
حفظ کنیم و هر بار کدنویسی یه ساعت
اینو بزنیم؟:)
با وب شما تازه آشنا شدم ، خیلی مفید بود . ما هم یه چیزایی سر درآوردیم .مرسی
سلام و خسته نباشید
یه سوال اگه تگ نباشه و در قالب نوشته نشده باشه، مرورگر به طور پیش فرض کدام یک از نسخه‌های html رو برای خود قرار میده؟
سلــــــــــام
اولن خسته نباشید واقعن دمتون گرم!
آقا من الان خیلی وقته از کد های شما استفاده می کنم همه عالی و به راحتی کار میکنن 🙂
این آموزش کد نویسیتونم حرف نداره من به راحتی تا اینجا رو نوشتم بی صبرانه منتظرم ببینم ادامه داستان چیه !!
یا علی
ممنون من آموزش هاتونو دنبال میکنم.
ببخشید یه سوال در مورد تگ دارم:
من میخوام عنوان وبلاگم رو بزارم تو ی تگ ولی بخش title توی قسمت head هستش و اینم میدونم که نباید تگ های هیدینگ رو توی head به کار ببریم پس من باید چکار کنم؟
____________________________
یه سوال در مورد این آموزش دارم.من این کاری که گفتید روانجام دادم ولی کل قالب وبلاگم به هم ریخت چرا اینطوری شد؟
سلام من جلسات شما را دنبال می کنم
من خودم مقدار کمی برنامه نویسی سی شارپ بلدم و دیدم برام کاربرد نداره دیگه یاد نگرفتم ولی این بحث برام اهمیت داره لطفا تخصوصی تر به موضوعات بپردازید
با تشکر
سلام
من جدید رو گذاشتید رو مطالعه کردم وخوب بود .
مرسی
داداش عالیییییییییییییییییییی هستی…