Tutorials References Exercises Videos Menu
Free Website Get Certified Upgrade

includes Template Tag


Example

Include a template inside the template:

<!DOCTYPE html>
<html>
<body>

{% include mymenu.html %}

<h1>Welcome</h1>

<p>This is my webpage</p>

</body>
</html>
Run Example »

Definition and Usage

The include tag allows you to include content from another template.

Place the include tag exactly where you want the content to be displayed.

This is useful when you have the same content for many pages.

You can also send variables into the template, by using the with keyword:

Example

If the include file looks like this:

<div>HOME | {{ me }} | ABOUT | FORUM | {{ sponsor }}</div>

The template can send variable values into the include like this:

<!DOCTYPE html>
<html>
<body>

{% include mymenu.html with me="ALEXANDER" sponsor="W3SCHOOLS" %}

<h1>Welcome</h1>

<p>This is my webpage</p>

</body>
</html>
Run Example »

Syntax

{% include template %}

or

{% include template with key=value%}

Parameters

Value Description
template Required. The filename of the template. Either a string or a variable.
key=value Optional. A variable name and value to send into the include file. Used together with the with keyword. You can have as many key/value pairs as you like.