HTML高级教程

HTML!DOCTYPE!DOCTYPE声明帮助浏览器正确地显示网页。!DOCTYPE声明Web世界中存在许多不同的文档。只有了解文档的类型，浏览器才能正确地显示文档。HTML也有多个不同的版本，只有完全明白页面中使用的确切HTML版本，浏览器才能完全正确地显示出HTML页面。这就是!DOCTYPE的用处。!DOCTYPE不是HTML标签。它为浏览器提供一项信息（声明），即HTML是用什么版本编写的。提示：W3School即将升级为最新的HTML5文档类型。实例带有HTML5DOCTYPE的HTML文档：!DOCTYPEhtmlhtmlheadtitleTitleofthedocument/title/headbodyThecontentofthedocument....../body/htmlHTML版本从Web诞生早期至今，已经发展出多个HTML版本：版本年份HTML1991HTML+1993HTML2.01995HTML3.21997HTML4.011999XHTML1.02000HTML52012XHTML52013常用的声明HTML5!DOCTYPEhtmlHTML4.01!DOCTYPEHTMLPUBLIC-//W3C//DTDHTML4.01Transitional//EN!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN如需完整的文档类型声明列表，请访问我们的DOCTYPE参考手册。HTML头部元素亲自试一试-实例文档的标题title标题定义文档的标题。所有链接一个目标如何使用base标签使页面中的所有标签在新窗口中打开。文档描述使用meta元素来描述文档。文档关键词使用meta元素来定义文档的关键词。重定向用户如何把用户重定向到新的网址。HTMLhead元素head元素是所有头部元素的容器。head内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。以下标签都可以添加到head部分：title、base、link、meta、script以及style。HTMLtitle元素title标签定义文档的标题。title元素在所有HTML/XHTML文档中都是必需的。title元素能够：定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题一个简化的HTML文档：!DOCTYPEhtmlhtmlheadtitleTitleofthedocument/title/headbodyThecontentofthedocument....../body/htmlHTMLbase元素base标签为页面上的所有链接规定默认地址或默认目标（target）：headbasehref==_blank//headHTMLlink元素link标签定义文档与外部资源之间的关系。link标签最常用于连接样式表：headlinkrel=stylesheettype=text/csshref=mystyle.css//headHTMLstyle元素style标签用于为HTML文档定义样式信息。您可以在style元素内规定HTML元素在浏览器中呈现的样式：headstyletype=text/cssbody{background-color:yellow}p{color:blue}/style/headHTMLmeta元素元数据（metadata）是关于数据的信息。meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。典型的情况是，meta元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。meta标签始终位于head元素中。元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web服务。针对搜索引擎的关键词一些搜索引擎会利用meta元素的name和content属性来索引您的页面。下面的meta元素定义页面的描述：metaname=descriptioncontent=FreeWebtutorialsonHTML,CSS,XML/下面的meta元素定义页面的关键词：metaname=keywordscontent=HTML,CSS,XML/name和content属性的作用是描述页面的内容。HTMLscript元素script标签用于定义客户端脚本，比如JavaScript。我们会在稍后的章节讲解script元素。HTML头部元素标签描述head定义关于文档的信息。title定义文档标题。base定义页面上所有链接的默认地址或默认目标。link定义文档与外部资源之间的关系。meta定义关于HTML文档的元数据。script定义客户端脚本。style定义文档的样式信息。HTML脚本JavaScript使HTML页面具有更强的动态和交互性。实例插入一段脚本如何将脚本插入HTML文档。使用noscript标签如何应对不支持脚本或禁用脚本的浏览器。HTMLscript元素script标签用于定义客户端脚本，比如JavaScript。script元素既可包含脚本语句，也可通过src属性指向外部脚本文件。必需的type属性规定脚本的MIME类型。JavaScript最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出“HelloWorld!”：scripttype=text/javascriptdocument.write(HelloWorld!)/script提示：如果需要学习更多有关在HTML中编写脚本的知识，请访问我们的JavaScript教程。noscript标签noscript标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。noscript元素可包含普通HTML页面的body元素中能够找到的所有元素。只有在浏览器不支持脚本或者禁用脚本时，才会显示noscript元素中的内容：scripttype=text/javascriptdocument.write(HelloWorld!)/scriptnoscriptYourbrowserdoesnotsupportJavaScript!/noscript如何应付老式的浏览器如果浏览器压根没法识别script标签，那么script标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生，你应该将脚本隐藏在注释标签当中。那些老的浏览器（无法识别script标签的浏览器）将忽略这些注释，所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们，即使代码被嵌套在注释标签内。实例JavaScript:scripttype=text/javascript!--document.write(HelloWorld!)//--/scriptVBScript:scripttype=text/vbscript!--document.write(HelloWorld!)'--/script标签描述script定义客户端脚本。noscript为不支持客户端脚本的浏览器定义替代内容。HTML字符实体HTML中的预留字符必须被替换为字符实体。HTML实体在HTML中，某些字符是预留的。在HTML中不能使用小于号（）和大于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体（characterentities）。字符实体类似这样：&entity_name;或者&#entity_number;如需显示小于号，我们必须这样写：<或<提示：使用实体名而不是数字的好处是，名称易于记忆。不过坏处是，浏览器也许并不支持所有实体名称（对实体数字的支持却很好）。不间断空格（non-breakingspace）HTML中的常用字符实体是不间断空格( )。浏览器总是会截短HTML页面中的空格。如果您在文本中写10个空格，在显示该页面之前，浏览器会删除它们中的9个。如需在页面中增加空格的数量，您需要使用 字符实体。HTML实例示例用HTML实体符合做实验：亲自试一试HTML中有用的字符实体注释：实体名称对大小写敏感！显示结果描述实体名称实体编号空格  小于号<<大于号>>&和号&&引号""'撇号'(IE不支持)'￠分¢¢£镑££¥日圆¥¥€欧元€€§小节§§©版权©©®注册商标®®™商标™™×乘号××÷除号÷÷如需完整的实体符号参考，请访问我们的HTML实体符号参考手册。HTML统一资源定位器URL也被称为网址。URL可以由单词组成，比如“w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。URL-UniformResourceLocator当您点击HTML页面中的某个链接时，对应的a标签指向万维网上的一个地址。统一资源定位器（URL）用于定位万维网上的文档（或其他数据）。网址，比如，遵守以下的语法规则：scheme://host.domain:port/path/filename解释：scheme-定义因特网服务的类型。最常见的类型是httphost-定义域主机（http的默认主机是）domain-定义因特网域名，比如w3school.com.cn:port-定义主机上的端口号（http的默认端口号是80）path-定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。filename-定义文档/资源的名称编者注：URL的英文全称是UniformResourceLocator，中文也译为“统一资源定位符”。URLSchemes以下是其中一些最流行的scheme：Scheme访问用于...http超文本传输协议以http://开头的普通网页。不加密。https安全超文本传输协议安全网页。解密所有信息交换。ftp文件传输协议用于将文件下载或上传至网站。file您计算机上的文件。HTMLURL字符编码URL编码会将字符转换为可通过因特网传输的格式。URL-统一资源定位器Web浏览器通过URL从web服务器请求页面。URL是网页的地址，比如。URL编码URL只能使用ASCII字符集来通过因特网进行发送。由于URL常常会包含ASCII集合之外的字符，URL必须转换为有效的ASCII格式。URL编码使用%其后跟随两位的十六进制数来替换非ASCII字符。URL不能包含空格。URL编码通常使用+来替换空格。亲自试一试如果您点击下面的“提交”按钮，浏览器会在发送输入之前对其进行U