HTML技术基础 课件2.3.3头部标记_第1页
HTML技术基础 课件2.3.3头部标记_第2页
HTML技术基础 课件2.3.3头部标记_第3页
HTML技术基础 课件2.3.3头部标记_第4页
HTML技术基础 课件2.3.3头部标记_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

2.3.3头部标记<head>HTML文件的头部信息用于说明网页文档的相关信息，包括标题、元信息、CSS样式和JavaScript脚本代码等。HTML文件的头部信息不会在浏览器窗口内显示。头部标记是双标记，以<head>标记开始，以</head>标记结束。语法格式如下。<head>……</head>2.3.3头部标记<head>在头部标记之间，可以插入其它的标记和相关信息。1.标题标记<title>标题标记<title>定义文档标题，一般用于说明页面用途。标题标记以<title>开始，以</title>结束，中间是标题的内容。浏览器中显示网页时，标题内容出现在浏览器左上方的标题栏中。2.3.3头部标记<head>例2-1标题标记示例。示例代码(2-1.html)如下。<html><head>

<title>旅游网排行榜</title></head><body></body></html>2.3.3头部标记<head>浏览器中网页显示效果如图2.1所示。2.3.3头部标记<head>2.元信息标记<meta>元信息标记<meta>提供有关页面的信息，比如字符集、搜索引擎关键词、页面描述、定时跳转等。<meta>标记是单标记，位于HTML文档的头部。语法格式如下。<meta属性="属性值"……>2.3.3头部标记<head><Meta>标记的属性及属性值如表2.1所示。属性属性值（含义）说明charset

定义文档的字符编码集名称content

定义与http-equiv或name属性相关的元信息http-equivcontent-type（媒体类型）expires(过期时间)refresh（刷新）set-cookie（cookie设置）把content属性关联到HTTP头部nameauthor（作者）description（描述）keywords（关键词）generator（生成器）revised（最后修改时间）others（其它）把content属性关联到一个名称2.3.3头部标记<head>下面介绍常用的元信息属性及应用。（1）Charset字符集属性Charset属性定义网页所使用的字符集。浏览器显示网页时，会使用<meta>标记的charset属性指定的字符集，如果没有指定，则采用浏览器默认的字符集。在网页上单击右键，在弹出的快捷菜单中选择【编码】命令，可以查看和修改浏览器所使用的字符集。2.3.3头部标记<head>在HTML文档中最好设置字符集属性，这样可以避免网页出现乱码。常用的字符集编码有国家通用编码utf-8和简体中文字符集GB2312。例如，下面的语句定义了网页所用的为GB2312简体中文字符集。<metacharset="GB2312">2.3.3头部标记<head>（2）搜索引擎的关键词keywords在<meta>标记中，设置name属性为keywords，然后在content属性中列举出和网页内容相关的关键词，可以在搜索引擎的排名算法中起到一定的作用。多个关键词之间用半角逗号（，）分隔。例如，下面的语句定义了某网页的关键词为“HTML,CSS,JavaScript”。<metaname="keywords"content="HTML,CSS,JavaScript">2.3.3头部标记<head>（3）页面描述description在<meta>标记中，设置name属性为description，然后在content属性中设置网页的页面内容的描述信息，在搜索引擎的搜索结果页上，将显示该描述信息。例如，下面的语句定义了网页的简介。<metaname="description"content="本网页介绍HTML5的基本语法">2.3.3头部标记<head>（4）页面定时刷新refresh在meta标记中，设置http-equiv为refresh，然后在content属性中设置刷新时间和刷新后的页面网址，可以实现网页在经过一定时间后自动刷新跳转到指定的页面。页面定时刷新的语法格式如下。其中，刷新时间单位默认是秒。跳转网址URL是可选项，如果省略，则页面只定时刷新，不跳转。<metahttp-equiv="refresh"content="秒数;[url=跳转页面网址]">2.3.3头部标记<head>例如，下面的语句实现每5秒自动刷新当前网页页面。例如，下面的语句实现5秒后自动刷新跳转到b.html页面。<metahttp-equiv="refresh"content="5"><metahttp-equiv="refresh"content="5;b.html">2.3.3头部标记<head>例2-2元信息标记示例。示例代码（2-2.html）如下。<html><head><title>欢迎网页</title><metacharset="GB2312"name="keywords"content="旅游，排行"><metahttp-equiv="refresh"con

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论