Menu
×
   ❮   
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

块模板标签


示例

在主模板中定义一个应该被子模板中的部分替换的部分

<!DOCTYPE html>
<html>
<body>
<h1>Welcome</h1>

{% block userinfo %}
  <h2>Not registered yet</h2>
{% endblock %}

</body>
</html>
运行示例 »

定义和用法

block 标签有两个功能

  1. 它是内容的占位符。
  2. 它是将替换占位符的内容。

模板中,block 标签是一个占位符,它将被子模板中具有相同名称的块替换。

模板中,block 标签是内容,它将替换主模板中具有相同名称的占位符。

在上面的示例中,您看到了主模板的内容,它有一个名为 userinfo 的块。此块将被子模板中名为 userinfo 的块替换

示例

这是一个子模板,它通过 extend 标签引用主模板

{% extends "mymaster.html" %}

{% block userinfo %}
  <h2>John Doe</h2>
  <p>Explorer of life.</p>
{% endblock %}
运行示例 »

语法

{% block name %}
  ...
{% endblock %}

参数

描述
name 指定块的名称。

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.