ممکنه تا حالا تو طراحیهاتون به مواردی برخورد کرده باشين که به نظرتون همه چيز سرجای خودش قرار داره ولی صفحه اونطوری که بايد باشه نمايش داده نمیشه.
فکر میکنم این خط رو زیاد در بالای صفحههاتون دیدین…
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
اگه تا حالا نمیدونستين چيه بايد بگم اين DOCTYPE که از Document Type Declaration گرفته شده يکی از موارد کليدی برای Valid شدن صفحهی استاندارد شماست. بدون اين، مرورگر نمیتونه تشخيص بده که شما از چه نسخهی HTML يا XHTMLای استفاده می کنيد و در نتيجه، درج نکردن کامل اون در بالای صفحه میتونه باعث درست Render نشدن صفحهی شما بشه.
برای مثال بدون اون، مرورگرهایی مثل IE که از روش backward–compatible برای Render کردن صفحهها استفاده میکنن، استایلهای CSS شما رو تاحدی که IE4 ساپورتشون میکنه نمایش میده!
اين DOCTYPE شامل يک URL ميشه که به آدرس يه فايل dtd. اشاره میکنه. محتویات این فايل همون اطلاعات لازم برای درست Render شدن صفحهی شما توسط مرورگر هستن.
خيلی از نرم افزارهای طراحی صفحات وب (که متاسفانه Dreamweaver هم جزءشون هست) نسخهی ناقصی از اين تگ رو در صفحه میذارن که شبيه اين هست و آدرس فایل مورد نظر در اون درج نشده: (قابل توجه بروبچههای iProDev. یه نگاهی به صفحهی indexتون بندازین)
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
این هم یه لیست از نسخههای معتبر این تگ با توجه به ورژن HTML یا XHTML و نوع صفحهتون :
HTML 4.01 Strict, Transitional, Frameset
"http://www.w3.org/TR/html4/strict.dtd">
"http://www.w3.org/TR/html4/loose.dtd">
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
پ.ن. توی منبع يه لينکی هم به مقالهی دیگهشون داده بود که نحوه تغيير دادن نرم افزار Dreamweaver رو برای درج درست آدرس Doctype توش گفته
اضافه شده: در تکمیل این مطلب، چه موقع کدام DOCTYPE؟.