استانداردهای وب > Doctype
ممکنه تا حالا تو طراحی‌هاتون به مواردی برخورد کرده باشين که به نظرتون همه چيز سرجای خودش قرار داره ولی صفحه اونطوری که بايد باشه نمايش داده نمی‌شه.
فکر می‌کنم این خط رو زیاد در بالای صفحه‌هاتون دیدین…
HTML Code:
< !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تون بندازین)
HTML Code:
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
این هم یه لیست از نسخه‌های معتبر این تگ با توجه به ورژن HTML یا XHTML و نوع صفحه‌تون:
HTML 4.01 Strict, Transitional, Frameset
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict, Transitional, Frameset
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 DTD
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
