django-模板之include标签(十五)
发布时间:2020-12-15 17:07:22 所属栏目:大数据 来源:网络整理
导读:就是将一些常用的html代码分离出来,使其可以重复利用,减少代码量 index.html !DOCTYPE htmlhtml lang= " en " head meta charset= UTF-8 " title{{title}}/title link rel= stylesheet " href={% static ' css/index.css ' %}/headbody { % include header
就是将一些常用的html代码分离出来,使其可以重复利用,减少代码量 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset=UTF-8"> <title>{{title}}</title> <link rel=stylesheet" href={% static 'css/index.css' %}> </head> <body> {% include header.html'%} <div class=content"> <h1>这是主界面</h1> <!--{% block content %}--> <!--{% endblock %}--> </div>footer.html} </body> </html> header.html <div header"> <ul> <li>index</li> <li>html</li> <li>css</li> <li>python</li> <li>php</li> </ul> </div> footer.html <div footer"> <ul> <li>index</li> <li>html</li> <li>css</li> <li>python</li> <li>php</li> </ul> </div> index.css .header { height: 68px; background-color: fuchsia;; } .header li{ float:left; display: inline; margin-left:10px; line-height: 60px; list-style:none; color:#ffffff; font-size: 28px; } .content{ height:300px; } .footer{ height:50px; background-color: thistle; } .footer li{ float:left; display: inline; margin-size: 28px; } 具体效果: ? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |