خدمات طراحی سایت و دیجیتال مارکتینگ

XHTML چیست؟ | آشنایی با مبانی زبان xhtml

ما در این مقاله از آرنیکاوب قصد داریم کلیات و مهم‌ترین نکات XHTML را به صورت ساده و دور از پیچیدگی هایی که در سایر سایت‌ها در مورد این زبان وجود دارد، توضیح دهیم. و در جواب سوال شما که xhtml چیست بهترین پاسخ ممکن را ارائه دهیم. به طور کلی، زبان نشانه گذاری XHTML به زبان XTML  بسیار نزدیک است و از مهم ترین مزیت‌های آن، پشتیبانی شدن این زبان در تمامی نسخه‌های مرورگرها می‎باشد.

واقعیت این است که XHTML، محدودیت‌های زیادی را با خود به همراه آورد و همین امر دلیلی شد بر کاهش استفاده و محبوبیت زبان XHTMLالبته کمی نگذشت که با ورود زبان جدید و منعطفی به نام HTML5، اغلب توسعه دهندگان وب، شیفته انعطاف و امکانات این زبان شدند و با استفاده از این زبان، عملا موجب شدند که HTML5، به یکی از استانداردهای موجود در طراحی سایت تبدیل شود.

از سوی دیگر، هنگامی که می‎‌خواهید با HTML کار کنید، مرورگر مورد استفاده شما به خوبی متوجه نقص‌ها و همینطور کاستی‌های موجود در ساختار نخواهد شد. بنابراین،  XML در اینجا به کمک شما می‌آید و این اجازه را نمی‌‎دهد که مرورگر، یک سند درست را دارای خطا و باگ تشخیص دهد. البته به یاد داشته باشید که برای از میان بردن کاراکترها و فضاهای اضافی در هنگام کدنویسی، کمینه سازی (Minimization)  XHTML بسیار ضروری است و از اهمیت آن نباید غافل شد.

همچنان با آموزش XHTML در آرنیکاوب همراه شما هستیم و در میان انبوه مطالبی که راجع به این زبان وجود دارد، در گام اول برای آشنایی با XHTML باید بدانید که XHTML چیست؟ با ما همراه باشید.

xhtml چیست

XHTML چیست؟

  • به طور کاملا خلاصه، XHTML  همان HTML  است که به عنوان XML  طراحی شده است. XHTML مخفف کلمات EXtensible HyperText Markup Language می‌‎باشد که معنی آن زبان نشانه‌گذاری فرامتن قابل توسعه است.
  • XHTML ، جهت کاستن از شکاف میان HTML و XML ساخته شده و توسعه دهندگان وب، آن را به عنوان واسطه ی زبان های HTML و XML می‎دانند که اتفاقا موجب تغییر در سبک کدنویسی و شکل گیری تفکر صحیح در توسعه دهندگان خواهد شد.
  • XHTML   به منظور جایگزینی HTML طراحی شده و نسخه کامل‌تر و همینطور دقیق‌تری از  HTML محسوب می شود. هرچند این دو زبان شباهت‌های زیادی با یکدیگر دارند اما توسعه دهندگان و طراحان سایت، XHTML را سخت تر از HTML می‎دانند و همانطور که در مقدمه نیز اشاره کردیم، یکی از مزایای XHTML، پشتیبانی آن توسط تمامی مرورگرهای اصلی است.
  • بهتر است بدانید که W3C  یا همان کنسرسیوم شبکه جهانی وب (World Wide Web Consortium)  XHTML را به عنوان آخرین نسخه HTML می‎‌داند و معتقد است که این زبان، به به تدریج جایگزین HTML می شود. هرچند با گذشت زمان می‎‌توان در مورد صحت این ادعای W3C  قضاوت کرد.
  • XHTML تا اندازه ای نسخۀ منسجم و تکمیل شدۀ همان HTML 4.01 است.
  • XHTML توسط تمامی مرورگرهای بزرگ پشتیبانی می‌شود.
حتما بخوانید: HTML چیست؟

عناصر XHTML

  • عناصر باید به درستی و بطور صحیح تو در تو شوند.
  • عناصر می‌بایست همیشه محصور باشند.
  • عناصر می‌بایست کوچک باشند.
  • اسناد می‌بایست یک عنصر ریشه‌ای داشته باشد.

