html代码复用 extends,HTML+CSS入门 HTML的extends和include详解

本篇教程介绍了HTML+CSS入门 HTML的extends和include详解，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

html>

Title

* {

margin: 0;

padding: 0;

}

{% include ‘include.html‘ %} 调用include.html模板

-----------------Name-------------------

{% block name %}

block块取名为name

{% endblock %}

extends页面内容:

{% extends ‘base.html‘ %}

{% block name %}

唐某人(替换base.html的 block块下的内容)

{% endblock %}

include页面内容：

这是include调用的内容

ps: extends时，不能include，但是可以在extends的块里面include

{% extends ‘base_for_extend.html‘ %}

{% block name %}

唐某人{% include ‘include_for_basse_extend.html‘ %} {# 需要include块里面才有效 #}

{% endblock %}

HTML的注释语法

{# 单个注释 #}

-------------------------------------------------------------------------

{% comment %}

段落注释

{% endcomment %}

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！

html代码复用 extends,HTML+CSS入门 HTML的extends和include详解相关推荐

友情链接在html中怎么写,HTML+CSS入门网站友情链接显示页面详解
本篇教程介绍了HTML+CSS入门网站友情链接显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.列表标签有序列表:type默认是1,2,3--,rese ...
css 高度塌陷_HTML+CSS入门 HTML高度塌陷以及定位详解
本篇教程介绍了HTML+CSS入门 HTML高度塌陷以及定位详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 高度塌陷的含义: 父元素的高度,默认被子元素撑开,目前来讲 ...
html 仿word页面,HTML+CSS入门 HTML页面仿WORD样式详解
本篇教程介绍了HTML+CSS入门 HTML页面仿WORD样式详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 要求不再浏览器中添加office插件的前提下.展示WOR ...
【小白入门】超详细的OCRnet详解（含代码分析）
[小白入门]超详细的OCRnet详解(含代码分析) OCRnet 简介网络结构具体实现(含代码分析) 实验结果本文仅梳理总结自己在学习过程中的一些理解和思路,不保证绝对正确,请酌情参考.如果各位 ...
css三种定位都脱离文档流了吗,CSS布局之脱离文档流详解——浮动、绝对定位脱离文档流的区别...
1.代码 (1)示例代码1 CSS布局之脱离文档流详解--浮动.绝对定位脱离文档流的区别 .left { width: 300px; height: 500px; background: red; f ...
Jsp入门1Jsp入门基础简介与工作原理详解
一)JSP基础简介 1.什么是JSP? JSP全称是Java Server Pages,它和servle技术一样,都是SUN公司定义的一种用于开发动态web资源的技术. JSP这门技术的最大的特点在于 ...
python编程入门与案例详解课后题答案-Python入门之三角函数sin()函数实例详解
描述 sin()返回的x弧度的正弦值. 语法以下是sin()方法的语法: importmath math.sin(x) 注意:sin()是不能直接访问的,需要导入math模块,然后通过math静态对 ...
python编程入门与案例详解pdf-Python入门之三角函数sin()函数实例详解
描述 sin()返回的x弧度的正弦值. 语法以下是sin()方法的语法: importmath math.sin(x) 注意:sin()是不能直接访问的,需要导入math模块,然后通过math静态对 ...
Linux Shell脚本入门－－wget 命令用法详解
Linux Shell脚本入门--wget 命令用法详解 wget是在Linux下开发的开放源代码的软件,作者是Hrvoje Niksic,后来被移植到包括Windows在内的各个平台上.它有以下功能 ...

html代码复用 extends,HTML+CSS入门 HTML的extends和include详解

html代码复用 extends,HTML+CSS入门 HTML的extends和include详解相关推荐

最新文章

热门文章