100% کامل شده تا

توضیحات در اچ‌تی‌ام‌ال (HTML Comments)

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< HTML:Tutorial(تغییرمسیر از تگ کامنت html)
پرش به ناوبری پرش به جستجو


توضیحات HTML در مرورگر، نمایش داده نمی‌شوند اما می‌توانند به مستندسازی سورس‌کد HTML شما کمک کنند.[۱]


تگ های توضیح در HTML

می‌توانید با استفاده از شیوهٔ نوشتار زیر به منبع HTML خود توضیحات اضافه کنید:

<!-- Write your comments here -->
دقت کنید که در تگ آغازی یک علامت تعجب ! وجود دارد اما در تگ پایانی وجود ندارد.
نکته: توضیحات توسط مرورگر نمایش داده نمی‌شوند، اما آنها می‌توانند به مستندسازی کد منبع HTML شما کمک کنند.

با توضیحات می‌توانید اطلاعیه‌ها (Notifications) و یادآوری‌ها را در HTML خود قرار دهید:

مثال

<!-- This is a comment -->

<p>This is a paragraph.</p>

<!-- Remember to add more information here -->

مثال

<!DOCTYPE html>
<html>
<body>

<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Comments are not displayed in the browser -->

</body>
</html>

Responsive demo.svg



مخفی کردن محتوا

از توضیحات می‌توان برای پنهان کردن محتوا استفاده کرد.

محتوا را موقتاً مخفی کنید، این می‌تواند مفید باشد:

مثال

<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>

مثال

<!DOCTYPE html>
<html>
<p>This is a paragraph.</p>

<!-- <p>This is another paragraph </p> -->

<p>This is a paragraph too.</p>
</html>

Responsive demo.svg


همچنین می‌توانید بیش از یک خط را پنهان کنید، همه چیزی که بین --> و <!-- باشد، از صفحه نمایش پنهان می‌شود.

مثال

پنهان کردن بخشی از کد HTML:

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

مثال

<!DOCTYPE html>
<html>
<body>

<p>This is a paragraph.</p>
<!--
<p>Look at this cool image:</p>
<img border="0" src="pic_trulli.jpg" alt="Trulli">
-->
<p>This is a paragraph too.</p>

</body>
</html>

Responsive demo.svg


همچنین توضیحات، برای اشکال‌زدایی (debugging) عالی هستند، زیرا می‌توانید در هر بار خط‌های کد HTML را توضیح دهید تا خطاها را جستجو کنید



مخفی کردن محتوای درون خطی

از نظرات می‌توان برای پنهان کردن بخش‌هایی در وسط کد HTML استفاده کرد.

مثال

پنهان کردن بخشی از پاراگراف:

<p>This <!-- great text --> is a paragraph.</p>

مثال

<!DOCTYPE html>
<html>
<body>

<p>This <!-- great text --> is a paragraph.</p>

</body>
</html>

Responsive demo.svg



منابع آموزشی




به‌روزرسانی شده: ۴ روز پیش