תיעוד HTML עם דוגמאות להרצה: הערות

Q: איך כותבים הערה ב-HTML?

התחילו אותה ב- : . הדפדפן מתעלם מכל מה שבין שני הסימנים, כולל תגיות, כך שאותו תחביר משמש גם להפיכת קוד להערה.

Q: מה קיצור המקלדת להערה ב-HTML?

ב-VS Code וברוב עורכי הקוד, סמנו את השורות ולחצו Ctrl + / (Windows ו-Linux) או Cmd + / (Mac). העורך עוטף את הבחירה ב- , ואותם מקשים מסירים אותם.

Q: אפשר לקנן הערות HTML?

לא. ה---> הראשון מסיים את ההערה, כך שב- c --> הטקסט c --> מוצג בעמוד. כדי להפוך להערה בלוק שמכיל הערה, הסירו או שנו קודם את ההערה הפנימית.

Q: הערות HTML עובדות בתוך CSS או JavaScript?

לא. בתוך אלמנט השתמשו ב-/ ... /, ובתוך השתמשו ב-// או / ... /. הערת HTML בבלוק style לא מסתירה את כללי ה-CSS שבתוכה.

הערות ב-HTML: תחביר, הערות מרובות שורות וקיצורי מקלדת

הערה ב-HTML היא טקסט בין  שהדפדפן לא מציג. למדו את התחביר, הערות מרובות שורות, הפיכת קוד להערה, קיצור המקלדת בעורך, למה אי אפשר לקנן הערות, ולמה הן אף פעם לא פרטיות.

בדף הזה יש עורכים שאפשר להריץ - לערוך, להריץ ולראות את הפלט מיד.

מאת Kevin Spektor, מייסד שותף ו-CTO

פורסם ב-Sep 24, 2026

איך כותבים הערה ב-HTML

הערת HTML מתחילה ב-. הדפדפן מתעלם מכל מה שבין שני הסימנים, כך שהטקסט אף פעם לא מופיע בעמוד:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Comments</title>
</head>
<body>
  <!-- This comment is not displayed -->
  <h1>Visible heading</h1>

  <!--
    A comment can span several lines.
    Use it for notes to yourself or your team.
  -->
  <p>Visible paragraph.</p>
</body>
</html>

רק הכותרת והפסקה מוצגות. ב-HTML יש תחביר הערות אחד, והוא עובד לשורה אחת או להרבה שורות.

הקיצור ב-VS Code וברוב העורכים: סמנו כמה שורות ולחצו Ctrl + / (Cmd + / ב-Mac). העורך מוסיף את הסימנים בשבילכם, ואותם מקשים מסירים אותם.

הפיכת קוד להערה

