📄הצג קוד מקור HTML

מהו קוד מקור HTML

קוד מקור HTML הוא טקסט המתאר את המבנה של דף אינטרנט, כולל כותרות, גוף טקסט, and מיקומי תמונות באמצעות תגיות כמו h1 (כותרת) ו-p (פסקה). הדפדפן קורא זאת ומצייר את הדף.

• רכיב head：רכיב head מכיל את כותרת הדף (title), תיאור המשמש בתוצאות חיפוש וברשתות חברתיות (meta), והפניות לקבצי CSS ו-JavaScript המטוענים.
• הצהרה על קידוד תווים：קידוד תווים מוצהן בתכונת charset של תג meta (לדוגמה: charset="UTF-8"), וכאשר ההצהרה לא תואמת את קידוד התווים בפועל, הדף מופיע בקידוד שגוי.

כיצד להציג קוד מקור של דף בדפדפן

ב-Chrome או Edge בגן עדן, לחץ בעכבר ימני על הדף ובחר "הצג קוד מקור של דף", או ב-Windows לחץ על "Ctrl+U" ו-Mac לחץ על "Command+Option+U" כדי להציג קוד מקור.

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

ההבדל בין קוד מקור וכלי ביקורת HTML

"קוד מקור הדף" הוא ה-HTML שהשרת החזיר בתחילה, וה-HTML המוצג בכלי הביקורת של הדפדפן (כלי מפתח) הוא המצב לאחר ביצוע JavaScript.

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