《《Web前端开发技术——HTML、CSS、JavaScript 教学课件 聂常红 第2讲 DOCTYPE、头部及主体标记》.pdf

第2讲 !DOCTYPE、头部及主体标记 • 2.1 !DOCTYPE… 标记 • 2.2 XHTML DOCTYPE类型简介 • 2.3 头部标记概述 • 2.4 标题标记title • 2.5 元信息标记meta • 2.6 主体标记body 学习目标 • 理解DOCTYPE标记作用 • 理解XHTML DOCTYPE 的三种类型 • 掌握头部常用标记的用法 • 理解body标记的作用 • 掌握使用body标记设置页面属性 温 馨 提 示 本文档为 PDF 格式课件，不能运用教学演示， 需要 PPT 格式的课件 ，请 访问 尚辅网 ： 更多课件等您拿。 快速获得课件方法：在淘宝店铺查找输入： 教 学配套课件中心 ；或是直接输入地址 ： 惊喜超出您的想象！ 直接联系获取课件QQ: 349134187 旺旺：源汇雅馨 扫一扫绝对免费获得课件：订阅尚辅网微信公众 号 一扫课件到手！！！！！！ 2.1 !DOCTYPE… 标记 • 作用：DOCTYPE是document type的 简写。主要用来说明你用的XHTML或者 HTML是什么版本以及声明用于浏览器进 行页面解析用的DTD(文档类型定义)文 件。例如： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd • 它放在html文件的最上面，即在 html标记的上面 3.2 XHTML1.0 DOCTYPE类型简 介 XHTML1.0提供了三种DOCTYPE可选 择 : – 过渡的(Transitional):要求非常宽松的 DTD，它允许你继续使用HTML4.01的标 识(但是要符合xhtml 的写法)。完整代码 如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xht ml1-transitional.dtd – 严格的(Strict):要求严格的DTD，你不能使用任何 表现层的标识和属性。完整代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml 1-strict.dtd – 框架的(Frameset):专门针对框架页面设计使用的 DTD，如果你的页面中包含有框架，需要采用这种 DTD。完整代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Frameset//EN /TR/xhtml1/DTD/xhtml 1-frameset.dtd 2.3 头部标记概述 • 头部标记，主要用于描述当前页面 的有关信息，如标题、关键字等， 所有头部标记都包含在head /head标记对中。 • 一般情况下，位于头部的内容都不 会在网页上直接显示，而是通过另 外的方式起作用。 表2-1 常用头部标记 标 记 描 述 title 设定显示在浏览器标题栏中的内容 meta 定义文档的字符集、关键字等 style 设定CSS层叠样式表的内容 link 设定对外部CSS文件的链接 script 设定页面中程序脚本的内容 2.4 标题标记title •基本语法 titl