html代码复用 extends,HTML+CSS入门 HTML的extends和include详解

本篇教程介绍了HTML+CSS入门 HTML的extends和include详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

html>

Title

* {

margin: 0;

padding: 0;

}

{% include ‘include.html‘ %}    调用include.html模板

-----------------Name-------------------

{% block name %}

block块 取名为name

{% endblock %}

extends页面内容:

{% extends ‘base.html‘ %}

{% block name %}

唐某人(替换base.html的 block块下的内容)

{% endblock %}

include页面内容：

这是include调用的内容

ps: extends时，不能include，但是可以在extends的块里面include

{% extends ‘base_for_extend.html‘ %}

{% block name %}

唐某人{% include ‘include_for_basse_extend.html‘ %} {# 需要include块里面才有效 #}

{% endblock %}

HTML的注释语法

{# 单个注释 #}

-------------------------------------------------------------------------

{% comment %}

段落注释

{% endcomment %}

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！