ساختار کدهای XHTML در صفحات وب
ساختار کدهای XHTML در صفحات وب
همانطور که اشاره شد XHTML یک زبان نشانه گذاری است و برای نمایش محتوای صفحات وب از کدهای XHTML مختلف استفاده می شود. همین امر به مرورگر کمک می کند به راحتی تشخصی دهد در هر بخش چه عنصری را نمایش دهد.
ساختار کدهای XHTML
به هر کدام از این نشانه ها که در واقع دستورالعمل چگونگی نمایش محتوای صفحه هستند، برچسب (tag) گفته می شود.
ساختار استاندارد برچسب های XHTML به صورت زیر است
<برچسب ابتدا>
محتویات
</برچسب انتها >
برچسب ابتدایی مشخص کننده آغاز برچسب و برچسب پایانی مشخص کننده انتهای برچسب است.
نکته : درون هر برچسب، بعد از علامت > و قبل از علامت < نباید از کاراکتر خالی (Space) استفاده کنید.
مثال :
<head>
….
</head>
مهمترین و اصلی ترین برچسب از کدهای XHTML که در صفحات وب موجود است <html> است، در حقیقت مرورگر با دیدن این برچسب در می یابد که فایل مورد نظر حاوی کدهای XHTML است. در انتهای فایل نیز باید از برچسب مکمل <html/> به معنای پایان فایل استفاده شود.
قالب های صفحات وب
فایل XHTML در ظاهر یک فایل متنی ساده است که از برچسب های متعددی تشکیل شده و با پسوند htm. یا html. ذخیره شده است.
در حقیقت هیچ تفاوت اساسی بین فایل های با پسوند htm. یا html. وجود ندارد و تنها مطلبی که باعث می شود استفاده از htm. به جای html. توصیه شود این است که برخی از سیستم های عامل فقط قادر به شناسایی فایلهایی هستند که دارای پسوند سه حرفی باشند و شناسایی آن به دلیل اینکه پسوند html. دارای چهار حرف است، ممکن است در این گونه سیستم عامل ها دچار مشکل شود.
ایجاد یک صفحه وب ساده با کدهای XHTML
یکی از مزایای فایل های با کدهای XHTML این است که به سهولت می توان آنها را در یک ویرایشگر متنی ساده مانند Notepad نیز ایجاد کرد.
در محیط برنامه Notepad کدهای XHTML زیر را قرار داده ایم.
<!DOCTYPE html>
<html>
<head>
<title> Youcode.ir – کدنویسی به زبان ساده</title>
</head>
<body>This is My First Web Page in Youcode.ir</body>
</html>
پس از درج کدهای XHTML باید فایل را با قالب htm. ذخیره کنید، برای اینکار از منوی فایل گزینه Save As را انتخاب کنید و در کادر باز شده اطلاعات زیر را تکمیل کنید :
در کادر متن File name یک نام مناسب برای فایل به همراه پسوند htm. وارد کنید.
در کادر انتخاب Save as type گزینه All Files را انتخاب کنید.
برای پشتیبانی از زبان فارسی در کادر انتخاب Encoding گزینه UTF-8 را انتخاب کنید.
سپس بر روی دکمه Save کلیک کنید.
پس از انجام مراحل فوق شما اولین صفحه وب خود را ساخته اید.
مشاهده صفحه وب با کدهای XHTML
همان طور که می دانید برای مشاهده صفحات وبی که طراحی شده اند باید از نرم افزارهای مرورگر وب مانند Firefox,Chrome,Opera,IE و … می توان استفاده نمود.
از مسیری که فایل را ذخیره کرده اید آن را با هریک از مرورگرهای فوق که دوست دارید اجرا کنید.
نتیجه اجرای فایل با کدهای XHTML را در مرورگر زیر می توان مشاهده نمود.
همانطور که مشاهده می کنید در شکل فوق، متنی که درون برچسب <body> نوشته شده بود، در قسمت اصلی پنجره مرورگر نمایش پیدا کرده است.
در مرورگرها گزینه ای در صفحه راست کلیک بر روی صفحات اینترنتی برای نمایش کدهای XHTML موجود می باشد که برای نمایش اطلاعات و کدنویسی های داخل فایل های وب سایت به کار می رود.
در ادامه سری آموزش های زبان HTML با برچسب های HTML در آینده ای نزدیک در خدمت شما خواهیم بود. پس به امید دیدار…
