WEB前端开发知识和注意事项
在工作中最大的考验和最不可回避的问题就是“变化”。我们在制作网页的时候，不仅要实现需求，更重要的是要考虑实现代码可维护性，为未来可能出现的“变化”提前做好准备。
一个符合标准的网页，标签中的标签应该全部都是小写，属性要加上引号，样式和行为不再夹杂在标签中，页应该分别单独存放在样式文件和脚本文件中，理想状态下，网页源代码由三部分组成：.html文件、.css文件、.js文件。
精简的代码可以让文件变小，有得于客户端快速下载；
重用可以让代码更易于精简，同理有助于提升开发速度；
有序可以让我们更清晰地组织代码，使代码易于维护，有效应对变化；
当页面内标签无法满足设计需要时，才会适当添加div和span等无语义标签来辅助实现
表单域要用fieldset标签包起来，并用legend标签来说明表单的用途，因为fieldset默认是边框，而legend也有默认的样式，为了满足设计需要，我们可以将fieldset的border设为none,把legend的display设为none，以此来兼顾语义和设计二方面的要求.
每个input标签对应的说明文本都需要使用label标签，并且通过为input设置id属性，在label标签中设置"for = someld"来让说明文本和相应的input关联起来.
语义化标签应注意的一些其他问题：
尽可能少地使用无语义标签div和span；
在语义不明显，即可以用p也可以用div的地方，尽量用p，因为p默认情况下有上下间距，去样式后可读性更好，对兼容特殊终端有利；
要不使用纯样式标签，例如：b font 和u等，改用CSS样式设置。语义上需要强调的文本也可以在strong或em标签里，strong和em有“强调”的语义，其中strong的默认样式 是加粗，而em的默认样式是斜体。
组织CSS的方法：base.css+common.css+page.css
这三者不是并列结构，而是层叠结构
base.css层具有高度可移植性，
common.css是提供组件级的CSS类，我们从页面里尽可能多地将组件提取出来，放在common层里，common层就相当于MVC模式里的M（Model，模型）。为了保证重用性和灵活性，M需要尽可能将内部实现封装，对可能会经常变化 的部分提供灵活的接口，common层是网站级的。不同的网站有不同的commmon层，同一个网站有一个common层。common层是放在一个common.css文件里，还是按照功能划分放在诸如common_form.css、common_imagelist.css的多个文件里，需要根据网站规模来决定。
page层是位于最高层，提供页面级的样式。每个页面都可能有自己的page层CSS。page层的文件可以用