تمایزهای بسیار مهم XHTML از HTML

برای اینکه درک بهتری از تفاوت‌های این دو زبان داشته باشید، تفاوت‌های میان آن ها را به تفکیک بررسی خواهیم کرد.

حتمابخوانید: تفاوت html و xhtml در چیست؟

  1. تفاوت در ساختار اسناد

  • به طور کلی استفاده از DOCTYPE در صفحات وب اختیاری است اما به توصیه کنسرسیوم جهانی وب (W3C) استفاده از DOCTYPE از در XHTML اجباری است.

* DOCTYPE جزء تگ های HTML نبوده و در واقع، یک عبارت راهنما محسوب می‌شود که بایستی در بالاترین قسمت صفحه وب نوشته شود. به کمک DOCTYPE، می‎توان نوع سند را تعیین کرده و بر اساس آن، کدهای HTML توسط مرورگرها پردازش خواهند شد.

  • ویژگی xmlns نیز در  <html> اجباری است.

* هنگامی که از پیشوندها در XML استفاده می‌‌شود، بایستی یک فضای نام باید برای این پیشوند تعریف شود. این فضای نام نیز، توسط یک صفت xmlns در تگ آغازین عنصر تعریف می‌‌شود که ساختاری به شکل زیر دارد:

” xmlns:prefix=”URI

  • وجود تگ های <html>، <head>، <title> و <body> در یک سند XHTML اجباری است.

تفاوت html و xhtml

  1. عناصر XHTML باید به طور کامل و صحیح پوشانده شوند

یک نمونه اشتباه <b><i>This text is bold and italic</b></i>

شکل صحیح <b><i>This text is bold and italic</i></b>

  1. عناصر XHTML  باید با حروف کوچک نوشته شوند

یک نمونه اشتباه <BODY>

<P>This is a paragraph</P>

</BODY>

شکل صحیح <body>

This is a paragraph

</body> 

  1. عناصر XHTML باید همیشه بسته شوند

یک نمونه اشتباه

[php]

This is a paragraph

This is another paragraph

[/php]

شکل صحیح

[php]

This is a paragraph

This is another paragraph

[/php]

  1. عناصر خالی هم باید بسته شوند

یک نمونه اشتباه

[php]

A break:

A horizontal rule:

<hr>

An image: <img src=”happy.gif” alt=”Happy face”>

[/php]

شکل صحیح

[php]

A break:

A horizontal rule:

<hr />

An image: <img src=”happy.gif” alt=”Happy face” />

[/php]

xhtml معتبر

  1. مقدار ویژگی ها باید در کوتیشین قرار گیرد

یک نمونه اشتباه <table width=100%>

شکل صحیح <table width=”100%”>

  1. ویژگی های XHTMLباید با حروف کوچک نوشته شوند

یک نمونه اشتباه <table WIDTH=”100%”>

شکل صحیح <table width=”100%”>

  1. کوچک کردن ویژگی ها ممنوع است

یک مثال اشتباه: <input type=”checkbox” name=”vehicle” value=”car” checked />

شکل صحیح: <input type=”checkbox” name=”vehicle” value=”car” checked=”checked” />

مهم ترین برچسب های XHTML  در یک صفحه وب

در این قسمت قصد داریم تا شما را با مهم ترین برچسب های XHTML آشنا کرده و به بررسی هر یک از آن ها بپردازیم.

برچسب <html > 

از این تگ برای مشخص کردن شروع اسناد XHTML استفاده می‌شود. به این صورت که مرورگرها با دیدن تگ  <html > شروع فایل را تشخیص داده و با دیدن برچسب  <html /> متوجه انتهای فایل می‎شوند.

برچسب <body >

این تگ برای مشخص کردن بدنه اصلی اسناد  XHTMLکاربرد دارد. قسمت‌هایی از سند که باید به عنوان خروجی در مرورگر به نمایش در بیایند، درون این تگ نوشته می‌شوند. البته بهتر است بدانید که هر یک از تگ ها یا همان برچسب های XHTML در بردارنده مجموعه‌ای از خصوصیات هستند که تعیین کننده برخی از ویژگی‌ها همچون رنگ یا نحوه نمایش هستند.

