ساختار کلی یک صفحه وب ( بخش اول )
هر صفحه وب از بخش های گونا گونی تشکیل شده است که استفاده از هر کدام از این بخش ها قوانین مربوط به خود را دارد که اگر این قوانین رعایت نشوند یا صفحه وب شما به درستی نمایش داده نخواهد یا از حالت استاندارد خارج می شود . پس داشتن اطلاعاتی از بخش های گوناگون تشکیل دهنده یک صفحه وب برای یک طراح وب حرفه ای الزامی است . البته یادگیری این مطالب آسان می باشد و من سعی می کنم در دو مقاله اجزای تشکیل دهنده یک صفحه وب و قوانین ترکیب آن ها با یکدیگر را به شما آموزش دهم . در زیر شما می توانید اولین بخش این مقاله را مطالعه فرمایید .
عناصر :
عناصر اجزای اصلی تشکیل دهنده یک صفحه وب می باشند که در اصطلاح به آن ها "
برچسب " می گویند . عناصر باعث می شوند که یک صفحه وب به بخش های گوناگونی تقسیم شود که هر کدام از این بخش ها می تواند ساختار متفاوتی با بخش های دیگر داشته باشد . به طور کلی می توان عناصر را به دو نوع تقسیم کرد :
عناصر غیر خالی : شامل ابتدا یک تگ باز سپس محتویاتی که قرار است درون عنصر قرار گیرد و در آخر هم تگ بسته می باشند . البته در بعضی مواقع ممکن است در میان تگ های باز و بسته چیزی وجود نداشته باشد . مثال :
<div> : تگ باز
</div> : تگ بسته
HTML Learning : محتویات عنصر
عناصر خالی : نوعی از عناصر هستند که در واقع ترکیبی از تگ بسته و تگ باز می باشند و دیگر نیازی به تگ بسته ندارند و فقط تگ باز کفایت می کند . در زبان برنامه نویسی "
HTML " بعضی از عناصر نیازی به تگ بسته ندارند و شما فقط باید تگ باز را بنویسید اما در "
XHTML " تمام تگ های باز نیاز به یک تگ بسته دارند و این به این معنی است که عناصر خالی هم باید یک تگ بسته داشته باشند . در زمان حال بعضی از مرورگر ها این استاندارد را پشتیبانی نمی کنند و اگر شما برای عناصر خالی تگ بسته به کار ببرید ممکن است در نمایش صفحه وب شما مشکل ایجاد شود به همین دلیل برای این کار روش دیگری ایجاد شده است . در این روش ابتدا از یک علامت کوچکتر و نام عنصر سپس یک فاصله خالی و اسلش رو به جلو و در آخر هم از علامت بزرگتر استفاده می شود . در این روش شما هم از قوانین "
XHTML " پیروی می کنید و هم برای مرورگر هایی که از این استاندارد پیروی نمی کنند مشکلی ایجاد نمی کنید . مثال :
<br> : یک عنصر خالی
</ br> : یک عنصر خالی که از استاندارد های "
XHTML " پیروی می کند و برای مرورگر ها هم مشکلی ایجاد نمی کند
شاخص ها و مقدار ها :
در "
X-HTML " ممکن است هر عنصر شامل یک شاخص و هر شاخص شامل یک مقدار باشد . شاخص ها اجزایی از یک صفحه وب می باشند که اطلاعاتی درباره عناصر به کار رفته در صفحه وب را در بر می گیرند . مقدار ها هم همان اطلاعاتی می باشند که شاخص ها درباره عناصر به کار رفته در صفحه وب در بر می گیرند . اما در استفاده کردن از شاخص ها و مقدار ها تفاوت های اندکی در میان "
HTML " و "
XHTML " وجود دارد که در زیر بیان شده است . مثال :
برای تگ های عیر خالی :
کد:
<div id="Test">HTML Learning</div>
id : شاخص
Test : مقدار
برای تگ های خال :
id : شاخص
Test : مقدار
تفاوت ها در "
HTML " و "
XHTML " :
1 - در زبان برنامه نویسی "
HTML " وجود علامت های نقل قول به دور مقدار ها الزامی نیست اما در "
XHTML " وجود آن ها الزا می می باشد .
2 - در زبان برنامه نویسی "
X-HTML " بعضی از شاخص ها مقدار ندارند و در "
HTML " هم نیازی نیست که مقداری در جلوی آن ها بنویسیم اما در "
XHTML " تمام شاخص ها باید دارای مقدار باشند به همین دلیل برای شاخص هایی که مقدار ندارند نام آن شاخص همراه با علامت نقل قول را در جلوی شاخص به عنوان مقدار می آورند . مثال :
در " HTML " :
در " XHTML " :
بالاخره این مقاله هم به پایان رسید . امیدوارم اطلاعات خوبی بدست آورده باشید .