《TPWEB标准化》PPT课件.ppt

网站建设及其优化,WEB标准及其规范,本章内容,了解网页文档类型 熟悉网页编码 知道网页标准 熟悉HTML标签 CSS样式表,WEB网页文档类型,文档类型 HTML是万维网上发布超文本的通用语言。从1982年开始，HTML拥有了多个版本的国际标准。各版本间都用一种机器可读的语言定义，它描述了法定的结构、元素和属性，这就是文档类型定义（Document Type Definition），简称DTD。 文档类型确定了浏览器使用哪种方式加载网页并显示,WEB网页文档类型,这是另外一种写法的文档类型，属于HTML5,页面编码,这里的GB2312是告诉浏览器，本文档采用简体中文编码；还有一种常用的编码是UTF-8编码，它是国际通用的编码。,这里的GBK是告诉浏览器，本文档采用GBK中文编码。,页面编码,常见的页面编码,GB2312,GB 2312是一个简体中文字符集的中国国家标准，全称为信息交换用汉字编码字符集基本集，由中国国家标准总局发布，1981年5月1日实施。,GB2312编码通行于中国大陆；新加坡等地也采用此编码。中国大陆几乎所有的中文系统和国际化的软件都支持GB2312。,适用范围,GB2312标准共收录6763个汉字，其中一级汉字3755个，二级汉字3008个；同时，GB 2312收录了包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个全角字符。,常见的页面编码,缺点,对于人名、古汉语等方面出现的罕用字，GB2312不能处理 只适用于中文网页和网站。,常见的页面编码,UTF-8,UTF-8是UNICODE的一种变长字符编码又称万国码，用1到6个字节编码UNICODE字符。用在网页上可以同一页面显示中文简体繁体及其它语言(如日文，韩文),绝大多数的网页和网站，尤其是国外的一些主机服务器上，用该编码方式才能杜绝乱码。,适用范围,优点,可以在同一页面同时展示不同语言的内容,在编写的时候，由于忽略或者粗心，往往出现编码不统一的问题，导致页面出现乱码。 需要同学们特别注意！,缺点,常见的页面编码,常见的页面编码,GBK,GBK即汉字内码扩展规范，K为扩展的汉语拼音中“扩”字的声母。GB2312的出现，基本满足了汉字的计算机处理需要，但对于人名、古汉语等方面出现的罕用字，GB2312不能处理，这导致了后来GBK及GB18030汉字字符集的出现。,与GB2312关系,GB18030 GBK GB2312,根据需求来选择网页所使用的编码类型 1、用户浏览器情况 2、网站服务器的操作系统情况 3、网页语言、语种范围,怎么选择页面编码,WEB网页标准,WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构、表现和行为。,1. 结构标准语言 标准的HTML结构语言，推荐W3C的参考标准 2. 表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写，W3C创建CSS标准的目的是以CSS取代HTML表格式布局 3. 行为标准 主要用于解决Javascript与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件,LI,这些最常见的标签你是否都见过？,HTML标签,HTML标签,简单的说，就是网页标签，即网页浏览器的功能识别符。 就像一个人名字张三、李四代表人的姓名一样。 不同的HTML标签在网页程序（我们可以认为是IE）中，拥有不同的含意，同时也代表着不同的功能和样式。,什么是HTML标签？,认识HTML标签,html网页标签是放入以“”结束尖括号有意义单词（系统、程序、浏览器默认单词）， 如这就是div标签。 网页标签不是随便自己命名，如、等都是有意义而且是浏览器支持的标签，不能自己想当然的自己将一个单词字母放如尖括号里就作为标签，即使将自己命名标签作为标签使用浏览器都不会解释网页也不会显示。,常见HTML标签及含义, 这是一对超文本开始与结束标签 是一对头部声明标签，如标题、JS链接、CSS链接都是放入此对标签内 是标题标签，此标签内内容是在浏览器最左上角标题显示，在内容不会显示，同时一个网页里具有唯一性（使用一次并且放入head标签内） 是一定内容标签，即要显示内容都放入此标签内。, div标签也是div css所说的div标签。 是一对段落标签 换行标签 注意p与br区别 字体声明标签，可在此标签内设置文字的CSS样式 此标签与div标签相似 和都是加粗标签代表css样式中font-weight相当于加粗文字,常见HTML标签及含义,小贴士： 大多数标签都是成对出现； 个别标签是单独出现 有参数的标签中，参数只能出现在开始标签中,HTML标签,DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。,内容回顾,文档类型 (确定浏览器使用哪种方式加载网页并显示) 页面编码 (根据需求选择网页编码) HTML标签 (常用HTML标签),随堂测试,HTML 指的是？,A:超文本标记语言（Hyper Text Markup Language） B:家庭工具标记语言（Home Tool Markup Language） C:超链接和文本标记语言（Hyperlinks and Text Markup Language）,随堂测试,Web 标准的制定者是？,A:微软（Microsoft） B:万维网联盟（W3C） C:网景公司（Netscape） D:火狐 （FireFox）,随堂测试,在下列的 HTML 中，哪个可以插入折行（回车）？,A: B: C: D:,随堂测试,主机位于香港，主要面向欧美用户，网站最好用什么字符集？,A:GB2312 B:GBK C:UTF-8 D:BIG5,随堂测试,请选择产生粗体字的 HTML 标签：,A: B: C: D:,课后练习,熟悉常用的HTML标签 用常用HTML标签创建一个网页，包涵如下内容 1、网页文档声明 (DTD) 2、网