首页 > 代码库 > 用户控件(.ascx)与<ul><li>以及<a>布局之小结

用户控件(.ascx)与<ul><li>以及<a>布局之小结

用户控件(.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)之类的方式。