نحوه کامنت گذاری در کدهای اسناد HTML
 

نحوه کامنت گذاری در کدهای اسناد HTML

در این مقاله آموزشی درباره چگونگی درج توضیح و کانمنت در لابلای کدهای html توضیح می‌دهیم. این روش به شما کمک می‌کند سند html منظمی تولید کننید که هر بخش از سند را درون خود سند توضیح داده‌اید.
شنبه، 18 دی 1400 | Article Rating

محتوای درون تگ نظر یا کامنت HTML در مرورگر نمایش داده نمی‌شوند، اما بسیار کاربردی هستند و می‌توانند به شما در مستندسازی کد سورس (کد منبع) سند HTML کمک کنند.

تگ کامنت در HTML

هر محتوایی بین دو تگ <-- و !--> قرار بگیرید با این که در کد منبع سند html قابل مشاهده است ولی در مروگر نمایش داده نمی‌شود. شما می‌توانید به شکلی که در ادامه مثال زده می‌شود نکات یا نظرات خود را به منبع HTML خود اضافه کنید.

توجه داشته باشید که علامت تعجب (!) فقط در تگ شروع وجود دارد، ولی در تگ پایان وجود ندارد.

توجه:

متن نوشته شده درون تگ نظر (Comment Tag) تنها در کد منبع قابل مشاهده است و در مرورگر نشان داده نمی‌شود.

عنصر کامنت در HTML

تگ <-- ... متن کامنت ... !--> به شما این امکان را می‌دهد که بدون نمایش محتوایی که در سورس کد html خود می‌نویسید از آن به عنوان نظرات، اعلان‌ها و یادآوری‌ها و نکاتی درون کد HTML خود استفاده نمایید:

  • </>
    <!-- این متن یک کامنت در کد منبع HTML است -->

    <p>این یک پاراگراف متن است که هنوز کامل نشده و بقیه را باید فرد دیگری تکمیل کند. برای این منظور من یک توضیح در ادامه کد منبع html خود برای فردی که فردا روی این کد کار می‌کند می‌گذارم که فراموش نشود. این متن یک مثال است که موضوع و کاربرد استفاده از کامنت در html را بهتر درک کنید.</p>

    <!-- اطلاعات بیشتری به این قسمت از کد اضافه کنید. -->
    کد HTML را آزمایش کنید

    تنها کافی است روی گزینه "کد HTML را آزمایش کنید " کلیک کنید تا ویرایشگر متنی ما همان لحظه باز شود و شما کدهایی را که یاد گرفتید در پنجره سمت چپ وارد کنید و با زدن گزینه "مشاهده نتیجه"، نتیجه کد خود را به صورت زنده مشاهده نمایید!



استفاده تگ کامنت برای مخفی کردن تمام یا بخشی از محتوا یا تگ‌های دیگر در HTML

تگ <-- ... !--> علاوه بر استفاده برای کامنت گذاری در کدهای HTML به شما این امکان را می‌دهد که تمام یا بخشی از یک متن و یا حتی بخشی از تگ‌ها و کد‌های دیگر html را مثلا موقع دیباگ و عیب‌یابی کدها مخفی کنید و از عمل کردن برخی دستورات در کد html جلوگیری کنید. به چند مثال زیر توجه کنید:

  • </>
    <p>مثال اول برای مخفی‌کردن یک تگ html:</p>
    <!-- <p>این یک پاراگراف متن دیگر است که مخفی کرده‌ایم</p> -->

    <hr>

    <p>مثال دوم چند تگ از html را با هم مخفی می‌کنیم:</p>
    <!--
    <!-- <p>این یک پاراگراف متن دیگر است که مخفی کرده‌ایم</p> -->
    <!-- <img> src="/image.jpg width="100" height="150" alt="image name"> -->
    -->

    <hr>

    <p>مثال سوم می‌بینید که بخشی از میان یک تگ را مخفی کرده‌ایم:</p>
    <p>این یک <!-- عبارت مخفی --> پاراگراف است.</p>

    کد HTML را آزمایش کنید

    تنها کافی است روی گزینه "کد HTML را آزمایش کنید " کلیک کنید تا ویرایشگر متنی ما همان لحظه باز شود و شما کدهایی را که یاد گرفتید در پنجره سمت چپ وارد کنید و با زدن گزینه "مشاهده نتیجه"، نتیجه کد خود را به صورت زنده مشاهده نمایید!



معرفی برخی خدمات مرتبط با راه اندازی کسب و کار آنلاین کارگزاران تجارت الکترونیک ایران

در صورتی که مایل به معرفی خدمات طراحی سایت ما به دوستان خود هستید لطفا این صفحه را برای ایشان به اشتراک بگذارید. همچنین می‌توانید اطلاعات بیشتری درباره خدمات ما در زمینه طراحی سایت فروشگاهی همچون طراحی سایت عطر، طراحی سایت شخصی، طراحی سایت شرکتی، طراحی سایت سازمانی با ورود به این صفحات به دست آورید. این که وب سایت مورد نظر شما از چه نوعی باشد را به ما بسپارید. بسته به امکانات و نیاز شما بهترین را برای شما انتخاب می‌کنیم. چه از نوع طراحی سایت با دی ان ان DNN (دات نت نیوک) باشد و چه از نوع طراحی سایت با وردپرس Wordpress می‌توانید از طریق صفحات مربوط به آن اطلاعات بیشتری کسب کرده و همه خدمات خود را از میزبانی وب و خرید هاست گرفته تا طراحی اپلیکیشن موبایل و آموزش طراحی سایت و سئو سایت SEO، آن را با خیال راحت به ما بسپارید. نکته قابل توجه این است که ما با هدف افزایش درآمد و رساندن شما به اهدافی که مد نظر دارید این کار را انجام می‌دهیم و این موضوع بسیار متفاوت است با این که بخواهید فقط یک سایت داشته باشید! چون هر طراحی سایتی شما را به اهداف‌تان نمی‌رساند. تخصص ما تجارت الکترونیک و راه اندازی کسب و کار آنلاین است و طراحی سایت تنها بخشی از این خدمات محسوب می‌شود. عکاسی 360 درجه از محصول و طراحی سیستم اختصاصی یکپارچه ERP و راهبری و چگونگی انجام کار برای رسیدن به درآمد آنلاین چیزی است که بسیاری از طراحان سایت نمی‌دانند. این در حالی است که هدف ما از طراحی سایت تمرکز روی به نتیجه رسیدن اهداف شما است نه طراحی سایت! کارگزار خدمات فناوری اطلاعات خود را به درستی و با دقت انتخاب کنید.

تصاویر
ثبت امتیاز
اشتراک گذاری
نظر جدید

تصویر امنیتی
کد امنیتی را وارد نمایید:

این صفحه را به دوستان خود معرفی کنید

با به اشتراک گذاری این صفحه، یک فرصت خوب به دوستان خود هدیه می‌دهید