第02章 XHTML简介.pptVIP

Web技术原理及应用Web系统与技术 烟台大学计算机学院 陈智育 内容 2.1 HTML和XHTML的起源和演变 2.2 基本语法 2.3 XHTML文档的标准结构 2.4 基本的文本标记 2.5~2.6 图片, 超链接 2.7 列表 2.8 表格 2.9 表单 2.10 HTML和XHTML之间的语法差异 2.1 HTML和XHTML的起源和演变 HTML介绍 超文本标记语言[Hyper Text Markup Language] 起源于SGML 标准通用[Standard Generalized]标记语言 ISO标准, 描述文本格式化 最初目标: 通用文档布局,可在各种计算机显示 2.1 HTML和XHTML的起源和演变 HTML版本 HTML 2.0 – 1995 HTML 3.2 – 1997初 HTML 4.0 – 1997末 引入许多新特性, 并抛弃了许多旧特性 HTML 4.01 – 1999 对4.0版的净化(cleanup) XHTML 1.0 – 2000 使用XML替代SGML重新定义了HTML 4.01 Strict[严格]-课本文档, Transitional[过渡], Frameset[框架] XHTML 1.1 – 2001 对1.0进行模块化, 并抛弃了一些功能(框架) 2.1 HTML和XHTML的起源和演变 XHTML和HTML HTML语法规则松散,文档杂乱而含糊不清;而XHTML语法规则严格且格式规范,文档整洁清楚 HTML浏览器不强制执行规定的规则 XHTML文档的语法正确与否是可以验证的 2.1 HTML和XHTML的起源和演变 XHTML文档的验证 W3C HTML验证[Validation]服务 /file-upload.html 2.2 基本语法 元素[Element] HTML文档的基本组成单元 2.2 基本语法 标签[tag] 开始标签格式: name 结束标签格式: /name 无内容标签格式: name / 容器[container] 由开始标签和结束标签组成,用于包含内容 元素=标签+内容, 容器+内容 2.2 基本语法 属性(attribute) 位于开始标签中, 用于修饰标签 注释(comment) 格式: !-- … -- 浏览器会忽视注释, 不认识标签, 换行, 空格, tab 标签建议(非强制)浏览器如何处理内容, 浏览器(配置)可以忽略错误的标签, 甚至正确的标签. 2.3 XHTML文档的标准结构 必须以xml声明元素开始 ?xml version = ″1.0″ encoding = ″utf-8″? 后紧接DOCTYPE命令,指定文档类型定义(dtd) !DOCTYPE html PUBLIC ″-//W3C//DTD XHTML 1.0 Strict//EN″ “/TR/xhtml1/DTD/xhtml1-strict.dtd” 必须包含的4组标签: html, head, title, body 2.3 XHTML文档的标准结构 整个文档必须以html为根元素 html必须有xmlns属性(xml命名空间) html xmlns = ″/1999/xhtml″ 文档由head和body两部分组成 title给定文档标题, 显示在浏览器标题栏 2.4 基本的文本标签 文本标签对文本内容进行格式化处理 段落 文本通常放在段落中, 不允许直接放在body中 p以段落格式显示文本, 浏览器自动换行 2.4 基本的文本标签 great.html 2.4 基本的文本标签 换行[Line breaks] br /, 无结束标签, 后面的文字以新行显示 保留[Preserving] pre元素内容保留文本的原格式(保留空格等) 标题[Headings] 6种大小, 1-6, 对应标签h1-h6 h1,h2,h3的字体比缺省大 h4的字体为缺省大小 h5,h6的字体比缺省小 2.4 基本的文本标签 文本块引用[Blockquotes] blockquote, 将内容文本以不同于正常文本的格式显示, 表引用 浏览器决定显示效果: 缩进或斜体 字体样式和大小 可嵌套使用 em, 表强调, 通常斜体 strong, 表强调, 通常粗体 code, 表代码, 通常等宽字体 sub, 表上标; sup, 表下标 例: xsub2/subsup3/sup 区分块标签和行(inline)标签, 块标签不能出现在行标签中 2.4 基本的文本标签 字符实体 特殊字符在文档中的表示 2.4 基本的文本标签 水平线 hr / meta元素 为文档设定一些附加信息, 用于搜索引擎 meta元素没有内容, 通过属性提供信息 文档头部可以包含多个meta元素 meta