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