第03讲网页头部.pptVIP

网页头部设置的方法- http-equiv Transition参数列表 IT Education Training IT Education Training IT Education Training 网页头部 东软信息学院 2008-10 教学目标及要求 教学目的与要求： 完成本次课程学习，使学生能够： 了解网页头部的作用 熟悉网页头部设置的方法 了解网页头部的语法 教学重点与难点： 网页头部设置的方法 网页头部的语法 摘要 网页头部的作用 网页头部设置的方法 网页标题 meta标签 样式表和脚本 网页头部的作用 meta标签是内嵌在你网页中的特殊html标签，包含着你有关于你网页的一些隐藏信息。 meta标签的作用是向搜索引擎解释你的网页是有关哪方面信息的。 对于高级的搜索引擎来说，html 的meta 标签并不是什么新奇的东西。 但是无论如何它是一个优秀网页不可缺少的。 网页头部设置的方法 网页标题 meta标签 样式表和脚本 网页头部设置的方法-网页标题 作用 title 标签可能是你网页中最重要的标签，它是你网页中最先看到的部分。 title标签在搜索引擎的搜索中占有非常重要的地位。最好是把它放在其他meta标签前，这更有利于你网站的排名。 title标签是人们在搜索引擎中第一个看到有关你网站的描述，所以尽量把它弄得简单、明了。让人一看就知道你的网站是关于什么的。 语法 title网页标题/title 网页头部设置的方法- meta标签 Description标签 meta name=”description” Content=”设置网页描述” / 作者信息 Meta name=”author” content=”vincent” Keywords标签 meta name=”keywords” Content=”关键词1,关键词2,…” / 网页头部设置的方法- http-equiv Content-Type 说明：设定页面使用的字符集。 用法： meta http-equive=”Content-Type” Content=”text/html;charset=gb2312” / Refresh 说明：自动刷新并指向新页面。 ?用法： meta http-equive=”Refresh” Content=”10;url=” / 注意：其中的2是指停留2秒钟后自动刷新到URL网址。 Window-target 说明：强制页面在当前窗口以独立页面显示。 用法： ＜meta http-equiv=Window-target content=_top＞ 注意：用来防止别人在框架里调用自己的页面。 网页头部设置的方法- http-equiv enter 说明:进入页面动画效果 meta http-equiv=enter content=revealtrans(duration=5, transition=3) / exit 说明:离开页面动画效果 meta http-equiv=exit content=revealtrans(duration=5, transition=4) / 网页头部设置的方法-样式表和脚本 样式表和脚本 基链属性base base href=” target=”_blank” 链接文件属性link link href=”styles/css.css” rel=”stylesheet” type=””text/css/ 脚本 script language=”Javascript” src=”js.js” / script language=“javascript”脚本/script 总结 了解网页头部的作用 熟悉网页头部设置的方法 网页标题 meta标签 样式表和脚本 作业 将上次课作业的网页添加各种头部标签 重命名为hw02_head.html IT Education Training IT Education Training IT Education Training