您好，我們為您提供軟件開發、品牌形象策劃、網站建設等服務，如您有需求請咨詢：13526529836
A Better Tomorrow
剛開始做web前端的朋友們，有為web前端命名煩惱的事嗎？我剛開始學web前端的時候命名幾乎是亂寫的，很多時候都是百度這個詞語的英文去命名，很明顯了我英文不好，有時候很不規范的哦！今天給大家整理一下web前端命名規范，讓您的頁面寫出來干凈漂亮又符合web前端規范。
首先給大家整理一下html的書寫規范：
1.推薦使用HTML5的文檔，例如：<!DOCTYPE HTML>
2. 必須申明文檔的編碼charset，且與文件本身編碼保持一致，推薦使用UTF-8編碼。例如：<meta charset="utf-8">
3.大家也都知道title也是頁面不可缺少的一部分，不要忘記哦！title 可控制在25個字到50個字節以內
4.keywords是關鍵詞的意思，這個是針對SEO優化的，千萬不要忘記哦！切記關鍵詞堆砌，禁止寫聯系方式，百度可是推出細雨算法的，針對這一塊會做出懲罰。
5、description網站描述，字數盡量空制在80個漢字，160個字符以內。建議采用響應式柵格化處理，兼容多個平臺設備。
6.注釋也很重要，一開始我寫頁面的時候總怕少</div>或者多</div>,然后每個</div>結束標簽都寫上標簽，新手可以這樣寫，慢慢熟練以后是可以去掉，但是必要的時候還是要寫的.
7.圖片的img的屬性，添加alt，增加可訪問性。
8、標簽一定要正確嵌套，標簽一定要閉合。
9、用div等標簽布局；表格型數據，table首選。
10、模塊之間必須保持獨立，區塊化布局，方便隨意增刪改，多人協作維護。
接下來給大家說一下css樣式：
1.統一使用UTF-8編碼，用@charset “utf-8”置頂頁面編碼。
2.屬性寫在一行內，屬性之間，屬性命和值之間以及屬性與{}之間減少空格，例如：
.class{width:200px;height:100px}
3.屬性的書寫順序: 按照元素模型由外及內，由整體到細節書寫，大致分為五組:
位置：position,left,right,float
盒模型屬性：display,margin,padding,width,height
邊框與背景：border,background
段落與文本:line-height,text-indent,font,color,text-decoration,...
其他屬性：overflow,cursor,visibility,...
今天就給大家整理到這里，敬請期待下期！
