flask-bootstrap/base.html研究以及使用

最新推荐文章于 2023-02-21 17:12:05 发布

GeekLeee

最新推荐文章于 2023-02-21 17:12:05 发布

阅读量1.3w

点赞数

分类专栏： -----flask

本文链接：https://blog.csdn.net/GeekLeee/article/details/52550630

版权

本文探讨了Flask-Bootstrap的base.html模板，解释了block和endblock指令的作用，强调了在自定义模板时需谨慎处理Flask-Bootstrap的内部块，以防引发问题。通过使用`{% extends %}`引入base.html，并使用`{% block %}`和`{% endblock %}`进行内容扩展。同时，文章提到了HTML版本声明、文件编码、SEO元信息、自动导入功能和脚本插入等前端基础知识。

摘要由CSDN通过智能技术生成

首先了解一下bootstrap提供了多少block，bootstrap中的base.html如下：

{% block doc -%}       ###doc：整个HTML文档（开始）
<!DOCTYPE html>        
<html{% block html_attribs %}{% endblock html_attribs %}>###html_attribs：<html>标签的属性
{%- block html %}     ###html：<html>标签中的内容（开始）
  <head>
    {%- block head %}  ###head：<head>标签中的内容（开始）
    <title>{% block title %}{
   {title|default}}{% endblock title %}</title> ###title：<title>标签中的内容

    {%- block metas %} ###metas：一组<meta>标签
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {%- endblock metas %}

    {%- block styles %}   ##styles:层叠样式表定义
    <!-- Bootstrap -->
    <link href="{
   {bootstrap_find_resource('css/bootstrap.css', cdn='bootstrap')}}" rel="stylesheet">
    {%- endblock styles %}
    {%- endblock head %}     ###head：<head>标签中的内容（结束）
  </head>               ###body_attribs:<body>标签的属性
  <body{% block body_attribs %}{% endblock body_attribs %}><

最低0.47元/天解锁文章

GeekLeee

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
flask-bootstrap/base.html研究以及使用

首先了解一下bootstrap提供了多少block，bootstrap中的base.html如下：{% block doc -%} ###doc：整个HTML文档（开始）<!DOCTYPE html> <html{% block html_attribs %}{% endblock html_attribs %}>###html_attribs：<html>标签的属性
复制链接

扫一扫

专栏目录