מכיוון שהדפדפן מתעלם מתגיות בתוך הערה, עטיפת קוד ב- מסתירה אותו בלי למחוק אותו. זו הדרך המהירה ביותר לבדוק עמוד בלי אלמנט מסוים:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Comment out</title>
  <style>
    .banner { background: #fef3c7; padding: 8px 12px; border-radius: 6px; }
  </style>
</head>
<body>
  <!-- <div class="banner">Sale ends Friday</div> -->
  <h1>Shop</h1>
  <!--
  <ul>
    <li>Old menu item</li>
    <li>Another old item</li>
  </ul>
  -->
  <p>Remove the comment markers around the banner to bring it back.</p>
</body>
</html>

מחקו את  בשורת הבאנר והוא יופיע שוב. קוד שהפך להערה עדיין מורד יחד עם העמוד, אז ברגע שאתם בטוחים שאתם לא צריכים אותו, מחקו אותו.

אי אפשר לקנן הערות

ה---> הראשון תמיד סוגר את ההערה. אם הקוד שאתם הופכים להערה כבר מכיל הערה, ההערה החיצונית נגמרת מוקדם והשאר נשפך לעמוד. הדוגמה הזו מעבירה הערות מקוננות לפרסר של הדפדפן ומציגה מה נשאר גלוי:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Nested comments</title>
  <style>
    pre { background: #e5e7eb; padding: 8px; white-space: pre-wrap; }
  </style>
</head>
<body>
  <pre id="out"></pre>
  <script>
    const html = '<!-- outer <!-- inner --> still meant to be hidden -->';
    const box = document.createElement('div');
    box.innerHTML = html;
    document.getElementById('out').textContent =
      'Source:  ' + html + '\nVisible: ' + box.textContent;
  </script>
</body>
</html>

still meant to be hidden --> מוצג כטקסט. לפני שהופכים בלוק גדול להערה, הסירו את ההערות שבתוכו (או שנו את ה---> שלהן כך שלא יתאים יותר).

עוד כמה כללים: הערה לא יכולה להתחיל ב-, אז השאירו את שניהם מחוץ לטקסט ההערה.

הערות הן ציבוריות

הערות הן חלק מה-HTML שהשרת שולח, כך שכל מבקר יכול לקרוא אותן עם הצגת קוד המקור או כלי המפתחים. גם סקריפט יכול לפרט אותן:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Comments are public</title>
  <style>
    li { font-family: monospace; }
  </style>
</head>
<body>
  <!-- TODO: fix the checkout button -->
  <p>This page has comments. Here they are:</p>
  <!-- admin password is hunter2 (never do this) -->
  <ul id="list"></ul>
  <script>
    const walker = document.createTreeWalker(document, NodeFilter.SHOW_COMMENT);
    while (walker.nextNode()) {
      const li = document.createElement('li');
      li.textContent = walker.currentNode.data.trim();
      document.getElementById('list').appendChild(li);
    }
  </script>
</body>
</html>

השתמשו בהערות רק לרשימות על הקוד. כל דבר פרטי (סיסמאות, מפתחות API, כתובות URL פנימיות, נתוני לקוחות) לעולם לא צריך להיות ב-HTML, בהערה או לא. כלי בנייה ו-minifiers בדרך כלל מסירים הערות מ-HTML של פרודקשן, מה שגם חוסך כמה בתים.

הערות ב-CSS וב-JavaScript

הערות HTML עובדות רק ב-HTML. בתוך <style> ו-<script> משתמשים בתחביר ההערות של השפה הזו:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>CSS and JS comments</title>
  <style>
    /* A CSS comment: this rule is disabled */
    /* p { color: #dc2626; } */

    <!-- h1 { color: #2563eb; } -->
  </style>
</head>
<body>
  <h1>This heading is blue</h1>
  <p id="msg">Paragraph</p>
  <script>
    // A JavaScript comment
    /* Block comments work in JavaScript too */
    document.getElementById('msg').textContent = 'Set by the script';
  </script>
</body>
</html>

הכותרת הופכת לכחולה: CSS מתעלם מהסימנים  עצמם ועדיין מחיל את הכלל שביניהם. רק /* ... */ מנטרל CSS. העמוד הערות ב-CSS מסביר את התחביר הזה.

הערות מותנות

בקוד ישן יש לפעמים . אלה היו הוראות ל-Internet Explorer 9 ולגרסאות קודמות. כל הדפדפנים הנוכחיים מתייחסים אליהן כהערות רגילות, כך שהתוכן שבתוכן נזנח ואפשר למחוק את כל הבלוק.

טעויות נפוצות

קינון הערות. ה---> הפנימי מסיים את ההערה החיצונית. הסירו הערות פנימיות לפני שהופכים בלוק להערה.
שמירת סודות בהערות. הערות נשלחות לכל מבקר.
--> חסר. כל מה שאחרי <!-- ועד סוף הקובץ נעלם, וזה נראה כאילו חצי עמוד נעלם.
שימוש ב- ב-CSS. זה לא מנטרל את הכללים. השתמשו ב-/* */.
שימוש ב-// ב-HTML. // note מוצג כטקסט. HTML מבין רק .

שאלות נפוצות

איך כותבים הערה ב-HTML?

התחילו אותה ב-: . הדפדפן מתעלם מכל מה שבין שני הסימנים, כולל תגיות, כך שאותו תחביר משמש גם להפיכת קוד להערה.

איך כותבים הערה מרובת שורות ב-HTML?

ב-HTML יש רק תחביר הערות אחד, והוא יכול להתפרס על כל מספר של שורות. שימו  אחרי האחרונה.

מה קיצור המקלדת להערה ב-HTML?

ב-VS Code וברוב עורכי הקוד, סמנו את השורות ולחצו Ctrl + / (Windows ו-Linux) או Cmd + / (Mac). העורך עוטף את הבחירה ב-, ואותם מקשים מסירים אותם.

אפשר לקנן הערות HTML?

לא. ה---> הראשון מסיים את ההערה, כך שב- c --> הטקסט c --> מוצג בעמוד. כדי להפוך להערה בלוק שמכיל הערה, הסירו או שנו קודם את ההערה הפנימית.

משתמשים יכולים לראות הערות HTML?

הן לא מוצגות, אבל הן נשלחות לדפדפן יחד עם העמוד. כל אחד יכול לקרוא אותן עם הצגת קוד המקור או כלי המפתחים, אז לעולם אל תשימו בהן סיסמאות, מפתחות או הערות פרטיות.

הערות HTML עובדות בתוך CSS או JavaScript?

לא. בתוך אלמנט <style> השתמשו ב-/* ... */, ובתוך <script> השתמשו ב-// או /* ... */. הערת HTML בבלוק style לא מסתירה את כללי ה-CSS שבתוכה.

מושגים קשורים