网页制作中需要注意的问题

网页制作中需要注意的问题

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来代替。