我公司有相對嚴苛的一些網(wǎng)站建設標準，包括頁面的代碼架構(gòu)，都會有比較詳細的規(guī)定和建議。比如我們要求，在網(wǎng)站的內(nèi)容界面，要把網(wǎng)站標題用h1標簽環(huán)繞，這就是與搜索引擎進行良性的溝通，用搜索引擎的思維去思考網(wǎng)站，讓網(wǎng)站更容易被搜索引擎所理解，這里就是摘抄的一小段關(guān)于網(wǎng)站優(yōu)化的細節(jié)建議：

（1）不可使用“ad”之類作為文件或者圖片名字，部分安全軟件或瀏覽器會把這類文件攔截。比如“ad.jpg”“ad_1.html”是不允許的。

（2）優(yōu)先使用jpg圖片，透明圖片使用png24位輸出（gif透明圖片會有噪邊），動畫圖片用gif。
（3）不要直接修改后綴名來修改圖片格式，例如用png的圖片，修改后綴名為jpg使用在網(wǎng)頁上。這樣可能導致某些瀏覽器圖片無法正常顯示，還會影響PS二次處理圖片。
（4）大圖片jpg輸出，請選擇“連續(xù)”，可以實現(xiàn)多進程，從模糊到清晰的加載效果。
（5）jpg圖片的壓縮一般質(zhì)量在85%左右為最佳。
① 如果圖片大于200K的可以調(diào)整到40~80%之間，使之降低到200K以內(nèi)。
② 小圖片輸出85%上下即可。
（6）首頁全屏焦點圖應該使用1920px寬度的圖片，作為背景圖居中顯示。（如果背景色是純色，可以使用小寬度的圖片放在1200px的div中）。
（7）首頁焦點圖要可以點擊，可以做成<li><a href=”#”></a></li> 其中a樣式.focus a{display:block;width:100%;height:100%}。
（8）HTML和CSS文件要用utf-8編碼
（9）不要去使用生僻的標簽，因為這些標簽往往在不同瀏覽器中解釋出來的效果不一樣；所以你要盡可能的使用常用的標簽如div、p、ul、li、img、span、a、h1、h2、h3；特別注意不要使用已經(jīng)過時的font標簽。
（10）特殊字體要使用圖片，不要直接寫font-family，因為特殊字體有很多電腦系統(tǒng)默認是沒有的。宋體（SimSun），大多數(shù)系統(tǒng)都支持；微軟雅黑（"Microsoft Yahei"），XP不怎么支持，XP之后都開始支持了，英文以Arial、Tahoma為主。（公司默認css中已經(jīng)寫好文字，其他地方最好不要自定義字體類型）。
（11）a標簽不能嵌套a標簽；span里也不能嵌套span標簽；類似的標簽還有：p、h系列、img更不能這樣。
（12）所有a標簽必須有href屬性；外部鏈接，一律添加target="_blank"。
（13）鼠標hover背景圖，需與link背景圖在同一個圖片上，防止hover時圖片加載卡頓現(xiàn)象發(fā)生。（background-position控制顯示）。
（14）回到頂部的鏈接、程序架構(gòu)之后會直接被使用的鏈接用href="#"；網(wǎng)站建成后還是空鏈接的a標簽用href="javascript:void(0);"，防止空鏈接影響點擊體驗。
（15）鼠標放li上有背景變化，li中套有a標簽a標簽有手型，但是li比較寬的話，鼠標放到字上背景變色，手型；但li其他地方，背景變色，箭頭型。
解決辦法：
（1）li:hover{cursor:pointer} 
（2）a加css{width:100%;height:100%;display:block}
（16）img標簽上一定要帶 alt 屬性，最好同時加上title標簽。a標簽上可以帶title屬性，尤其是預期會截取的，或者某些地方需要有鼠標放上去的提示文字（例如div做成的一個背景圖片加上title標簽就會出現(xiàn)提示文字，方便使用網(wǎng)站）。
（17）Img標簽上要有width和height屬性（手機網(wǎng)站和特殊情況除外）。
（18）text-align:center 可針對a、span、img進行居中操作，所以針對這一類的居中問題，不要使用固定寬度的div設置margin：0 auto的方式，因為text-align:center可以隨意增減包裹的內(nèi)容。
（19）&nbps;標簽，長度沒有辦法確定，是因為沒有設置字體和字體大小，要設置一下字體大小。
（20）注意切圖和設計的時候?qū)EO的運用。運用好H1~H3，例如新聞頁面標題應該用H1環(huán)繞、產(chǎn)品內(nèi)容頁的產(chǎn)品標題也要用H1標簽。一個頁面不建議多個H1標簽。
（21）元素半透明，要同時使用3個css，不要只寫opacity:0.50;
    filter:alpha(opacity=50);  /*支持 IE 瀏覽器*/
-moz-opacity:0.50; /*支持 FireFox 瀏覽器*/
opacity:0.50;  /*支持 Chrome, Opera, Safari 等瀏覽器*/
        也可以用JS來做
（22）必須為大區(qū)塊樣式添加注釋, 小區(qū)塊適量注釋;
（23） 代碼縮進與格式: 建議單行書寫,一個css樣式不要用多行。
（24）不要用“#id”的形式寫樣式，而是要寫在類上，方便反復調(diào)用并且用類優(yōu)先級不易弄亂。
（25）獨立功能考慮到css沖突問題，所以要寫類選擇器路徑。例如“.kefu .top{……}”、“.kefu *{……}”、“.kefu .tel{……}”，全部都帶上最外部的類名.kefu。

（26）同一類名的樣式要合并到一起，不要重復寫多次，容易弄亂。

這些細節(jié)建議或者規(guī)定，也會隨著進行變化和補充，會越來越完善，保證所有成員能夠按照這樣的標準進行，不管是對于圖片的輸出，美工的設計或者是界面的一些div命名等都會有所要求。這只是一小部分，我們有整整幾十頁的技術(shù)標準，包括css的命名，廣告法的一些規(guī)定等等，大家也可以到我公司來查看。