您在开始进行社区模板的设计之前,有必要了解一下我们模板开发设计的方式,将使得您设计出更加规范的模板,对于前端工程师而言,也有助于形成良好的编码习惯,实现自身能力的提升,如果您有意编写 Discuz! 社区模板,请按照先后顺序仔细阅读本文档,以避免造成一些代码文件上的重复和结构的不合理,下面我讲为大家具体的介绍一些快捷的对模板进行扩展修改的方法和一些注意事项！

HTML:所有HTML标记参数赋值需使用双引号包含,例如,应当使用

<input type=”text” name=”test” value=”ok” />

而绝对不能使用

<input type=text name=test value=ok />

在任何情况下，产品中的模板文件必须采用手写HTML代码的方式，而绝对不能使用DreamWeaver、FrontPage等自动网页制作工具进行撰写或修改。 非成对标记必须以“/>”结尾，如 、<input …/>,<input /> 标记的属性必须按照以下顺序书写：

<input type="" name="" id="" class="" … />

语法缩进:在Discuz!的*.htm模板文件中,由于具备逻辑结构,故不考虑任何HTML本身的缩进,所有缩进均意为着逻辑上的缩进结构,缩进采用TAB方式,不使用空格作为缩进符号,仅需适当断行即可,例如:

1. <!--{loop $threadlist $thread}--> 
2.     <table cellspacing=”0” cellspadding=”0” border=”0”> 
3.     <tr><td>$thread[message]</td></tr> 
4.     </table> 
5. <!--{/loop}--> 

Tags: Discuz 模板 html 书写规范

分享到：