重庆大学软件学院Web开发技术课件第3章 HTML基础与层叠样式单CSS.pptVIP

第3章 HTML基础与层叠样式单CSS （学时数：4学时） 3.1.1 HTML文件基本结构 HTML文件的结构包括头部(Head)、主体 (Body)两大部分,头部描述浏览器所需的信息，主体包含所要说明的具体内容。HTML文件通常使用“标记名”和“/标记名”来表示标记的开始和结束，因此在HTML文件中标记一般是配对使用的。不配对使用的标记占少数。 一个HTML页面文件的最基本结构为：HTMLHEAD TITLE 浏览器窗口显示的窗口标题 /TITLE /HEADBODY …… Web页面内容 /BODY/HTML 3.1.1 HTML文件基本结构 首先文件中各个标记必须包含在HTML和/HTML之间，HEAD和/HEAD标记是网页头部标识，其中的浏览器窗口标题放在TITLE和/TITLE之间。所有需要在浏览器中显示的标记内容放在BODY和/BODY之间。 HTML文档基本标记演示范例 一个完整的HTML文档是由文档类型、HTML语言标记、头元素标记、网页标题标记、主体元素标记、注释标记组成。 HTML文档基本结构如表3-1所示。 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 HTML页面HEAD元素中META标签介绍 meta标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的HEAD标记和TITLE标记之间，它提供用户不可见的信息。 meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据定义的时间间隔刷新本页面的显示等。 HTML页面HEAD元素中META标签介绍 下面介绍一些实用的meta标签。meta标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 1．HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。 常用的HTTP-EQUIV类型有： (1) Content-Type和Content-Language (显示字符集的设定) Content-Type和Content-Language (显示字符集的设定) 设定页面使用的字符集，用以说明页面制作所使用的文字以及语言，浏览器会根据此来调用相应的字符集显示page内容。例如： Meta http-equiv=Content-Type Content=text/html; Charset=gb2312 Meta http-equiv=Content-Language Content=zh-CN 。 Content-Type和Content-Language (显示字符集的设定) 注意： 该META标签定义了HTML页面所使用的字符集为GB2132，就是国标汉字码。如果将其中的“charset=GB2312”替换成“BIG5”，则该页面所用的字符集就是繁体中文Big5码。当浏览一些国外的站点时，IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集，则IE就提示下载。不同的语言对应不同的charset，比如日文的字符集是“iso-2022-jp ”，韩文的是“ks_c_5601”。目前Charset一般取为UTF-8(Unicode Transformation Format-8),它是一种通用字符集。 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 表3-1 HTML文档基本结构 Name属性 Name属性 Author 、Copyright 、Generator 说明：分别标注网页的作者或制作组、标注版权、编辑器的说明 用法：Meta name=Author Content=张三，bc@ Meta name=Copyright Content=本页版权归Tim所有 Meta name=Generator Content=PCDATA|FrontPage|