<!--base.html--> <!DOCTYPE html>
<html lang="en">
<head>
<!--html中的包含关系-->
{% block head %}
{% include ['includes/_head.html', 'include/_metas.html'] %}
{% endblock head %}
</head>
<body> <!--页头-->
<header>{% block header %}{% endblock header %}</header> <!--block作用域问题，内层block调用外面的item-->
{% for item in items %}
<li>{% block loop_item scoped %}{{ item }}{% endblock loop_item %}</li>
{% endfor %} <!--页体-->
<div>{% block content %}{% endblock content %}</div> <!--页脚-->
<footer>
{% block footer %}
Copyright 2018 by <a href="www.baidu.com">Baidu</a>
{% endblock footer %}
</footer> </body>
</html> <!--index.html--> <!--继承父页面-->
{% extends 'base.html' %} <!--宏-->
{% macro input(name, value='', type='text', size=20) %}
<input type="{{ type }}" name="{{ name }}" value="{{ value }}" size="{{ size }}"/>
{% endmacro %} <!--宏引入-->
{% import '_marcos.html' as ui %} <!--title-->
{% block title %}{{ title }}{% endblock title %} <!--content-->
{% block content %}
{% set links=[
("home", url_for(".index")),
("about", url_for(".about")),
("service", url_for(".service")),
("project", url_for(".project")),
] %} <nav>
{% for label, href in links %}
{% if not loop.first %} | {% endif %}
<a href="{{ href }}">{{ label }}</a>
{% endfor %}
</nav> <!--重复使用变量-->
<h1>{{ self.title() }}</h1>
{{ input('username') }}
{{ input('password', type='password') }} {% endblock content %} <!--footer-->
{% block footer %}
<hr>
<!--改写父类方法，且不覆盖父类-->
{{ super() }}
{% endblock footer %}