模塊制作標準說明

1. 原則一：CSS定義越少越好
2. 原則二：進來用<ul><li>等簡單的HTML代碼結構
3. 原則三：命名盡可能用CSS偽類
4. 原則四：一個模塊CSS名稱不能超過三個

?

需要改正的寫法：

 <div class="fenglei"><div class="fenglei_1 text-center"><div class="flf"><a href="/widget?id=YMspfl"><img src="~/wwwroot/static/images/ymimg/f5.png" /><br /><span>商品分類</span></a></div><div class="flf"><a href="/widget?id=YMqd"><img src="~/wwwroot/static/images/ymimg/f3.png" /><br /><span>簽到積分</span></a></div><div class="flf"><a><img src="~/wwwroot/static/images/ymimg/f1.png" /><br /><span>分享</span></a></div><div class="flf"><a href="/widget?id=YMqhb"><img src="~/wwwroot/static/images/ymimg/f2.png" /><br /><span>搶紅包</span></a></div><div class="flf"><a href="/widget?id=YMxrzq"><img src="~/wwwroot/static/images/ymimg/f4.png" /><br /><span>新人專區</span></a></div><div style="clear:both;"></div></div></div>

?

修改以后的寫法：

<div class="MainNav" key="ZKCloud.Web.Widgets.Core.Common.MainNav.MainNav" area="01"><ul>@foreach (var item in list) {<li><a href="@item.Url" target="" title="@item.Title"><i class="@item.Icon"></i>@item.Name</a></li>}</ul>
</div>

?