include - Django Template Tags
Last Updated :
05 Feb, 2020
Improve
A Django template is a text document or a Python string marked-up using the Django template language. Django being a powerful Batteries included framework provides convenience to rendering data in a template. Django templates not only allow passing data from view to template, but also provides some limited features of programming such as variables, for loops, comments, extends, include etc.
This article revolves about how to use include tag in Templates.
Python3
Create a url path to map to this view. In
Python3
Now we will create three templates to demonstrate include tag. Create a base template in
html
Create two components in templates/component1.html
html
and templates/component2.html
html
Now visit http://127.0.0.1:8000/,
include
tag loads a template and renders it with the current context. This is a way of “including” other templates within a template. The template name can either be a variable or a hard-coded (quoted) string, in either single or double quotes.
Syntax
{% include "template_name.html" %}
Example
{% include "foo/bar.html" %}Normally the template name is relative to the template loader’s root directory. A string argument may also be a relative path starting with ./ or ../ as described in the extends tag.
include - Django template Tags Explanation
Illustration of How to use include tag in Django templates using an Example. Consider a project namedgeeksforgeeks
having an app named geeks
.
Refer to the following articles to check how to create a project and an app in Django.Now create a view through which we will access the template, In
geeks/views.py
,
# import Http Response from django
from django.shortcuts import render
# create a function
def geeks_view(request):
# return response
return render(request, "geeks.html.html")
geeks/urls.py
,
from django.urls import path
# importing views from views.py
from .views import geeks_view
urlpatterns = [
path('', geeks_view),
]
geeks.html
,
<html>
<!-- Include header -->
{% include "component1.html" %}
<h4>Body Here</h4>
<!-- Include Footer -->
{% include "component2.html" %}
</html>
<!-- component1.html -->
<h2> Header Here </h2>>
<!-- component2.html -->
<h4>Footer here</h4>

Advanced Usage
one can pass additional context to the template using keyword arguments:{% include "name_snippet.html" with person="Jane" greeting="Hello" %}