نحوه Include کردن کد های HTML در HTML

ن

نحوه Include کردن کدهای HTML بسیار سخت می باشد و شاید بتوان گفت که روش اصولی برای Include کردن کدهای HTML وجود ندارد اما در این مطلب قصد آموزش یک ترفند برای Include کردن کدهای HTML به شما را داریم. Include  کردن یعنی الصاق یا وصل کردن کد های یک فایل به کدهایی در فایل های دیگر. این الصاق کردن در جاوا اسکریپت ، php و CSS به مراتب بیش از HTML  از Include کردن استفاده می کنند.

ما در این ترفند برای Include کردن کدهای HTML نیاز به استفاده از یک کتابخانه کدهای جاوا اسکریپت داریم.

Include کردن کدهای HTML

برای شروع می بایست برای کد هایی که قرار است الصاق کنیم یک فایل با فرمت html. و با نام دلخواه بسازیم. به عنوان نمونه نام فایل را .content.html می گذاریم.

حالا می بایست با استفاده از خصوصیت w3-include-html کدهای html از این فایل را به فایل اصلی html الصاق یا Include  کنیم. برای آشنایی بیشتر با خصوصیت های html  ها  ، حتما آموزش قدم به قدم html ها را مطالعه کنید.

برای نمونه به شکل زیر توجه کنید :

در حالت عادی این کد را می بایست در جایی که می خواهید کدهای html اصلی قرار بگیرند ، بنویسید. و این بار نیز در حالت عادی می بایست باید در فایل html که کد مورد نظر در آن قرار دارد بنویسید ولی کد را در .content.html می نویسید.

قبل از بسته شدن تگ ها ، کد زیر را در فایل اصلی html وارد می کنید:

و قبل از بسته شدن تگ ، کد زیر را می نویسید.

و همچین کدی نیز در درون فایل content.html. قرار می دهیم.

در اخر کدی که برای مرورگر فرستاده می شود به این شکل می باشد.

توجه:  نکته مهم و قابل توجه اینکه شما با استفاده از این ترفند می توانید هر تعداد فایل html که مدنظرتان هست الصاق کنید

از کارشناسان پرگاس انفورماتیک مشاوره تخصصی بگیرید

نرم افزار باشگاه مشتریان, طراحی سایت اختصاصی، نرم افزار مالی سپیدار

۵۶ ۲۸۴ ۲۸۴ (۰۲۱)