HTML网页制作时需要注意的十三项技巧
时间：2007-02-17 来源：PHP爱好者
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定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。 4.怎样在网页中加入注释? 在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:
<!-网页教学网论坛-->。
5.怎样测试浏览器并自动装入所需要的网页? 目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:
<script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
</script>
6.怎样让链接没有下划线?
<style type="text/css">
<!--
a{ text-transform: none; text-decoration: none;}
a:hover { text-decoration:underline }
//-->
</style> 7.怎样在网页中加入E-mail链接并显示预定的主题? <a href=mailto:[email protected]?subject=hello>
8.怎样让背景图像不滚动 <body background="cnshell.gif" bgproperties="fixed">
或用CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style> 9.怎样让背景图像不平铺? CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style> 10.怎样定义本网页的关键字? 在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码： <meta name="keywords" content="html,dreamweaver,flash,css"> content 所包含的就是关键字，你可以自行设置。
这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如: <meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver"> 11.怎样链接本网页的对象? 有时链接发生在一个网页里，比如页面上半部分列出了目录，下部分就列出了内容，而单击目录任何一个项目都可以跳到指定部分，可以在要被链接的内容部分设置如下方式： <a name="#1"></a> 而要链接到以上设置的部分，可以如下编制： <a href="index.htm#t1">t1</a> 12.怎样为不支持框架结构的浏览器指定内容? 为了防止不支持框架结构的浏览器访问你的网页，可以在你的网页中加入以下内容： <body>
<noframes>
本网页是框架结构，请下载新的浏览器浏览
</noframes>
</body> 13.怎样删除表格边框? 删除表格的边框，你可以在表格的属性中加一句border="0" 即可。
或把border设置为如下代码: <body><table border="0" width="100%">
<tr>
<td width="100%"></td></tr>
</table></body> 注：(其实两种性质是一样的)
php爱好者站 http://www.ｐｈｐfans.net Linux|Apache|IIS.
<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定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。 4.怎样在网页中加入注释? 在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:
<!-网页教学网论坛-->。
5.怎样测试浏览器并自动装入所需要的网页? 目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:
<script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & &
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & &
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
</script>
6.怎样让链接没有下划线?
<style type="text/css">
<!--
a{ text-transform: none; text-decoration: none;}
a:hover { text-decoration:underline }
//-->
</style> 7.怎样在网页中加入E-mail链接并显示预定的主题? <a href=mailto:[email protected]?subject=hello>
8.怎样让背景图像不滚动 <body background="cnshell.gif" bgproperties="fixed">
或用CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style> 9.怎样让背景图像不平铺? CSS样式表定义：
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style> 10.怎样定义本网页的关键字? 在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码： <meta name="keywords" content="html,dreamweaver,flash,css"> content 所包含的就是关键字，你可以自行设置。
这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如: <meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver"> 11.怎样链接本网页的对象? 有时链接发生在一个网页里，比如页面上半部分列出了目录，下部分就列出了内容，而单击目录任何一个项目都可以跳到指定部分，可以在要被链接的内容部分设置如下方式： <a name="#1"></a> 而要链接到以上设置的部分，可以如下编制： <a href="index.htm#t1">t1</a> 12.怎样为不支持框架结构的浏览器指定内容? 为了防止不支持框架结构的浏览器访问你的网页，可以在你的网页中加入以下内容： <body>
<noframes>
本网页是框架结构，请下载新的浏览器浏览
</noframes>
</body> 13.怎样删除表格边框? 删除表格的边框，你可以在表格的属性中加一句border="0" 即可。
或把border设置为如下代码: <body><table border="0" width="100%">
<tr>
<td width="100%"></td></tr>
</table></body> 注：(其实两种性质是一样的)
php爱好者站 http://www.ｐｈｐfans.net Linux|Apache|IIS.
相关阅读 更多 +
