HTML页面继承_html继承页面

作者：人工智能uu | 2024-06-29 11:48:08

踩

html继承页面

先创建一个头部页面Head.html ==> 放入要继承的头部代码
创建一个继承页面Base.html:

在继承页面base.html中写入：

// 导入头部页面
{% include 'head.html' %}

// 定义编辑区域
 {% block content %}
 {% endblock content %}
1
2
3
4
5
6

编辑页面Index.html中写入:

      // 导入base.html页面
    {% extends 'base.html' %}
  
      // 导入编辑区域 
    {% block content %}
    
    {% load static %} // 导入static的相对路径
     // 中间即可编辑区域
    {% endblock content %}
1
2
3
4
5
6
7
8
9

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/人工智能uu/article/detail/769176