最新のWeb開発のチュートリアル
 

W3Data含まれています


HTMLでHTMLスニペットを含める方法については、こちらをご覧ください。


HTML

あなたが.htmlのファイルに含めるHTMLを保存します。

content.html

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

HTMLを含めます

HTMLはW3-含ま-HTML属性を使用して行われますを含みます:

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

JavaScriptを追加

HTMLにはJavaScriptによって行われている含まれています。

)(あなたのページがw3data.jsがロードされていることを確認し、w3IncludeHTMLを呼び出します

<script>
w3IncludeHTML();
</script>

全例

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

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

<script>
w3IncludeHTML();
</script>

</body>
</html>
»それを自分で試してみてください

多くのHTMLスニペットを含めます

あなたは、HTMLスニペットの任意の数を含めることができます。

<!DOCTYPE html>
<html>
<script src="http://www.w3ii.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>
»それを自分で試してみてください