سلام دوستان.اول منو باید ببخشید که دیر به دیر این بخش رو به روز رسانی می کنم ، دوم امیدوارم مطالب قبلی رو خوب مطالعه کرده باشید.سوم هم که بریم سراغ درس این جلسه 😉
درس این جلسه معرفی کامل تگ <!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 کنید.لازم به ذکر هست که تا جلسه آخر این مجموعه ی آموزشی ، از ساختار کلی بالا استفاده خواهد شد.منتظر جلسه بعد باشد به اهمیت این جلسه شک نکنید.
موفق باشید یا حق / علی بهنام فر
| اگر این قالب را دوست دارید امتیاز دهید : |
سلام
من یک کتاب جامع در زمینه ی برنامه نویسی می خوام کتابی که تمام جزئیات رو گفته باشه و در عین حال منسجم و پایه ای باشه
لطفا اگه کتابی رو با این خصوصیات می شناسید به ایمیلم من بفرستید
متشکرم
متاسفانه یا من سراغ ندارم یا کلا وجود ندارد.
داداش جداَ خسته نباشی خعلی مطالب پر محتوی رو نوشتی من هر چی کمک اموزشی دانلود کردم و خریدم یه جوری توضیح میداد متوجه نمیشدم ولی مطالب شما واقعا بدردم خورد دمت جـیـــــــــــز
دمت گرم
خیلی خوب بود من که حال کردم.
یه سوال نیاز نیست در انتها رو ببنیم؟
مثلا
.
.
.
زکات علم نشر آن است……..
وافعاً خوب توضیح میدی علی آقا….. خیلی دوست دارم!!!!
سلام
یعنی ما بنویسیم #۰۰۰ و یا بنویسیم ۰۰۰ با هم فرقی ندارن ؟
گاهی نه.مشکلی ندارد.
اما خوب باید استاندارد بنویسید.
#FFFFFF
بد نیس
من خودم رشتم کامپیوتره
تا حالا معلم ب این خوبی نداشتم
عـــــــــــــــــــــالیه
<3
ممممممممنون
باور کنید خیلی گشتم ولی هیچ جایی به این خوبی توضیح نداده بودن…ممنون
سلام بهنام جون
خیلی وقته که دنباله نوشتن یه سایتم واسه ی خودم اول رفتم سراغ html
اما درست کردن سایت های زیبا مثل شما فکر میکنم با اون خیلی سخته
الان هم نمی دونم چه زبانی را برای یاد گیری انتخاب کنم
شما با چه زبان و نرم افزاری طراحی میکنی آیا هرچی که توی قالب هات (برای قشنگی)به کار بردی رو با برنامه نوشتی از جایی آوردی با نرم افزار فلاش یا …دیگه ای درست کردی خواهش میکنم جوابت رو برام ایمیل کن
ممنون
به نظرم بهتر هست مقالات اولیه HTML که در وب سایت منتشر شده رو مطالعه کنید متوجه می شید.
سلام لطفا قالب جدید بگذارد مرسی 🙂
مفید بود
نکات راز مانند رو بازم بزارید.
ممنونم وب مفیدی دارید . 😉 🙂
داداش تا حالا کسی بهت گفته بود خیلی دوست دارم؟!
سلام دوست عزیز
فک کنم شما اهل دزفول هستید درسته؟
منم اهل دزفولم
میتونم با شما در تماس باشم
تماس بگیرید در خدمتم.
۰۹۳۵۸۵۷۵۴۰۱
سلاممممممممممممممممممممممم اا میخاستم بگم که داداشش چرا هی قطع میشه سایتتت هم سایتت قطع میشه اون عکسای قالب های وبلاگت هسته اونام قطع میشن بابا یه فکری بکن ب
مشکل حل شده دوست من.
خیلی خوشحال شدم یه جوان دزفولی کار مدیریت چنین سایت بزرگی رو داره
واقعا بهتون افتخار میکنم
نمیدونستم از دزفول هستین
میگم آموزش میدید؟منظور کلاس داسته باشید؟
خواهش می کنم نظر لطف شماست.
می تونید برای آموزش با تلفن من تماس بگیرید
۰۹۳۵۸۵۷۵۴۰۱
سلام ی سر ب وبلاگم میزنید کمک میخوام
بـــــــــــهنام جــــــــــان مــــیدونستی!!!!!
چـــــشمایی ســــــالار
سلام
دستتون درد نکنه که انقد گیرا درس میدید عالیه 😀
من یه سوال داشتم ، اگه بخوام یه قالب برا سایتم طراحی کنم و بخوام از فتوشاپ استفاده کنم.
فقط لینک دادن به اسلایس هاش یه قالبه خوب تحویلم میده ؟
البته این داکتایپ هم میزارم 🙂
خیلی ممنون از زحماتتون
متوجه منظور شما نشدم.