به طور کلی خصوصیت ها باید در برچسب شروع استفاده شوند و دارای دو قسمت اصلی زیر هستند:

  1. خصوصیت Name: تعیین کننده نام خصوصیت می‎‌باشد.
  2. خصوصیت Value: مقداری است که برای خصوصیت مشخص می‌شود.

عناصر xhtml

 

 خصوصیت‌های XHTML

  • اسامی خصیصه باید با حروف کوچک باشد.
  • ارزش‌های خصیصه casino online باید نقل قول شود.
  • کوچک شماری خصیصه ممنوع است.

محتوای معنایی در XHTML چیست ؟

XHTML RDF زبان توسعه یافته تر زبان نوشتاری XHTML می‌باشد که برای حمایت RDF از طریق مجموعه‌ای از خصیصه‌ها و قوانین پردازشی در قالب مرتب اسناد  XML طراحی شده است.این زبان یکی از تکنیک های مورد استفاده برای گسترش محتوای معنایی وب از طریق جایگذاری نشانه‌های معنایی غنی می‌باشد.

حتما بخوانید: آموزش برنامه نویسی از صفر تا صد | پروژه محور

 

چگونه HTML را به XHTML تبدیل کنیم؟

حالا که می‌دانیم xhtml چیست، باید در مورد تبدیل اچ تی ام ال به ایکس اچ تی ام ال نیز دانش لازم را داشته باشیم. برای تبدیل یک سند html به xhtml بایستی مراحل زیر را به ترتیب انجام دهید. پس همچنان با ما در آرنیکاوب همراه باشید:

  1. در اولین خط سند، doctype را به طور واضح مشخص کنید. (در پاراگراف های قبلی توضیح کاملی از doctype ارائه کردیم.)
  2. در تگ html از ویژگی xmlns استفاده کنید.
  3. نام همه تگ های موجود در صفحه را به حروف کوچک تبدیل کنید و سپس برای هر تگ بخش بسته ی آن را اعمال کنید.
  4. فراموش نکنید که ترتیب باز و بسته شدن تگ ها را به درستی رعایت کنید.
  5. ابتدا نام همه ویژگی‌های تگ‌ها را به حروف کوچک تبدیل کنید و سپس، مقادیر آن‌ها را در کاراکتر نقل قول جای‌گذاری کنید.

در آخرین مرحله، فایل را به صورت نهایی ذخیره‌سازی کنید

مبانی xhtml

اعتبار سنجی با W3C

یک سند که با مشخصات XHTML مطابقت داشته باشد معتبر محسوب می‌شود.اعتبار یک سند ثبات کدنویسی سند را تضمین می‌‌کند که در عوض پردازش را متوقف می‌کند ولی الزاما سازگاری با مرورگرها را تضمین نمی‌کند. برای معتبرسازی آدرس سایت خود را در فیلد مربوطه در اینجا قرار دهید.

و اما جمع بندی

ما در این مقاله از مجموعه مقاالات برنامه نویسی آرنیکاوب، به موضوع آشنایی با مبانی XHTML پرداختیم و تلاش کردیم کلیات XHTML را به بیانی ساده و گویا برای شما بیان کنیم، زیرا این دست مطالب تخصصی، پیچیدگی های فراوانی داشته و زبان ساده به درک بهتر آن‌ها کمک می‎کند.

ازاین‌رو در این مطلب، شما را با جنبه‌های مختلف XHTML هم‌چون عناصر آن، نحوه تبدیل یک سند HTML به XHTML و تفاوت‌های میان HTML و  XHTML آشنا کردیم. امیدواریم این مطلب برای شما مفید باشد و هم‌چنین، نظرات خود را در راستای این مبحث با ما به اشتراک بگذارید.

5/5 - (1 امتیاز)

خواندن مطالب زیر را نیز به شما پیشنهاد میکنیم:

پرسش و پاسخ، نظر

سوال یا نظری دارید؟ بنویسید و ارسال کنید.

طراحی شده توسط تیم توسعه و طراحی آرنیکاوب
×