之前第一次接觸html，一直使用table進(jìn)行布局，十分麻煩還相當(dāng)丑陋，造成當(dāng)初并沒(méi)有多大的興趣，直到半年前開(kāi)始接觸到了使用div+css編寫頁(yè)面，才對(duì)它有了興趣。作為一個(gè)菜鳥記錄自己的點(diǎn)滴教訓(xùn)與收獲，主要還是給自己看的，也希望對(duì)以后想要學(xué)習(xí)的同學(xué)有所幫助，同時(shí)也還請(qǐng)各位前輩多多指出不足。
1 減少無(wú)意義標(biāo)簽的使用
簡(jiǎn)單的舉個(gè)例子：
對(duì)于這個(gè)頂部的結(jié)構(gòu)，
錯(cuò)誤：通欄>版心>左邊+(右邊>ul>li*9>a)
正確：通欄>版心>左邊+(ul>li*9>a)
對(duì)于右邊的部分，不需要使用一個(gè)div包裹ul，明明一個(gè)ul就可以實(shí)現(xiàn)何必使用多余的div標(biāo)簽進(jìn)行嵌套呢。所以在編寫過(guò)程中明明可以用一個(gè)標(biāo)簽解決的，不要使用無(wú)意義的標(biāo)簽多層嵌套。
2 關(guān)于命名以前學(xué)習(xí)java，因?yàn)橛⒄Z(yǔ)不好，喜歡用拼音命名，這樣做不好，雖然一開(kāi)始學(xué)習(xí)就知道，但是并不是很注意。在身邊人的提醒下，尤其自己也感覺(jué)用拼音的不便性，糾正，以后要更注意命名。英語(yǔ)不好沒(méi)關(guān)系，這不是還有有道和度娘嗎？
再有就是標(biāo)簽發(fā)生嵌套時(shí)候的命名。一般同一層級(jí)的標(biāo)簽的命名問(wèn)題不是很大，只需要使用一個(gè)單詞就可以。但是當(dāng)發(fā)生嵌套的時(shí)候就需要使用“-”進(jìn)行連接，不然很容易自己分不清哪個(gè)標(biāo)簽是哪個(gè)。比如以上那個(gè)頂部通欄可以使用top命名整個(gè)，右邊部分可以叫top-right，后面可能還會(huì)有top-right-detail-link如果太長(zhǎng)就可以縮寫為top-r-d-link，還是太長(zhǎng)甚至可以縮寫為trd-link，注意是太長(zhǎng)才縮寫，短的話為了保證意思的理解不用縮寫，另外最后一個(gè)單詞為了理解也最好不要縮寫。
3 特殊符號(hào)的使用上面那個(gè)下拉箭頭是使用菱形符號(hào)◇制作的，使用了兩個(gè)標(biāo)簽進(jìn)行嵌套書寫，
<i><s>◇</s></i>
s標(biāo)簽使用position控制需要顯示部分的位置，i標(biāo)簽控制窗口大小，同時(shí)隱藏溢出。
新聞熱點(diǎn)
疑難解答
圖片精選
