<!--------------------------------母版--------------------------------> <head> <!--替换css--> {% block css %}{% endblock %} </head> <body> <!--替换内容--> {% block content %}{% endblock %} <!--替换js--> {% block js %}{% endblock %} </body> <!--------------------------------子版--------------------------------> {% extends 'layout.html' %}<!--继承母版，要写在html文件的最上面--> <!DOCTYPE html> <html lang="zh-CN"> <head> <!--引入css--> {% block css %} <link rel="stylesheet" href="../static/bootstrap3.3.7/css/bootstrap.min.css"> {% endblock %} </head> <body> <!--要替换的内容--> {% block content %} <div>abcabcabcabcabcabcabcabcabcabc</div> {% endblock %} <!--引入js--> {% block js %} <script src="../static/jquery-3.4.1.min.js"></script> <script> <!--js代码--> </script> {% endblock %} </body>