html高级教程1
1、HTML <!DOCTYPE>HTML 速查手册HTML 头部<!DOCTYPE> 声明帮助浏览器正确地显示网页。<!DOCTYPE> 声明Web 世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML 也有多个不同的版本，只有完全明白页面中使用的确切 HTML 版本，浏览器才能完全正确地显示出 HTML 页面。这就是 <!DOCTYPE> 的用处。<!DOCTYPE> 不是 HTML 标签。它为浏览器提供一项信息（声明），即 HTML 是用什么版本编写的。提示：W3School 即将升级为最新的 HTML5 文档类型。实例带有 HTML5 DOCTYPE 的 HTML 文档：<!DOCTYPE html><html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>HTML 版本从 Web 诞生早期至今，已经发展出多个 HTML 版本：版本年份HTML1991HTML+1993HTML 2.01995HTML 3.21997HTML 4.011999XHTML 1.02000HTML52012XHTML52013常用的声明HTML5<!DOCTYPE html>HTML 4.01<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">XHTML 1.0<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">如需完整的文档类型声明列表，请访问我们的DOCTYPE 参考手册。
2、HTML 头部元素HTML 文档类型HTML 脚本氽沟任势亲自试一试 - 实例文档的标题<title> 标题定义文档的标题。所有链接一个目标如何使用 base 标签使页面中的所有标签在新窗口中打开。文档描述使用 <meta> 元素来描述文档。文档关键词使用 <meta> 元素来定义文档的关键词。重定向用户如何把用户重定向到新的网址。HTML <head> 元素<head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。HTML <title> 元素<title> 标签定义文档的标题。title 元素在所有 HTML/XHTML 文档中都是必需的。title 元素能够：定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题一个简化的 HTML 文档：<!DOCTYPE html> <html> <head> <title>Title of the document</title> </head> <body> The content of the document...... </body> </html>HTML <base> 元素<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：<head> <base href="http://www.w3school.com.cn/images/" /> <base target="_blank" /> </head>HTML <link> 元素<link> 标签定义文档与外部资源之间的关系。<link> 标签最常用于连接样式表：<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head>HTML <style> 元素<style> 标签用于为 HTML 文档定义样式信息。您可以在 style 元素内规定 HTML 元素在浏览器中呈现的样式：<head> <style type="text/css"> body {background-color:yellow} p {color:blue} </style> </head>HTML <meta> 元素元数据（metadata）是关于数据的信息。<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。<meta> 标签始终位于 head 元素中。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。针对搜索引擎的关键词一些搜索引擎会利用 meta 元素的 name 和 content 属性来索引您的页面。下面的 meta 元素定义页面的描述：<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />下面的 meta 元素定义页面的关键词：<meta name="keywords" content="HTML, CSS, XML" />name 和 content 属性的作用是描述页面的内容。HTML <script> 元素<script> 标签用于定义客户端脚本，比如 JavaScript。我们会在稍后的章节讲解 script 元素。HTML 头部元素标签描述<head>定义关于文档的信息。<title>定义文档标题。<base>定义页面上所有链接的默认地址或默认目标。<link>定义文档与外部资源之间的关系。<meta>定义关于 HTML 文档的元数据。<script>定义客户端脚本。<style>定义文档的样式信息。
3、HTML 脚本HTML 头部HTML 实体JavaScript 使 HTML 页面具有更强的动态和交互性。。实例插入一段脚本如何将脚本插入 HTML 文档。使用 <noscript> 标签如何应对不支持脚本或禁用脚本的浏览器。HTML script 元素<script> 标签用于定义客户端脚本，比如 JavaScript。script 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。必需的 type 属性规定脚本的 MIME 类型。JavaScript 最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出“Hello World!”：<script type="text/javascript"> document.write("Hello World!") </script>提示：如果需要学习更多有关在 HTML 中编写脚本的知识，请访问我们的JavaScript 教程。<noscript> 标签<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容：<script type="text/javascript"> document.write("Hello World!") </script><noscript>Your browser does not support JavaScript!</noscript>如何应付老式的浏览器如果浏览器压根没法识别 <script> 标签，那么 <script> 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别 <script> 标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。实例JavaScript:<script type="text/javascript"><!--document.write("Hello World!")//--></script>VBScript:<script type="text/vbscript"><!--document.write("Hello World!")'--></script>标签描述<script>定义客户端脚本。<noscript>为不支持客户端脚本的浏览器定义替代内容。