HTML高级总汇.docx

HTML 高级教程HTML 文档类型 HTML !DOCTYPE!DOCTYPE 声明帮助浏览器正确地显示网页。!DOCTYPE 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 !DOCTYPE 的用处。!DOCTYPE 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。提示：W3School 即将升级为必威体育精装版的 HTML5 文档类型。实例：带有 HTML5 DOCTYPE 的 HTML 文档：!DOCTYPE htmlhtmlheadtitleTitle of the document/title/headbodyThe content of the document....../body/htmlHTML 版本从 Web 诞生早期至今，已经发展出多个 HTML 版本：版本年份版本年份HTML1991HTML 4.011999HTML+1993XHTML 1.02000HTML 2.01995HTML52012HTML 3.21997XHTML52013常用的声明HTML5!DOCTYPE htmlHTML 4.01!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN/TR/html4/loose.dtdXHTML 1.0!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtdHTML 头部元素实例1：文档的标题title 标题定义文档的标题。htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /meta http-equiv=Content-Language content=zh-cn /title标题不会显示在文档区/title/headbodyp这段文本会显示出来。/p/body/html实例2：所有链接一个目标如何使用 base 标签使页面中的所有标签在新窗口中打开。!DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /meta http-equiv=Content-Language content=zh-cn /base target=_blank //headbodypa href= target=_blank这个连接/a 将在新窗口中加载，因为 target 属性被设置为 _blank。/ppa href=这个连接/a 也将在新窗口中加载，即使没有 target 属性。/p/body/html实例3：文档描述使用 meta 元素来描述文档。htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /meta name=authorcontent=meta name=revisedcontent=David Yang,8/1/07 meta name=generatorcontent=Dreamweaver 8.0en/headbodyp本文档的 meta 属性标识了创作者和编辑软件。/p/body/html实例4：文档关键词使用 meta 元素来定义文档的关键词。htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /meta name=descriptioncontent=HTML examplesmeta name=keywordscontent=HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript/headbodyp本文档的 meta 属性描述了该文档和它的关键词。/p/body/html实例5：重定向用户如何把用户重定向到新的网址。!DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /meta http-equiv=Refresh content=5;url= //headbodyp对不起。我们已经搬家了。您的 URL 是 a href=/a/pp您将在 5 秒内被重