购买

¥ 20.0

加入VIP
  • 专属下载特权
  • 现金文档折扣购买
  • VIP免费专区
  • 千万文档免费下载

上传资料

关闭

关闭

关闭

封号提示

内容

首页 第2章 网页头部

第2章 网页头部.ppt

第2章 网页头部

精品课件库
2019-06-15 0人阅读 举报 0 0 暂无简介

简介:本文档为《第2章 网页头部ppt》,可适用于综合领域

第章网页头部Head在第章中介绍了网页结构。虽然头部内容不会显示在网页的主体里面但对于网页来说有着至关重要的影响。网页中加载的顺序是从头部开始的。例如网页的标题是浏览者得到的第一条信息浏览者可以根据标题来判断是否继续查看该网页。网页中的脚本一般都放在<head>…<head>之间以便在网页主体中使用脚本时已经加载完成否则脚本运行会出错。头部包括的内容前面讲了头部<head>之间内容的重要性。文件头部一般包含标题标签、<meta>标签、内联样式表及预定义脚本等接下来介绍头部之间所包含的内容。网页标题网页标题显示在浏览器的标题栏上。当浏览者打开网页时从网页中得到的第一条信息便是网页标题。网页标题可以简明地概括网页的内容点明网页的主题。从而浏览者可以决定是否往下浏览。另外网页标题也是搜索引擎robots搜索时的主要依据。在大量的网络信息中浏览者如果想搜索到自己的网页最好的办法是定义一个合适的标题。<meta>标签<meta>标签在网页内容中不显示但它的作用不容忽视。<meta>标签主要用于为搜索引擎robots定义页面主题信息它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字同时它还可以设置页面使其根据定义的时间间隔刷新自己以及设置RASC内容等级等。样式表和脚本网页内联定义的样式表通常放在网页头部。这样可以在网页内容加载之前先定义内容中需要的样式从而防止样式的不完全载入以及破坏网页的结构和外观等现象。其次当网页中的元素需要修改样式时方便进行查找和修改从而使页面的结构清晰明了。查看头部虽然头部的内容不会显示在网页主体内但是DreamweaverCS依然提供了编辑工具下面是查看头部内容的具体步骤:【文件头】窗口【属性】面板设置标题设置网页标题很简单具体步骤如下:设置标题新建基本页网页默认的标题为“无标题文档”。单击【文件】|【保存】命令保存网页按F键进行预览效果如图。新建页设置标题设置标题单击【页面属性】按钮弹出【页面属性】对话框如图所示【页面属性】对话框认识<meta>标签<meta>标签的功能强大但不是可见元素所以不能用设置可见元素的方法进行设置。下面讲解如何在DreamweaverCS中插入<meta>标签并对其进行设置。在新建的网页中已经包含了一个<meta>标签源码如下:<metahttpequiv="ContentType"content="texthtmlcharset=gb">认识<meta>标签上面源码是设置文档类型和网页字符集。如果需要添加其他功能需要插入<meta>标签的其他属性。例如添加网页描述具体步骤如下:【标签选择器】对话框【标签编辑器meta】对话框认识<meta>标签以上是通过插入标签的方法DreamweaverCS还提供了更方便的方法具体步骤如下:【常用】选项卡【文件头】下拉菜单【说明】对话框HTTP标题信息httpequiv首先介绍httpequiv属性。httpequiv类似于HTTP的头部协议会返回一些有用信息给浏览器以帮助浏览器正确和精确地显示网页内容。常用的httpequiv属性值有ContentType、ContentLanguage、Refresh、Expires、Pragma、SetCookie、Windowtarget、PageEnter、PageExit、MSThemeCompatible和ContentScriptType等。下面进行详细讲解。设置文档类型与语言属性ContentTypeContentType属性用来设置文档类型。浏览器从content的属性值中获取网页的语言类型判断是HTML还是XML通常设置为texthtml。charset指明网页中文字使用的字符集。例如如果是简体中文charset=gb如果是繁体中文则charset=big。若未正确设置语言文字集将可能导致网页显示混乱。使用格式如下:<metahttpequiv="ContentType"content="texthtmlcharset=gb">设置自动刷新属性RefreshRefresh属性设置页面自动刷新的时间或自动跳转到其他的网页。此时的content属性值是自动刷新的时间或自动跳转的时间单位是秒。URL是设置跳转网页的地址。使用的格式如下:源码设置为秒后自动跳转到百度网站。<Metahttpequiv="Refresh"Content="Url=http:wwwbaiducom">上面的源码设置为秒后自动跳转到百度网站。设置缓存时间属性ExpiresExpires属性是设置网页在缓存中的过期时间。一旦网页过期必须重新从服务器上载入。content属性值可设置为时间长度也可设置为到期的日期如果设置为日期日期的格式必须是格林时间。使用格式如下:<Metahttpequiv="Expires"Content=""><Metahttpequiv="Expires"Content="Sun,May::GMT">设置禁用缓存属性PragmaPragma属性是设置禁止浏览器从本地计算机的缓存中调阅页面内容如果设置了此属性值网页则不保存在缓存中每次访问时都刷新页面。这样设定浏览者将无法脱机浏览。使用格式如下:<Metahttpequiv="Pragma"Content="Nocach">设置网页Cookie属性SetCookieSetCookie用于设置Cookie。当浏览器访问页面时将其自动保存下次再访问该页面时可直接从文件中读取以提高速度。通常HTML文件不需要使用禁用缓存对于ASP等页面就可以使用禁用缓存因为每次看到的页面都是在服务器下动态生成的缓存就失去意义了。如果网页过期存盘的Cookie将被自动删除。设置打开窗口属性WindowtargetWindowtarget用于设置打开窗口的属性。通过这个属性来强制页面在当前窗口以独立页面显示。使用格式如下:<Metahttpequiv="Windowtarget"Content="self">设置过渡效果属性PageEnter、PageExitPageEnter与PageExit用于页面打开或关闭时的过渡特效。content的属性值是动态滤镜的一种。blendTrans滤镜产生渐隐效果Duration参数设置特效持续的时间单位为秒。revealTrans滤镜产生多种效果Duration参数设置特效持续的时间transition参数设置效果类型其取值范围为~。设置主题与脚本类型属性MSThemeCompatible、ContentScriptTypeMSThemeCompatible设置是否关闭WindowsXP主题。content属性值为Yes或No。使用格式如下:<Metahttpequiv="MSThemeCompatible"Content="Yes">以上是httpequiv属性的介绍并没有完全囊括所有类型如需要更详细地了解参阅其他资料。下面讲解name属性。页面描述信息namename的属性值有Keywords、Description、Author和Robots等。name属性主要用来描述页面信息它是搜索引擎识别的关键所在。为了使网页被搜索引擎发现设置name属性是必不可少的。下面对各个属性值的类型分别进行介绍。设置描述与关键词属性DescriptionDescription(页面内容的简介)用来告诉搜索引擎网站的主要内容。在设置时尽量要把简介写得清晰明白字数不能太短也不能太长一般保持在~之间。Keywords(页面关键字)用于为搜索引擎提供关键字的列表选择合适的关键字是提高被搜索几率的关键因素。多个关键字之间用逗号隔开逗号表示逻辑“或”。空格表示逻辑“与”。设置搜索机器人引向属性RobotsRobots属性用于设置搜索机器人的引向。Robots用来告诉搜索机器人哪些页面需要索引哪些页面不需要索引。Content的参数有all、none、index、noindex、follow和nofollow默认为all。设置作者信息属性AuthorAuthor用于设置作者信息。content属性值就是作者的相关信息。使用格式如下:<Metaname="Author"Content="Vincent">以上介绍httpequiv和name常用属性的设置方法由于<meta>标签设置比较复杂读者可以在使用的过程逐渐掌握。设置基链接属性base<base>标签设置网页的基链接。使用格式如下:<Basehref="http:wwwxxxcom"target="blank">href属性值是基链接的位置。当设置好基链接后自动在网页中的相对路径前加上http:wwwxxxcom。设置链接文件属性link<link>标签用于设置链接到的文件从而引入外部文档。使用格式如下:<linkrel="stylesheet"href="stylesemxnavrightcss"type="textcss">其中href设置链接文件的路径rel设置与链接文件的关系type是链接文件的类型这些是常用的设置方式。专家总结本章介绍的内容虽然不是网页的主体内容但对于网页设计却有着非常重要的影响。设置标题虽简单但它却是网页浏览者收到的第一条信息在网页设计时需要妥当考虑。<meta>标签功能强大如果想要网页被浏览者搜索到则需要读者仔细学习它的使用方法并多进行练习。

VIP尊享8折文档

用户评价(0)

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

文档小程序码

使用微信“扫一扫”扫码寻找文档

1

打开微信

2

扫描小程序码

3

发布寻找信息

4

等待寻找结果

我知道了
评分:

/28

第2章 网页头部

¥20.0

会员价¥16.0

VIP

在线
客服

免费
邮箱

爱问共享资料服务号

扫描关注领取更多福利