前端第1讲 HTML概述与HTML文件.pptVIP

使用title标签设置网页标题示例二： meta标签 meta 用来定义文档的元数据，以描述当前页面的字符集、网页关键字、网页描述信息等文档特性。 文档元数据使用“名称 = 值”的形式来表示。 可以在一个页面中使用任意数量的meta，一个meta描述一个文档特性。 meta的各个功能通过属性设置来实现。该标签的属性如下表所示： 属 性 描 述 http-equiv 以键/值对的形式设置一个HTTP标题信息，“键”指定设置项目，由http-equiv属性设置，“值”由content属性设置 name 以键/值对的形式设置页面描述信息，“键”指定设置项目，由name属性设置，“值”由content属性设置 content 设置http-equiv或name属性所设置项目对应的值 charset 设置页面使用的字符集 (1) 使用meta设定字符集 meta标签可以设置页面内容所使用的字符编码，浏览器会据此来调用相应的字符编码显示页面。不设置字符集时，浏览器将使用其默认的编码显示页面。当网页文档的编码和显示网页内容的编码不一致时，网页中的中文内容在浏览器中将会显示乱码。 (1) 使用meta设定字符集(续) 基本语法 HTML4/XHTML设置格式： meta http-equiv=content-type content=text/html;charset=字符集 HTML5设置格式： meta charset=字符集 语法解释 http-equiv传送HTTP通信协议标题头，content-type定义设置项目，content定义页面的数据类型和字符集，charset设定网页所使用的字符集 示例 meta charset=utf-8 meta http-equiv=content-type content=text/html;charset=utf-8 / 使用meta标签设置字符集示例： 没有使用meta设置字符集示例： HTML文档中没有设置字符集，故使用IE浏览器的默认编码GB2312来显示页面内容。而HTML文档的默认编码是UTF-8,两者编码不一致，故页面中的中文显示乱码。 (2)使用meta设置关键字 使用meta可以设置便于搜索引擎搜索的关键字。 基本语法 meta name=keywords content=关键字1,关键字2,关键字3,… 语法解释 keywords属性值用于定义网页的“关键字”特性。一个网页，可以设置多个关键字，关键字之间可以使用逗号，也可以使用空格等符号。 示例 meta name=keywords content=VANCL,凡客,凡客诚品,货到付款,快时尚,时尚,品牌服装,男装,女装,童装,鞋,家居,配饰,衬衫 (3) 使用meta设置网页描述信息 网页的描述信息用于概述性地描述页面的主要内容，是对关键词的补充性描述，当描述信息包含部分关键字时，会作为搜索结果返回给浏览者。 基本语法 meta name=discription content=描述内容 语法解释 discription属性值用于定义网页的“描述信息”特性。 语法解释 meta name=description content=凡客VANCL 官方网站,互联网快时尚品牌,网上购物首选品牌,提供男装、女装,鞋,家居等多种商品网购,支持货到付款的购物网站,特价商品,...... 使用标题、关键字和网页描述信息搜索网页示例： 标题中的关键字 标题 描述信息 (4)使用meta设定页面自动刷新 基本语法 meta http-equiv=refresh content=刷新间隔秒数 语法解释 http-equiv传送HTTP通信协议标头，refresh定 义刷新功能，content 中设定刷新间隔的秒数。 自动刷新页面示例： !doctype html html head meta charset=utf-8 meta http-equiv=refresh content=3 title设定页面的自动刷新/title /head body h3本页面每隔3秒自动刷新一次/h3 /body /html (5)使用meta设定自动跳转 基本语法 meta http-equiv=“refresh” content=“间隔秒数;url=跳转到的地址” 语法解释 http-equiv传送HTTP通信协议标题头，refresh定义刷新功能，content 中设定跳转间隔的秒数以及跳转到的地址 设置页面自动跳转示例： 基本语法 meta http-equiv=