HTML文档头部相关标记（PPT）.ppt

网页设计九江职业技术学院

案例引入2.1.4HTML文档头部相关标记制作网页时，经常需要设置页面的基本信息，如页面的标题、作者、和其他文档的关系等。为此HTML提供了一系列的标记，这些标记通常都写在head标记内，因此被称为头部相关标记。

2.1.4HTML文档头部相关标记1htmllang=“值”htmllang=“zh-CN”lang属性：提供给搜索引擎的信息en表示英文zh表示中文网页

2.1.4HTML文档头部相关标记基本语法格式：2title/titletitle网页标题名称/titletitle淘宝网-淘！我喜欢/title

2.1.4HTML文档头部相关标记3meta/：元信息

2.1.4HTML文档头部相关标记3metacharset=“字符集”metacharset=“UTF-8”charset属性：字符集编码方式UTF-8:万国码，基本兼容各国语言（最常用）GB-2312:国标码，简体中文GBK：扩展的国标码，简体中文

2.1.4HTML文档头部相关标记3metacharset=“UTF-8”

2.1.4HTML文档头部相关标记3metaname=“名称”content=“值”网页关键字网页描述网页作者

2.1.4HTML文档头部相关标记3metaname=“名称”content=“值”网页关键字设置网页关键字，例如淘宝网关键字的设置：meta?name=“keywords”content=“淘宝,掏宝,网上购物,C2C,在线交易,交易市场,网上交易,交易市场,网上买,网上卖,购物网站,团购,网上贸易,安全购物,电子商务,放心买,供应,买卖信息,网店,一口价,拍卖,网上开店,网络购物,打折,免费开店,网购,频道,店铺?

2.1.4HTML文档头部相关标记3metaname=“名称”content=“值”网页描述设置网页描述，例如淘宝网描述信息的设置：meta?name=description”content=淘宝网-亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值…数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！?

2.1.4HTML文档头部相关标记3metaname=“名称”content=“值”网页作者设置网页作者，例如可以为淘宝网增加作者信息：metaname=“author”content=“淘宝网网络部/

2.1.4HTML文档头部相关标记3metahttp-equiv=“名称”content=“值”在meta标记中使用http-equiv/content属性可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关的参数。其中，http-equiv属性提供参数类型，content属性提供对应的参数值。

2.1.4HTML文档头部相关标记3metahttp-equiv=“名称”content=“值”页面相关参数通知浏览器发送的文件类型是HTML,设置字符集metahttp-equiv=Content-Typecontent=text/html;charset=utf-8/

2.1.4HTML文档头部相关标记3metahttp-equiv=“名称”content=“值”自动跳转设置页面自动刷新与跳转，定义某个页面3秒后跳转至九江职业技术学院网：metahttp-equiv=refreshcontent=“3;url=/

2.1.4HTML文档头部相关标记4link

2.1.4HTML文档头部相关标记4link基本语法格式：linktype=text/cssrel=stylesheethref=style/index.css

2.1.4HTML文档头部相关标记基本语法格式：5stylestyletype=text/css/style

课堂小结

谢谢！网页设计九江职业技术学院