您在開始進行社區模板的設計之前,有必要了解一下我們模板開發設計的方式,將使得您設計出更加規范的模板,對于前端工程師而言,也有助于形成良好的編碼習慣,實現自身能力的提升,如果您有意編寫 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方式,不使用空格作為縮進符號,僅需適當斷行即可,例如:
- <!--{loop $threadlist $thread}-->
- <table cellspacing=”0” cellspadding=”0” border=”0”>
- <tr><td>$thread[message]</td></tr>
- </table>
- <!--{/loop}-->
新聞熱點
疑難解答