اینجا هستید :
خانه آموزش های طراحی وبسایت آموزش HTML ساختار کدهای XHTML در صفحات وب

ساختار کدهای XHTML در صفحات وب

ساختار کدهای XHTML در صفحات وب

همانطور که اشاره شد XHTML یک زبان نشانه گذاری است و برای نمایش محتوای صفحات وب از کدهای XHTML مختلف استفاده می شود. همین امر به مرورگر کمک می کند به راحتی تشخصی دهد در هر بخش چه عنصری را نمایش دهد.

سری آموزش های زبان HTML

ساختار کدهای 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 را انتخاب کنید و در کادر باز شده اطلاعات زیر را تکمیل کنید :

ساختار کدهای XHTML در صفحات وب | کدنویسی به زبان ساده - youcode.ir

در کادر متن File name یک نام مناسب برای فایل به همراه پسوند htm. وارد کنید.

در کادر انتخاب Save as type گزینه All Files را انتخاب کنید.

برای پشتیبانی از زبان فارسی در کادر انتخاب Encoding گزینه UTF-8 را انتخاب کنید.

سپس بر روی دکمه Save کلیک کنید.

پس از انجام مراحل فوق شما اولین صفحه وب خود را ساخته اید.

مشاهده صفحه وب با کدهای XHTML

همان طور که می دانید برای مشاهده صفحات وبی که طراحی شده اند باید از نرم افزارهای مرورگر وب مانند Firefox,Chrome,Opera,IE و … می توان استفاده نمود.

از مسیری که فایل را ذخیره کرده اید آن را با هریک از مرورگرهای فوق که دوست دارید اجرا کنید.

نتیجه اجرای فایل با کدهای XHTML را در مرورگر زیر می توان مشاهده نمود.

ساختار کدهای XHTML در صفحات وب | کدنویسی به زبان ساده - youcode.ir

همانطور که مشاهده می کنید در شکل فوق، متنی که درون برچسب <body> نوشته شده بود، در قسمت اصلی پنجره مرورگر نمایش پیدا کرده است.

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

در ادامه سری آموزش های زبان HTML با برچسب های HTML در آینده ای نزدیک در خدمت شما خواهیم بود. پس به امید دیدار…

درباره نویسنده

مدیریت علاقه دارم در زمینه آموزش های مباحث کامپیوتری و نرم افزاری هر دانش و تجربه ای دارم با کاربران عزیز به اشتراک بزارم... ♥
منتظر نظرات خوب شما هستیم!

هنوز هیچ دیدگاهی وجود ندارد

    • سلام , مهمان