HTML网页制作时需要注意的技巧

1.怎样定义网页语言(字符集)? 　　

     在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:

<meta http－equiv="Content Type" content="text/html; charset=gb2312">

把charset=gb2312改换成其它语言代码即可,比如英文harset=en.

2.怎样防止别人把你的网页放到框架里?

  因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列JavaScript代码即可,它会自动监测,然后跳出别人的框架。

<script language="JavaScript">if (self!=top) window.top.location.replace(self.location);</script>

3.怎样设置字体?

  在制作网页过程中,大家都喜欢使用漂亮的字体。但是,如果访客浏览器没有安装同样的字体，看到你的网页会是很普通的字体。如何防止这种情况出现呢?大家知道字体设置的标签是Font,而它有个属性是Face,该属性是定义字体的,你可以这样设置:,

访客的浏览器就会按照Face定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。

@font face特殊字体应用

@font face除了用在字体图标icon中，我们还可以在我们网页中使用一些特殊字体，假如你觉得用户电脑或者手机中没有这个字体，你可以指定。（但是，假如你的字体很大，会拖慢你的加载速度，权衡特殊字体使网页加载速度变慢，因此，很多网页都是建议用电脑中的常用字体来展示）。

@font-face {  font-family: GB;  src: local("gangbiziti"), //查看本地有没有       url("gangbiziti.woff2"),         url("gangbiziti.woff"),       url("gangbiziti.ttf");}

当然 @font-face还可以指定字体的名字，假如我们觉得微软雅黑 “'Microsoft Yahei”,英文很难记，我们可以指定简写，代码如下：

@font-face {  font-family: YH;  src: local("Microsoft Yahei");}

那么我们使用的时候直接：

.font {    font-family: YH;}