3 HTML 语言基础

3 HTML语言基础 HTML是互联网开发的基本语言,本章将探析这种语言的实质： 3.1 HTML语言概述 3.2 HTML语言规范 3.3 HTML文档类型和名字空间 3.4 HTML文档元信息《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.1 HTML语言概述 • HTML是互联网通用语言，简单、通用是它的特点。 • 说其简单，你只需要记住一些简单的标记和用法，就能够设计出各种复杂的页面； • 说其通用，是因为这些页面可以在不同操作系统、不同浏览器、不同设备中都可以被预览，因此你可以把它作为基础来开发更多更复杂的语言或应用《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.1 HTML语言概述 3.1.1 认识HTML语言 • HTML是Hypertext Markup Language的简称，中文翻译为超文本标识语言，也有人称之为超文本标记语言。 • 第一，这是一种超文本（Hypertext）语言。那么什么是超文本呢？ • 非线性和信息管理蜘蛛网节点（Node）链（Link） • 第二，HTML是一种标记（Markup）语言。何为标记呢？ • 约定俗成规定共同遵守信息交流的一种机器用“语言” 《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.1 HTML语言概述 3.1.2 HTML语言的发展历史 • Tim Berners-Lee（蒂姆•伯纳斯-李），人称之为互联网之父【W3C网站中（http://www.w3.org/People/Berners-Lee/）】 • 1990年，Tim Berners-Lee在SGML语言基础上开发了HTML语言。同时，Berners-Lee在自己开发的Web浏览器上看到了世界上最早的Web页面，源自http://www.w3.org/History/1994/WWW/Journals/CACM/screensnap2_24c.gif。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.1 HTML语言概述 3.1.2 HTML语言的发展历史 1980年，Tim Berners-Lee在欧洲量子物理实验室负责的Enquire研究项目时发明了Web的应用架构。 1986，Tim Berners-Lee参与制订了ISO标准（ISO8879） 1989年，Tim Berners-Lee为CERN（欧洲核子研究中心）内部使用的超文本文档系统提出了HTML构想。 1990年，Tim Berners-Lee在SGML语言基础上开发了HTML语言。 1991年，Tim Berners-Lee将CERN项目（包括HTML语言）的整个代码和说明书发布到互联网上。 1993年，互联网工程工作小组（IETF）发布了超文本标记语言，但这仅是一个非标准的工作草案。 1995年，Tim Berners-Lee成立了W3C组织，并逐步统一了HTML的标准，从而奠定了Web标准化开发的基础。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.1 HTML语言概述 3.1.2 HTML语言的发展历史 • 1994年4月，HTML2.0最初文档被发布。 • 1995年9月，HTML2.0（RFC 1866）被正式核准为提议标准。 • 1996年3月，HTML3.0草案发布，不久后被废除。 • 1996年5月，HTML3.2草案发布。 • 1996年7月，HTML DTD（文件类型定义）发布。 • 1997年1月，HTML3.2（Wilbur）成为W3C的标准。 • 1997年7月，HTML4.0草案发布。 • 1997年12月，HTML4.0成为W3C推荐标准。 • 1999年1月，XHTML1.0工作版本发布。 • 2000年1月，XHTML 1.0成为W3C推荐标准。 • 2001年5月，XHTML 1.1发布。 • 从上面HTML发展列表来看，HTML没有1.0版本。这主要是因为当时有很多不同的版本。有些人认为Tim Berners-Lee的版本应该算初版，他的版本中还没有img元素，也就是说HTML刚开始时仅能够显示文本信息。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.2 HTML语言规范 3.2.1 HTML文档结构 HTML文档结构是在不断实践中演化而来： <html> <head></head> <body>主体块</body> </html> 早期网页文档结构： http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html 《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.2 HTML语言规范 3.2.2 HTML基本语法 • 首先应该清楚：HTML语言分为不同的版本，如过渡性、框架型和严谨型等（可参阅第3.3.3节内容）。不同类型的文档，其语法要求也略有不同。不过下面几点是HTML语言的基本语法规范： • 所有标记都包含在“<”和“>”起止标识符中，构成一个标签。对于严谨型文档来说，标签名必须小写。 • 标记一般成对使用，用来标记特定信息或包含其他标记。结束标记一般在起始标记的标签名前增添斜杠标识符。例如，对于过渡型文档，可以仅使用起始标记，而不用结束标记。而对于严谨型文档来说，则必须封闭标签，如果标签没有结束标记，则必须在起始标记中添加斜杠，反斜杠与标签名以空格分隔，例如，图像标签<img />。 • 在起始标记中可以定义标签属性，属性之间或与标签名之间以空格分隔。对于严谨型文档来说，属性名必须小写，属性值必须附加引号。例如，<div id="box" class="red">盒子</div>。 • 标记相互嵌套，形成文档结构。但是嵌套必须匹配，不能交错嵌套（如<div><span></div></span>）。合法的嵌套应该是包含或被包含的关系，例如，<div><span></span></div>或<span><div></div></span>。对于严谨型文档，标记之间的嵌套还有严格的规定，详细说明可以参阅第5章内容。 • HTML文档所有信息必须包含在<html>标记中，所有文档元信息应包含在子标记<head>中，而HTML传递信息和网页显示内容应包含在子标记<body>中。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.2 HTML语言规范 3.2.2 HTML基本语法 • HTML文档应主要包括： • 必须在首行定义文档的类型，可以参阅第3.3节内容讲解。 • <html>标签应该设置文档名字空间，可以参阅第3.3.6节内容。 • 必须定义文档的字符编码，一般使用<meta>标签在头部定义，常用字符编码包括中文简体（gb2312）、中文繁体（big5）和通用字符编码（utf-8）。 • 应该设置文档的标题，可以使用<title>标签在头部定义。 • 有关HTML各种标记的使用和说明可以参阅第4章详细讲解。HTML文档扩展名为.htm或.html，保存时必须正确使用扩展名，否则浏览器无法正确的解析。如果要在HTML文档中增加注释性文本，则可以在“”标识符之间。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.1 认识DOCTYPE DOCTYPE是Document Type简写，中文翻译为文档类型。在网页中通过在首行代码中定义文档类型，用来指定页面所使用的HTML的版本类型。构建符合标注的网页中，只有确定正确的DOCTYPE（文档类型），HTML文档的结构和样式才能被正常解析和呈现。 DOCTYPE声明必须放在（X）HTML文档的顶部，在文档类型声明语句的上面不能够包含任何HTML代码，包括HTML注释标记都不行。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.2 DOCTYPE结构分析《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.3 HTML文档类型分类过渡型（Transitional）严格型（Strict）框架型（Frameset）在严格型文档类型中，以下元素将不被支持： center 、font 、strike、s、u、iframe、isindex（与input元素语义重复）、dir、menu、basefont、applet（与object元素语义重复）在严格型文档类型中，以下属性将不被支持： align、language、background、bgcolor、border（table元素支持）、height（img和object元素支持）、hspace、name（在HTML 4.01 Strict中支持，XHTML 1.0 Strict中的form和img元素不支持）、noshade、nowrap、target、text、link、vlink和alink、vspace、width（img、object、table、col和colgroup元素支持）《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.4 HTML文档类型使用误区在标准设计中，很多读者会感觉XHTML比HTML更加严格，当然从某种意义上说是的，XHTML是比HTML要求严格。例如，所有的标签必须完全封闭，且所有的属性都用引号括起来。不过，XHTML 1.0包括三种文档类型，如Transitional（过渡型）和Strict（严格）。而HTML 4.01也有同样的文档声明。从字面上就可以看出来：Transitional DOCTYPE只是为了实现从传统网页到标准网页的过渡，而且Strict DOCTYPE是默认的文档声明，对构造HTML 4.01和XHTML 1.0都适用。使用Transitional DOCTYPE一般是由于代码中含有过多不建议的写法，并且一下子很难完全转换到Strict DOCTYPE来。但是Strict DOCTYPE应该是读者努力的目标。它鼓励甚至有时是强迫你把结构与表现区分开来，把表现层的代码都写在CSS里。当然，HTML 4.01 Strict DTD不包括表现层属性和标签，W3C将逐渐淘汰这些属性和标签，你完全可以使用CSS样式表来实现。如需获得表现层属性和标签的支持，请使用Transitional DTD。用Strict DOCTYPE还有一个好处，即可以让浏览器使用它们最严格（一定程度上）最符合标准的模式来渲染页面。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.4 HTML文档类型使用误区我觉得，使用Strict DTD，无论是HTML 4.01 Strict还是XHTML 1.0 Strict，远比讨论是用HTML还是XHTML重要的多。它代表了未来互联网的质量。它将结构和表现分开，使得维护一个站点非常容易。对于刚开始接触网页标准和学习正确使用语义化的结构的读者来说，认清Transitional和Strict DOCTYPEs的区别非常重要。对于准备向Strict进发的人来说，两者的有些区别很可能会使开发者犯错误。《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.5 探析文档类型定义（DTD） DTD是Document Type Definition的简称，中文翻译为文档类型定义。DTD 是一套关于标记的语法规则。DTD文件是一个ASCII的文本文件，后缀名为.dtd。如果你利用DOCTYPE声明中的URL可以访问指定类型的DTD详细信息。 XHTML 1.0过渡型DTD： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.3 HTML文档类型和名字空间 3.3.6 名字空间 xmlns是html元素的一个特殊属性。这个xmlns属性是XHTML Name Space的缩写，中文翻译为名字空间，该属性声明了html顶级元素的名字空间。  <document> <name>书名</name> <author>作者</author> <content>目录</content> </document>  <document> <title>论文题目</title> <author>作者</author> <content>论文内容</content> </document> 《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3.4 HTML文档元信息 在HTML文档结构的头部区域，存储着文档的各种基本信息，这些信息主要被浏览器所采用，不会显示在网页正文中。 meta信息（元信息）的基本设置。 meta表示关于（about）的意思，以meta作为前缀可以表示很多特殊的语义。例如，metadata表示关于数据的数据，用英文表示为data about data；而metalanguage则表示一种描述其它语言的语言。在HTML文档中，meta标记表示网页的相关信息，即网页元信息。如定义网页的描述信息： <meta name="description" content="标准网页设计专业技术资讯" /> 定义页面关键字： <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript" /> 《网页制作与网站开发从入门到精通》配套视频样吧视频教室（www.css8.cn）

3 HTML 语言基础