include کردن صفحات

یاد بگیرید که چگونه تکه های HTMLرا درون HTML قرار دهید.


 HTML

قطعه کد html ای را که میخواهید استفاده کنید در یک فایل html. قرار دهید

content.html

<a href="http://www.w3schools.com/html/">HTML</a><br>
<a href="http://www.w3schools.com/css/">CSS</a><br>
<a href="http://www.w3schools.com/bootstrap/">Bootstrap</a><br>
<a href="http://www.w3schools.com/js/">JavaScript</a><br>
<a href="http://www.w3schools.com/sql/">SQL</a><br>
<a href="http://www.w3schools.com/php/">PHP</a><br>
<a href="/images/w3css/">W3.CSS</a><br>

افزودن HTML

افزودن (include) با استفاده از خصوصیت w3-include-html انجام میشود:

مثال

<div w3-include-html="content.html"></div>

 افزودن جاوا اسکریپ

افزودن HTML به وسیله جاوا اسکریپ انجام داده می شود.

اطمینان حاصل کنید کهصفحه شماw3data.js را بارگذاری کرده است وw3IncludeHTML  را دارید:

مثال

<script>
w3IncludeHTML();
</script>

 

مثال

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<body>

<div w3-include-html="content.html"></div>

<script>
w3IncludeHTML();
</script>

</body>
</html>
خودتان امتحان کنيد »

 افزودن تعداد زیادی از قطعات اچ تی ام ال

شما می توانید هر تعداد قطعه ی HTML را  include کنید:

مثال

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>
<body>

<div w3-include-HTML="h1.html"></div>
<div w3-include-HTML="content.html"></div>

<script>
w3IncludeHTML();
</script>

</body>
<html>
خودتان امتحان کنيد »
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان