📜  base_generic.html 应该是什么样子 - Html (1)

📅  最后修改于: 2023-12-03 15:29:34.495000             🧑  作者: Mango

Base Generic HTML介绍

简介

Base Generic HTML 是一种基础的HTML模板,通常被用作其他网页的基础模板。它包含了一些基本的HTML元素、CSS、JavaScript相互配合的代码,可以被其他网页继承和扩展使用。

结构

Base Generic HTML 包含的基本结构如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Base Template{% endblock %}</title>
    {% block head %}
        <!-- Additional CSS and JavaScript can be included here -->
    {% endblock %}
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>

在这个模板中,我们使用了三个 Django 模板语言的标签: {% block %}、{% extends %}、{% include %}。

  • {% block %} 标签用于创建模板块。此模板块可从派生模板中覆盖或扩展。
  • {% extends %} 标签用于指定要扩展的父模板。它必须出现在模板的第一行。
  • {% include %} 标签用于在模板中包含另一个模板。
代码片段
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}Base Template{% endblock %}</title>
    {% block head %}
        <!-- Additional CSS and JavaScript can be included here -->
    {% endblock %}
</head>
<body>
    {% block content %}{% endblock %}
</body>
</html>

说明:

  • 代码片段中使用了 {% block %} 标签来定义可扩展的块;
  • 通过 {% extends %} 标签来指定当前模板要继承哪个模板;
  • 通过 {% block head %}{% block content %} 定义继承模板中的可扩展块体。
总结

Base Generic HTML提供了一个基本的HTML模板,为其他网页提供了很好的基础。通过简单的继承和扩展,可以使其他网页继承Base Generic HTML的基本结构,并添加额外的CSS、JavaScript、HTML内容。