این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش دستور Doctype در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش دستور Doctype در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
دستور Doctype در HTML
دستور <doctype!> در یک صفحه ی وب مشخص کننده نوع و نسخه ی اون صفحه وب می باشد، و بهتر است بدانید دستور <doctype!> تگ نیست بلکه صرفا یک دستورالعمل برای مشخص کردن نسخه ی یک صفحه یا فایل HTML می باشد.
یک مرورگر وظیفش اینه که کدهای یک صفحه رو تحلیل کنه و در نهایت خروجی کدهارو نشون بده، حال این مرورگر بیچاره خب باید از یه طریقی متوجه بشه که مثلا من از چه نسخه ای از HTML استفاده میکنم تا اونم بتونه در بهترین حالت ممکن کدهارو تحلیل و خروجی رو به ما نشون بده.
حال این دستورالعمل <doctype!> میاد و به مرورگر میگه که مثلا ما از HTML5 استفاده میکنیم، اونم تمامی سعیشو میکنه که در صفحه تمامی عناصر رو به بهترین حالت ممکن نشون بده. همین تموم شد رفت
Free-Learn
- در HTML نسخه ۴٫۰۱ ( HTML4.01 ) نحوه نوشتن DocType یک صفحه کمی طولانی و تقریبا پیچیده بود.
- مثال : مشخص کردن doctype صفحه در HTML نسخه ۴٫۰۱
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>سایت آموزشی فری لرن</title> </head> <body> <p>سایت آموزشی فری لرن</p> </body> </html> |
- حال Doctype یک صفحه برای نسخه HTML5 خیلی راحت تر نوشته می شود.
- مثال : مشخص کردن doctype صفحه در HTML نسخه ۵
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>سایت آموزشی فری لرن</title> </head> <body> <p>سایت آموزشی فری لرن</p> </body> </html> |
سعی کنید همیشه از این دستورالعمل در صفحه ی وبتان استفاده نمایید تا مرورگرها بدانند که شما از چه نسخه ای از HTML استفاده مینمایید تا بتوانند صفحه ی وبتان را به بهترین نحو نمایش دهند.
دستور <DOCTYPE!> باید همیشه قبل از تگ <html> در یک صفحه ی وب نوشته شود.
Free-Learn
مثال از دستور Doctype در HTML
در ادامه میتوانید یک مثال از این دستور را مشاهده نمایید.
مثال شماره ۱ : مشخص کردن نوع / نسخه صفحه وب ( برای HTML5 )
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>سایت من</title> </head> <body> <h2>سایت آموزشی فری لرن</h2> </body> </html> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از دستورالعمل doctype! در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
نسخه های زبان HTML
نسخه های زبان HTML را میتوانید در جدول زیر مشاهده نمایید و همچنین اینکه برای هر یک از نسخه ها از چه دستورالعملی باید در ابتدای یک سند HTML استفاده کرد را نیز میتوانید در ادامه مشاهده نمایید.
| نسخه | سال |
| HTML | ۱۹۹۱ |
| HTML 2.0 | ۱۹۹۵ |
| HTML 3.2 | ۱۹۹۷ |
| HTML 4.01 | ۱۹۹۹ |
| XHTML | ۲۰۰۰ |
| HTML 5 | ۲۰۱۴ |
HTML5 :
<!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”>
Free-Learn
نکات و توضیحات
- دستور Doctype به حروف کوچک و بزرگ حساس نیست لذا میتوانید با حروف کوچک انگلیسی نیز از این دستور استفاده نمایید. مثله:
|
1 |
<!doctype html> |
