-
2008-07-01
blogbus模板系列教程5---认识系统标签(封装代码) - [博客大巴代码教程]
版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://seobox.blogbus.com/logs/23911719.html
所谓的系统标签,其实就是bus系统专有的一些标签。把这些标签放到布局代码中,就能输出相应的内容了。我在教程开始的介绍中,把这些代码称为封装代码。我们不必了解封装代码的具体内容,只要把它们放在合适的地方就好了。这些标签中,有些标签只能在模板的某一部分使用,另外一些则可以与其他部分共用。这节的内容我们先熟悉一下基本的标签:
Index(首页)中的系统标签:
<!-- ~ header ~ --> <head></head>内的部分代码,它的作用就是导入Header代码块中代码
<!-- ~ blogname ~ --> 博客名称
<!-- ~ blogdescr ~ --> 博客描述
<!-- ~ diarys ~ --> 日志主体
Index.LogContent(首页中的日志部分,与<!-- ~ diarys ~ -->有紧密关系)中的系统标签
<!-- ~ timeline ~ --> 发表日期
<!-- ~ diarytitle ~ --> 日志标题
<!-- ~ diarybody ~ --> 日志正文
<!-- ~ posttime ~ --> 发表时间
Comment (负责显示评论的代码块)
<!-- ~ cmtbody ~ --> 评论列表
<!-- ~ cmt_re ~ --> 作者回复
下面列出我编辑的模板代码:
代码块: Index
<div style="width:860px;height:120px;border:1px solid red">
这是我的博客名称:<!-- ~ blogname ~ --><br />这是我博客的描述:<!-- ~ blogdescr ~ -->
</div>
<div style="width:860px">
<div style="width:260px;height:220px;border:1px solid red;float:left">
最近更新:<!-- ~ update ~ --><br />链接:<!-- ~ links ~ -->
</div>
<div style="width:590px;height:auto;border:1px solid red;float:right">
<!-- ~ diarys ~ -->
</div></div>
如果你压根看不懂上面的代码,请返回查看相关教程。在上面的代码中,多次出现了 <br /> 这是一个html标签,默认情况下,它代表的意思就是“换行”。一个 <br /> 表示换行,两个 <br /> 连用,即 <br /> <br /> 就表示换两行了。另外, <!-- ~ diarys ~ --> 表示日志列表的意思,它实际上就是调用Index.LogContent(首页.日志内容)中的代码,所以如果代码块Index.LogContent中没有代码的话,<!-- ~ diarys ~ -->是不起作用的。历史上的今天:
有利于Google排名的重要因素分析 2008-07-01优化网站内部链接的10个方法 2008-07-0155个简易速成的SEO技巧 2008-07-01世界顶级博客的47个博客技巧 2008-07-01开始新博客之前需要考虑的10件事 2008-07-01随机文章:
blogbus模板系列教程4---div布局实例 2008-07-01blogbus模板系列教程3---实战表格布局 2008-07-01blogbus模板系列教程2---模板风格与布局 2008-07-01blogbus模板系列教程1---什么是模板? 2008-07-01blogbus鼠标移入图片渐亮酷代码 2008-07-01
收藏到:Del.icio.us











