📄نمایش کد منبع HTML

کد منبع HTML چیست

کد منبع HTML متنی است که از طریق برچسب‌هایی مانند 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 بازگردانده‌شده از سرور وجود ندارند، بنابراین ممکن است هنگام نمایش کد منبع آن‌ها را پیدا نکنید.