TP01WEB标准化.ppt

网站建设及其优化 本章内容 了解网页文档类型 熟悉网页编码 知道网页标准 熟悉HTML标签 CSS样式表 WEB网页文档类型 WEB网页文档类型 页面编码 页面编码 常见的页面编码 常见的页面编码 常见的页面编码 常见的页面编码 常见的页面编码 怎么选择页面编码 根据需求来选择网页所使用的编码类型 1、用户浏览器情况 2、网站服务器的操作系统情况 3、网页语言、语种范围 WEB网页标准 HTML标签 HTML标签 认识HTML标签 常见HTML标签及含义 html /html这是一对超文本开始与结束标签 head/head是一对头部声明标签，如标题、JS链接、CSS链接都是放入此对标签内 title/title是标题标签，此标签内内容是在浏览器最左上角标题显示，在内容不会显示，同时一个网页里具有唯一性（使用一次并且放入head标签内） body/body是一定内容标签，即要显示内容都放入此标签内。 常见HTML标签及含义 div /div div标签也是div css所说的div标签。 p/p 是一对段落标签 br /换行标签 注意p与br区别 font字体声明标签，可在此标签内设置文字的CSS样式 span/span此标签与div标签相似 b/b和strong/strong都是加粗标签代表css样式中font-weight相当于加粗文字 HTML标签 内容回顾 文档类型 (确定浏览器使用哪种方式加载网页并显示) 页面编码 (根据需求选择网页编码) HTML标签 (常用HTML标签) 随堂测试 随堂测试 随堂测试 随堂测试 随堂测试 课后练习 基础网页模板 * ——WEB标准及其规范 文档类型 HTML是万维网上发布超文本的通用语言。从1982年开始，HTML拥有了多个版本的国际标准。各版本间都用一种机器可读的语言定义，它描述了法定的结构、元素和属性，这就是文档类型定义（Document Type Definition），简称DTD。 文档类型确定了浏览器使用哪种方式加载网页并显示 这是另外一种写法的文档类型，属于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 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构、表现和行为。 1. 结构标准语言 标准的HTML结构语言，推荐W3C的参考标准 2. 表现标准语言 CSS是Cascading Style Sheets层叠样式表的缩写，W3C创建CSS标准的目的是以CSS取代HTML表格式布局 3. 行为标准 主要用于解决Javascript与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件 select LI SPAN UL input form strong button HTML label BODY textarea DIV dl P dl meta 这些最常见的标签你是否都见过？ 简单的说，就是网页标签，即网页浏览器的功能识别符。 就像一个人名字张三、李四代表人的姓名一样。 不同的HTML标签在