دوشنبه ۱۹ تیر ۱۳۹۶
  • :
  • :

مفهوم کامنت و لزوم استفاده از آن

مفهوم کامنت لزوم استفاده از آن
design web 41 مفهوم کامنت و لزوم استفاده از آن
طراحی سایت

طراحی سایت,طراحي سايت ارزان,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:[email protected],com”>email
[email protected]

هم اکنون خروجی را ببینیم :

در مورد تگ های p h قبلا حرف کرده ایم ولی اینجا در پارت contact متن آبی رنگی را می بینید که لینک است یعنی تگ a ولی یک لینک معمولی نیست .این لینک جهت ارسال پست الکترونیکی است اگر در ویندوز خود برنامـه مدیریت پست الکترونیکی داشته باشید مانند outlook با آن می توانید به فرد مورد نظر پست الکترونیکی ارسال نمایید.
صفحاتی که تا کنون درست کرده ایم به صورت متنی بسیار زیاد کسل کننده است جهت جذابیت بیشتر می بایست از عکـس ها مصرف کرد . با استفاده از تگ img می توان تصاویر را به صفحه اضافه کرد. بدین ترتیب :

”A

این تگ یک تگ empty است attribute های زیر است :

src جهت آدرس عکس

alt جهت شرح تصویر

width عرض عکس به پیکسل

height ارتفاع تصویر به پیکسل

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

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

این نکته را در انتها اضافه کنم که جهت Valid شدن در XHTML صفحه وجود alt الزامی است .




پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سوپروب close
خرید بک لینک