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>
<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>
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>
<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>
خودتان امتحان کنيد »<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>
- نوشته شده توسط زهرا داوودی
- بازدید: 5155
