1. 引用css。这可能是最常见的做法了，对一些特定的元素定义特定的样式。那么使用它，你需要在HTML
页面中加入标签。
2. 引入js。许多特效也可以通过javascript来进行处理，比如动态显示效果，或对元素进行封装。使用
它你需要在HTML页面加入<script>标签，必要时还要加一些javascript代码。 <BR>3. HTML元素。需要设定一些特殊的属性，比如class=某个属性。这块还相对简单。 <br><br>因此从上面的分析可以看出，在通常情况下，加入一个好看的web元素可能到许多地方的修改。因此我一 <BR>直在思考如何让这个过程可以更简化，麻烦的地方就是如何处理这些资源，如何让这些资源可以与原始的 <BR>HTML很好的结合呢？最终我想出的办法就是：代码组装。 <br><br>对于css, javascript链接和代码，它们可以按调用的顺序依次拼成一段文本，然后插入到元素前 <BR>面。然后对于html代码，在模板中直接输出。对于css, javascript的链接可以检查是否重复。 <br><br>那么如何定义web元素类和如何在模板中对其进行处理？ <br><br>一个web元素类定义如下： <br><br>class Snippet(object): <BR> css = '' <BR> csslink = '' <BR> jslink = '' <BR> html = '' <BR> js = '' <br><br> def render(self): <BR> return '' <br><br> def __str__(self): <BR> return self.render() <br><br>定义为类属性的将输出到HTML的头部，而render()的结果将显示在模板中调用类的地方。先看一下在模板 <BR>中调用的示例： <br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <BR>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <BR><head> <BR><title>HTML Helper <BR><script type="text/javascript" src="/static/js/jquery.js"></script>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
