昨天去面了個(gè)公司,簡單的交流后要求當(dāng)場切一個(gè)移動(dòng)端頁面,類似與下面這張?zhí)熵埖捻撁娼Y(jié)構(gòu),最上面是個(gè)輪播圖,中間是一個(gè)一個(gè)的card,在下面是一組tab三個(gè)分頁,切到這里為止,不要求實(shí)現(xiàn)太多的交互,切出個(gè)布局就可以了。我完成之后主管看了看指出我的html結(jié)構(gòu)不合理,嵌套層級(jí)過多之類的?;貋碇笪以谙?,怎么才算是優(yōu)雅的html結(jié)構(gòu)呢,除了多參考別人的結(jié)構(gòu)之外有沒有啥資料求推薦。附一個(gè)上半年我切的簡單的靜態(tài)頁面,這個(gè)只做了移動(dòng)端屏幕適配,pc的布局請(qǐng)無視,求點(diǎn)評(píng)缺點(diǎn)[https://vincentdd.github.io/cnChess/SPA.html][1]。
2 回答

幕布斯7119047
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊
<!--輪播開始-->
<div class="slidebox">
<div class="item"></div>
<div class="item"></div>
</div>
<div class="list">
<div class="item">
<img src="" class="img" />
<div class="info">
<div class="title"></title>
<div class="aside">
<span class="label">雙11</span>
<span class="price">¥299.0 <small>慢100減100</small></span>
</div>
<div class="desc">222想買</div>
<div class="right"><a>馬上搶</a></div>
</div>
</div>
</div>
添加回答
舉報(bào)
0/150
提交
取消