آموزش طراحی وب

XHTML چیست؟

در این جلسه ی آموزشی راجع به XHTML و تفاوت آن با HTML و XML صحبت می کنیم .

xhtml

فصل سوم ( معرفی ساختار  HTML4 )

جلسه  پانزدهم ( XHTML چیست؟ )

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

فکر می کنم تابحال واژه ی XHTML به گوشتون رسیده باشه . گاهی اوقات هم شاید با XML اشتباه گرفته باشید  . خوب امروز بطور کامل XHTML رو برای شما همراهان عزیز مدرسه مجازی ایرانیان ، توضیح میدم .

XHTML مخفف EXtensible HyperText Markup Language و بهبود یافته ی HTML است یا به عبارتی استاندارد شده ی HTML و تا حدودی تلفیقی از HTML و XML  است . میشه گفت عناصر و تگ ها رو از HTML و قوانین و مقررات رو از XML به ارث برده است .

در ابتدای رشد اینترنت ، زبان XML بوجود اومد و بعد از اون هم HTML متولد شد . HTML از قانون خاصی پیروی نمیکرد و کمی نامرتب بود ولی اکثر شرکت ها از HTML برای طراحی صفحات وبشون استفاده میکردند .  در همون زمان ها بود که سازمانی به نام W3C  بوجود اومد و وظیفه ی استانداردسازی زبان های تحت وب رو برعهده داشت . در اون زمان تصمیم بر این شد که HTML رو با XML ادغام کنن و یک زبان استاندارد رو بوجود بیارن تا هماهنگی لازم بین زبان وب و کلیه User-agent ها (برنامه های تحت وب مثل مرورگرها) برقرار شود .

در این نسخه کدهای HTML  باید در DTD  نوشته شوند. هر مرورگر وب ، داخل خود یک نوع DTD  داره و به همین خاطره که یکسری از دستورات HTML در مرورگرهای مختلف به درستی نمایش داده نمی شوند . با قبول کردن DTD برای XHTML  و نوشتن آن ، باید اصول و قوانین این نسخه رو هم رعایت کنید .

قبلا DTD  برای نسخه های HTML  لازم نبود و بدون اون هم صفحات بخوبی نمایش داده میشدند ولی برای XHTML نوشتن و تعیین DTD اجباری هست . در حال حاضر سه نوع DTD  برای حالتهای مختلف وجود داره :

حالت اول برای صفحه ای هست که فقط از دستورات صحیح XHTML استفاده شده و برای مرورگرهایی هست  که از CSS پشتیبانی میکنند:

 حالت بعدی برای صفحه ای هست که ادغامی از کدهای HTML و XHTML باشه و مرورگرهایی که از CSS پشتیبانی نمیکنند :
 و حالت آخر هم برای استفاده عنصر فریم Frame توی صفحه هست :

 شما میتونید یکی از حالت های بالارو انتخاب کنید ، ولی باید صد در صد یکی از اونهارو در کدتون قرار بدید .

نکات و قوانینی که باید در XHTML رعایت کنیم :

۱-     استفاده از عناصر <head> و <body> اجباریه .

درست  :

 نادرست :

 ۲-     در XHTML بستن تمامی تگ ها الزامیه .

درست  :

نادرست :

 ۳-     در XHTML باید تقدم باز و بسته شدن تگ ها به درستی رعایت بشه .

درست  :

نادرست :

 ۴-     در XHTML نام تگ ها و خاصیت های اونها باید با حروف کوچک نوشته بشه .

درست  :

نادرست :

 ۵-     کلیه تصاویر باید دارای توضیح باشند .

درست :

نادرست :

 ۶-     مقادیر خصوصیات در عناصر باید بین دو علامت “…”  قرار بگیرند.

درست :

 نادرست :

 ۷-     تمامی خصوصیات باید دارای مقدار باشند .

درست :

 نادرست :

 ۸-      در تگ <pre>  فقط از متن باید استفاده کنید و تگهای دیگه نمیتونید استفاده کنید.

درست :

 نادرست :

 ۹-     بهتره بجای استفاده از خصوصیات عناصر ، از css استفاده کنید .

درست :

 نادرست :

 ۱۰-    دستورات جاوااسکریپت هم در یک فایل جدا قرار بدید و توسط <link> به صفحه وب اضافه کنید .

جلسه ی امروزمونم به اتمام رسید ، امیدوارم که مفید واقع شده باشه .

تهیه شده در مدرسه مجازی ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۵

    • سلام؛
      خوب میشه گفت DTD نشون دهنده اینه که شما داری با استاندارد w3c کار میکنی . تفاوت اصلی HTML و XHTML در واقع در استانداردها و قوانینی هست که توی XHTML وجود داره ولی توی HTML وجود نداره .
      البته این رو هم بگم خدمتتون که DTD در HTML4 استفاده میشد ، شما اگه با HTML5 کار میکنی دیگه نیازی به DTD نداری .
      در جلسات آینده وارد مباحث HTML5 میشیم و بصورت کامل خدمتتون آموزش میدم .

  • سلام.نهمین نکته از XHTML درست و نادرست را با هم جابجا نوشتید چون من هرچی این کد رو وارد می کنم خطا می ده:
    {table{border:0 و البته امثال این کد رو.
    اما من اون یکی کد رو که وارد می کنم عمل می کنه:

    و بعد چرا در دهمین نکته هیچ مثالی نزدید؟

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین