مفهوم کامنت و لزوم استفاده از آن
مفهوم کامنت و لزوم استفاده از آن
webtarahan
طراحی سایت,طراحي سايت ارزان,webtarahan
نظم در پروگرام نویسی ارزش بالایی دارد به طوری که می بایست برنامـه نوشته شده توسط شما قابل دنبال کردن بوسیله برنامـه نویس دیگری باشد. یکی از وسائل هایی که در این زمینه به ما یاری می نماید گذاشتن کامنت است.
کامنت در واقع نوشته هایی است که در سورس برنامـه وجود دارند ولی در نمایش خروجی ظاهر نمی شوند . کامنت گذاری در HTML و CSS JavaScript کاربر د بسیار زیاد ی دارند. به مثال زیر دقت بکنید :
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
content=”text/html; charset=utf-8″/>
I really, really like this XHTML stuff.
و خروجی بدین صورت است:
در واقع با کامنت توضیح داده است که جهت چه از تگ em مصرف کرده است. کامنت گذاری در HTML بیشتر جهت جدا کردن پارت های مختلف وب وب سایت است به طور مثال قسمت منو را با کامنت معین می کنیم می گویم برای مثال این قسمت از HTML برای منو است.
شیوه نوشن کامنت در HTML بدین صورت است:
در جاوا اسکریپت به ۲ صورت زیر صورت :
/* comment */
// comment
و در CSS :
/* comment */
بگذارید ذره جلوتر برویم و یک استفاده پیشرفته تر کامنت را نیز براتون توضیح بدهم :
مصرف دیگر کامنت زمانی است که می خواهید بخش ی از کد خودتونو نمایش ندید و یا برای مدتی پنهان بکنید در آن است که قسمت مربوطه را کامنت می بکنید که بعدا هم قابل برگشت است .
Current Stock
The following items are available for order:
Dark Smoke Window Tinting
Bronze Window Tinting
Spray mount
Craft knife
–>
و هم اکنون خروجی برنامـه
دقت بکنید که ۲ مورد li نمایش نمی یابد ولی حذف نشده تا ممکن است در آینده دوباره فعال شوند.
کاراکترها وسمبل ها نحوه استفاده در XHTML
بسياري موارد پیش می آید که می خواهید در متن مانند نوشتن همین متن از کاراکترهایی مثل > ویا & و یا هر کاراکتر ویِژگزینشه دیگری مصرف بکنید . در XHTML ما به جای درج مستقیم این کاراکترها از کد خاصی که جهت آنها تعریف شده استفاده می کنیم. جهت مثال به جای & از & مصرف می کنیم این یکی از فرق های HTML با XHTML است ، به مفهوم چنانچه بدین صورت عمل نکنیم سند ما Valid نخواهد شد.
صفحه اول ، نقطه شروع هر وب سایت
نقطه شروع هر وب سایت صفحه اول آن است که با نام index ویا default شناخته خواهد شد. ما در مثال کاربر دی تگ هایی که تا حالا آموختیم به اضافه دو خصوصیت اضافه کردن عکس و ارسال ایمیل را خواهیم آموخت.
مثال زیر را در ادیتور خود بنویسید با نام index.html ذخیره نمایید
BubbleUnder.com
Diving club for the south-west UK – let’s make a splash!
Welcome to our super-dooper Scuba site
Glad you could drop in and share some air with us! You’ve
passed your underwater navigation skills and successfully
found your way to the start point – or in this case, our home
page.
About Us
alt=”A circle of divers practice their skills”/>
When we’re not diving, we often meet up in a local pub
to talk about our recent adventures (any excuse, eh?).
Contact Us
To find out more, contact Club Secretary Bob Dobalina
on 01793 641207 or href=”mailto:test@test,com”>email
bob@bubbleunder.com.
هم اکنون خروجی را ببینیم :
در مورد تگ های p و h قبلا حرف کرده ایم ولی اینجا در قسمت contact متن آبی رنگی را می بینید که لینک است به مفهوم تگ a ولی یک لینک معمولی نیست .این لینک برای ارسال پست الکترونیکی است و چنانچه در ویندوز خود برنامـه مدیریت پست الکترونیکی داشته باشید مانند outlook با آن می توانید به فرد مورد نظر ایمیل ارسال نمایید.
صفحاتی که تا کنون درست کرده ایم به صورت متنی و خیلی کسل کننده است جهت جذابیت بیشتر می بایست از عکس جالب ها استفاده کرد . با استفاده از تگ img می توان تصاویر را به صفحه اضافه کرد. بدین ترتیب :
”A
این تگ یک تگ empty است attribute های زیر است :
src برای آدرس عکس
alt جهت توضیح تصویر
width عرض عکس به پیکسل
height ارتفاع عکس به پیکسل
فقط دقت نمایید که آدرس از جایی که صفحه شما قرار دارد حساب می شود به مفهوم اگر عکس در همان فولدری باشد که صفحه شما قرار دارد به طریق بالا آدرس می گیرد.
Alt هم متنی است که عکـس را توصیف می نماید و در مرورگرهای متنی و یا زمانی که مرورگر تصاویر را نشان نمیدهد به جای نمایش عکـس این متن نمایش می یابد اما خاصیت دیگر ارزش ش برای موتورهای جستجو است.
این نکته را هم در انتها اضافه کنم که برای Valid شدن در XHTML صفحه وجود alt الزامی است .