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