In AnQiCMS template, how do `{%- block %}` and `{% block %}` affect the rendering result?

As an experienced website operations expert, I have come to know in my practice with AnQiCMS that every detail can affect the ultimate user experience and website performance. Today, let's delve into two seemingly similar yet subtly different tags in the AnQiCMS template:{%- block %}and{% block %}See how they affect the rendering of our website.

AnQiCMS is an enterprise-level content management system developed based on the Go language, which is favored by small and medium-sized enterprises and content operation teams for its high efficiency, customizability, and ease of expansion.It provides great flexibility for developers and operators in terms of support for Django template engine syntax.When building a website, we often use template inheritance to create reusable layouts, andblockTags are the core of achieving this goal.

Understanding{% block %}The cornerstone of template inheritance

First, let's review{% block %}The basic role of tags. In AnQiCMS template design,{% block %}Tags are the key areas in the page structure that can be overlaid (or extended) by sub-templates.It is like预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留预留

For example, we might have a namedbase.htmlThe basic layout file, which defines the overall framework of the website, including header, navigation, sidebar, and footer, among other common areas. In these areas, we will use{% block content %}/{% block title %}Tags are used to identify the content that needs to be filled in or modified on specific pages.

{# base.html #}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    {% block title %}<title>AnQiCMS 官网</title>{% endblock %}
    <link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css">
</head>
<body>
    <header><h1>我的AnQiCMS网站</h1></header>
    <main>
        {% block content %}
            <p>这里是默认内容。</p>
        {% endblock %}
    </main>
    <footer>版权所有 &copy; {% now "2006" %}</footer>
</body>
</html>

When we are in a sub-template, such asindex.htmlinheritingbase.htmland overridingcontentwhen block:

{# index.html #}
{% extends 'base.html' %}

{% block title %}<title>AnQiCMS 首页 - 构建高效内容管理</title>{% endblock %}

{% block content %}
    <p>欢迎来到AnQiCMS驱动的网站！我们致力于提供卓越的内容管理体验。</p>
    <p>通过灵活的内容模型和强大的SEO工具，助您轻松管理和推广内容。</p>
{% endblock %}

Thus,index.htmlThe page rendered finally, itstitleandmaincontent in the area will be replaced by the corresponding content defined in the template.{% block %}This mechanism makes the template structure clear and easy to maintain, greatly enhancing the development efficiency, which is in line with the 'lightweight and efficient' concept pursued by AnQiCMS.

Introduction{%- block %}: The exquisite control of whitespace

Now, let's focus on the variant with hyphens:{%- block %}and{% block -%}. This is the hyphen-It is a powerful 'whitespace control character.' Its core function isRemove adjacent whitespace characters (including newlines, spaces, and tabs).

In the high-performance AnQiCMS on the Go backend, even the smallest HTML output optimization can bring a cleaner rendering result. Imagine when your template files are,blockWhen there are extra line breaks or spaces before or after the tag, even though these whitespace characters do not affect the visual layout of the page, they will be output unchanged to the final HTML source code.

For example, in the aforementionedbase.htmlin the template,{% block title %}and<title>between tags, and{% endblock %}and</head>Among them, unnecessary line breaks may be introduced due to coding habits or file formats. If not controlled, these whitespace characters will appear in the final HTML source code of the page.

When we use{%- block %}It will deletebefore the tagall whitespace characters. And{% block -%}will deleteafter the tagAll the whitespace characters. If used together, for example{%- block content -%}, then it isblockAll whitespace characters before and after the tag will be removed.

Let's modify thisbase.htmloftitleblock:

{# base.html (修改后) #}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    {%- block title %}<title>AnQiCMS 官网</title>{%- endblock %}
    <link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css">
</head>
<body>
    <header><h1>我的AnQiCMS网站</h1></header>
    <main>
        {%- block content -%}
            <p>这里是默认内容。</p>
        {%- endblock -%}
    </main>
    <footer>版权所有 &copy; {% now "2006" %}</footer>
</body>
</html>

Use{%- block title %}and{%- endblock %}After, no matter how you format in the template file,titlethe tag and its content will be tightly connected together, without any extra line breaks or spaces, making<head>The HTML structure of the region is more compact. Similarly,{%- block content -%}it will also ensure that there is no unnecessary whitespace between its content and the parent HTML element.

Actual application scenarios and impact analysis

What is the impact of this meticulous control of whitespace characters in actual operation?

1. The neatness of HTML source code:For developers and SEO experts who pay attention to detail, clean and tidy HTML source code is a basic requirement.It improves code readability and makes it easier to debug through the browser developer tools.Especially in large projects, unnecessary 'noise' is avoided.
2. Minor performance optimization:Remove extraneous whitespace characters, although the file size of a single page decreases slightly, in the high-traffic, high-concurrency AnQiCMS application scenario, accumulated over time, it can slightly reduce the amount of network transmission and browser parsing burden.This complements the high-performance architecture philosophy brought by AnQiCMS based on Go language.
3. Avoid potential rendering issues:In certain specific cases, especially when using CSS frameworks (such as Flexbox or Grid) for precise element layout, the whitespace characters between HTML elements may be interpreted by the browser as actual visible space, leading to layout misalignment or unexpected gaps. Through{%- block %}We can eliminate these potential layout hazards to ensure the accurate reproduction of the design.
4. Uniform output format:When collaborating on a team, different developers may have different coding style habits.Whitespace characters can enforce consistent HTML output formatting, reducing issues caused by formatting differences.

Therefore, when it is necessary to precisely control HTML output, pursue ultimate code cleanliness, or avoid specific CSS layout issues,{%- block %}and{% block -%}It is an indispensable tool in the AnQiCMS template. It reflects AnQiCMS's ability to provide powerful functions while also paying attention to the fine-grained control at the template level, truly helping operators to build high-quality websites.

Frequently Asked Questions (FAQ)

Q1:{%- block %}and{% block %}is there a significant difference in performance?A1: From the perspective of page loading speed and server rendering performance, the difference between the two is very small, almost negligible.AnQiCMS is a high-performance architecture based on the Go language that can handle a large amount of data and requests.{%- block %}The main optimization is the neatness of the final HTML source code and the tiny reduction in file size, rather than significant performance improvement.

Q2: When should I prioritize using{%- block %}Instead{% block %}?A2: If you have high requirements for the neatness of HTML output, or want to avoid layout issues caused by excessive whitespace between HTML elements (especially when using CSS Flexbox, Grid layout orinline-blockWhen an element{%- block %}For example, in<head>within tags,<ul>or<ol>Between list items, and in any place where a compact HTML structure is needed, it will make your life easier.

Q3: The control of blank characters in AnQiCMS template (-) only applies toblockAre the tags valid?A3: No. AnQiCMS template engine (based on Django syntax) supports the ability toall logical tagscontrol whitespace characters. This means that you can{%- if %}/{%- for %}/{%- include %}Using before or after other tags-Symbol, to