用户控件（.ascx）与<ul><li>以及<a>布局 小结

一、用户控件（.ascx）

1、aspx是浏览器直接访问的页面，而ascx是用户控件，一般是用来重用。

　　比如：有2个aspx页面，有一部分代码一样，这里可以提取出来做成用户控件（ascx）就可以重用了。

　　如果单纯N个aspx页面，就只能复制粘贴，要修改时候就很麻烦了。

2、ascx不能直接访问，只能插入aspx页面呈现。

　　例如网站：页眉导航、页脚每个页都有，所以我们经常会将它们做成用户控件，然后每个页面引用进去就可以了。

3、公共模块最好抽取出来独立成文件。在需要引用的文件里注册引用即可。（ascx必须嵌入到aspx页面中才能用）

　　具体应用如：

　　（1）注册：%@Register TagPrefix="uc" TagName="header" src="http://www.mamicode.com/header.ascx"%

　　（2）在需要的目标位置：<uc:header(这里是TagName) ID="header1" runat="server"/>

 二、<ul><li>和<a>布局

1、类似导航这些效果的最好使用<ul>来布局。

2、<a>标签要是想用来做成按钮效果，必须将其显示属性display设置成block块级别，否则高宽无效果。

附：

　　1、选择器：

　　（1）尽量使用id选择器。

　　（2）样式选择器应尽量明确指定TagName，eg：

　　　　$("div .className1")而不是$(".className1")。

　　（3）避免迭代：

　　　　$(".className1 .className2")，如果实在需要，则可以使用诸如：

　　$(selector,context);

　　$("selector>selector2");

　　$(selector).children(selector1);

　　$(selector).find(selector2)之类的方式。