網頁制作中需要注意的問題

1、XHTML和CSS文件注釋

網頁制作中需要注意的問題，文件注釋必不可少，但是要適可而止。注釋太多回增大文件的大小，受帶寬影響，用戶在瀏覽網頁時增加了等待時間，造成不好的用戶體驗。網站在上線前先要在測試服務器上進行測試，測試好沒問題后，將相關的CSS文件、JavaScript文件先刪除注釋，然后進行壓縮。這些文件的壓縮可以利用下載相關工具實現，也可以使用在線壓縮工具實現。

2、清除浮動的方法

1)在結尾出加空div標簽clear:both

2)在父級div頂一overflow：hidden

3)在父級div頂一味蕾：after和zoom

3、塊級元素和行內元素

網頁制作中需要注意的問題，塊級元素是指這些元素顯示為一塊內容。與之相反，行內元素是指這些元素的內容顯示在行中。每個塊級元素都是從一個新行開始顯示，而且其后的元素也是另起一行進行顯示。而行內元素一般顯示在塊級元素里面。

塊級元素和行內元素之間可以通過設置display的值來進行轉換。將diaplay的值設置為block，可以讓行內元素表現得像塊級元素一樣。也可以通過把display得值設置為inline，讓塊級元素表現得跟行內元素一樣。

4、CSS文檔流

網頁元素按照XHTML結構自上而下，從左向右一行一行得布局，叫做CSS文檔流。

5、label標簽中得for屬性

當用戶選擇label標簽時，瀏覽器回自動將焦點轉到和標簽相關的表單元素上。

6、zoom:1的作用

一般是為了解決IE6下樣式不兼容的問題。

HasLayout是IE渲染引擎的一個內部組成部分。在IE中，一個元素要么自己對自身的內容進行計算大小和組織，要么依賴于父元素來計算尺寸和組織內容。為了調節這兩個不同的概念，渲染引擎采用了HasLayout的屬性，屬性值可以為true或false。當一個元素的HasLayout屬性值為true時，我們說這個元素有一個布局(layout)。

大部分的IE顯示錯誤，都可以通過激發元素的HasLayout屬性來修正。可以通過設置一些CSS屬性來激發元素的HasLayout屬性，使其“擁有布局”。在IE 6中就可以通過zoom：1來激發元素的HasLayout。

7、CSS Sprites技術利弊

利：減少對服務器的請求數量，進而加快頁面加載速度。

弊：1)測算每個背景單元的精確位置，很繁瑣。

2)如果頁面背景有少許改動，一般就要改合并的圖片。

網頁制作中應該注意的問題

1、marquee標簽

標簽里面是滾動文字的內容

2、word-spacing

修改字間距。簡單地說，課室是任何非空白字符組成地串，并由某種空白符包圍。所以象形文字是無法指定字間隔地。除非字之間有空格。因此，這個屬性主要是針對英文單詞地，要使其對中文起作用，需要在中文之間加空格。肯恩那個設計者認為兩詞之間沒空格就是一個詞。

3、display:inline-block;的使用方法

在桌導航條的時候，一般會用到ul-li結構，大多數時候我們是把li設置為浮動，讓其并排顯示在同一行。但是如果當行中li的數目不確定，并且又需要導航中的文字在頁面中居中顯示時，用這種方法就不太方便了，因為每次修改當行中li的數目量或文字時都需要調整ul或者第一個li標簽的padding或者margin屬性值。

還有一種方法就是設置li為“display：inline-block;”這樣就可以達到同樣的效果，而且無論有幾個li標簽或者li中的文字如何變化，只要設置ul中的text-align屬性的值為center就可以實現ul中的所有文字水平居中顯示。

IE6、IE7塊級元素不識別inline-block，對于行內元素不存在兼容問題。可以用*display：inline;*zoom：1來代替。