超文本标记语言

《超文本标记语言》由会员分享，可在线阅读，更多相关《超文本标记语言（4页珍藏版）》请在装配图网上搜索。

1、超文本标记语言，即HTML （Hypertext Markup Language）,是用于描述网页文档的一种 标记语言。超文本标记语言概述在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网 上开始点的页面称为主页（Homepage）,或首页，主页中通常包括有指向其他相关页面或其他 节点的指针（超级链接）。在逻辑上将视为一个整体的一系列页面的有机集合称为 网站 （ Website 或 Site）。Web页面也就是通常所说的网页，在这里不作区分。HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网 页文件本身是一种文本文件，通过在文本文件中添

2、加标记符，可以告诉浏览器如何显示其中 的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文 件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停 止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是， 对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效 果。HTML 之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级 链接，就是一种 URL 指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也 是HTML获得广泛应用的最重要的原因之一。由此可见，网页的

3、本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、 CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万 维网是建立在超文本基础之上的。HTML文件的整体结构一个网页对应于一个HTML文件，HTML文件以.htm或.html为扩展名。可以使用任何 能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基 本的整体结构，即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双 标记符用于页面整体结构的确认。1）和双标记符标记符说明该文件是用 HTML 来描述的。它是文件的开头，而则表示该文件的结尾，它 们是

4、 HTML 文件的始标记和尾标记。2）和头部标记符这 2 个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、 说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是 标题标记符和，它用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可 被浏览器用作书签和收藏清单。3）和正文标记符网页中显示的实际内容均包含在这2 个正文标记符之间。正文标记符又称为实体标记。HTML 5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重 大修改（这是一项推荐标准1、外语原文:W3C Recommendation ）。20

5、14年10月29日，万 维网联盟宣布，经过几乎8 年的艰辛努力，该标准规范终于最终制定完成。简介HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁， 为了推动 Web 标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 -WHATWG） 的组织。 WHATWG致力于Web表单和应用程序，而W3C （World Wide Web Consortium,万维网联 盟）专注于XHTML2.0。在2006年，双方决定进行合作，来

6、创建一个新版本的HTML。HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出，于2007年 被 W3C 接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月 22日公布。 HTML5 仍处于完善之中。然 而，大部分现代浏览器已经具备了某些 HTML5 支持。2012年12月17 日，万维网联盟（W3C）正式宣布凝结了大量网络工作者心血的HTML5 规范已经正式定稿。根据W3C的发言稿称：HTML5是开放的Web网络平台的奠基石。”2013 年 5 月 6 日， HTML 5.1 正式草案公布。该规范定义了第五次

7、重大版本，第一次 要修订万维网的核心语言：超文本标记语言（HTML）。在这个版本中，新功能不断推出，以 帮助Web应用程序的作者，努力提高新元素互操作性。本次草案的发布，从2012年12月27日至今，进行了多达近百项的修改，包括HTML 和XHTML的标签，相关的API、Canvas等，同时HTML5的图像img标签及svg也进行了改 进，性能得到进一步提升。支持Html5的浏览器包括Firefox （火狐浏览器），IE9及其更高版本，Chrome （谷歌浏 览器），Safari，Opera等；国内的傲游浏览器（Maxthon）,以及基于IE或Chromium （Chrome 的工程版或称实验

8、版）所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产 浏览器同样具备支持HTML5的能力。特性语义特性（Class： Semantic）HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格 式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。本地存储特性（Class: OFFLINE STORAGE）基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于 HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和 API 说明文档。设备兼容特性（Class: DE

9、VICE ACCESS）从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能 上的优化选择，带来了更多体验功能的优势。 HTML5 提供了前所未有的数据与应用接入开 放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与 microphones及摄像头相联。连接特性（Class: CONNECTIVITY）更有效的连接工作效率，使得基于页面的实时聊天，更快速的网页游戏体验，更优化的 在线交流得到了实现0HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets 就是其中的两个特性，这两个特性能够帮助

10、我们实现服务器将数据“推送”到客户端的功能。网页多媒体特性（Class: MULTIMEDIA）支持网页端的Audio、Video等多媒体功能，与网站自带的APPS，摄像头，影音功能 相得益彰。三维、图形及特效特性（Class: 3D, Graphics Effects）基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊 人视觉效果。性能与集成特性（Class: Performance Integration）没有用户会永远等待你的LoadingHTML5会通过XMLHttpRequest2等技术，帮助您的 Web 应用和网站在多样化的环境中更快速的工

11、作。CSS3 特性（Class: CSS3）在不牺牲性能和语义结构的前提下，CSS3中提供了更多的风格和更强的效果。此外， 较之以前的Web排版，Web的开放字体格式（WOFF）也提供了更高的灵活性和控制性。现状在移动设备开发HTML5应用只有两种方法，要不就是全使用HTML5的语法，要不就是 仅使用JavaScript引擎。JavaScript 引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂，已预订 了一个 UI 工具包去使用。纯 HTML5 手机应用运行缓慢并错漏百出，但优化后的效果会好转。尽管不是很多人愿 意去做这样的优化，但依然可以去尝试。HTML5 手机应用的最大优势就是

12、可以在网页上直接调试和修改。原生应用的开发人员 可能需要花费非常大的力气才能达到HTML5的效果，不断地重复编码、调试和运行，这是 首先得解决的一个问题。HTML5的移植非常简单，但假设每个人都会让这变成一个自动化操作。优点网络标准HTML5本身是由W3C推荐出来的，它的开发是通过谷歌、苹果，诺基亚、中国移动等 几百家公司一起酝酿的技术，这个技术最大的好处在于它是一个公开的技术。换句话说，每 一个公开的标准都可以根据W3C的资料库找寻根源。另一方面，W3C通过的HTML5标准也 就意味着每一个浏览器或每一个平台都会去实现。多设备、跨平台用HTML5的优点主要在于，这个技术可以进行跨平台的使用。

13、比如你开发了一款HTML5 的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台， 甚至可以通过封装的技术发放到App Store或Google Play上，所以它的跨平台非常强大，也 是大多数人对HTML5有兴趣的主要原因。自适应网页设计很早就有人设想，能不能”一次设计，普遍适用，让同一张网页自动适应不同大小的屏 幕，根据屏幕宽度，自动调整布局（layout）?2010 年, Ethan Marcotte提出了”自适应网页设计这个名词，指可以自动识别屏幕宽度、 并做出相应调整的网页设计。这就解决了传统的一种局面网站为不同的设备提供不同的网页，比如专门提供

14、一个 mobile版本，或者iPhone / iPad版本。这样做固然保证了效果，但是比较麻烦，同时要维护 好几个版本，而且如果一个网站有多个portal （入口），会大大增加架构设计的复杂度。即时更新游戏客户端每次都要更新，很麻烦。可是更新HTML5游戏就好像更新页面一样，是马 上的、即时的更新。总结概括HTML5有以下优点：1、提高可用性和改进用户的友好体验；2、有几个新的标签，这将有助于开发人员定义重要的内容；3、可以给站点带来更多的多媒体元素（视频和音频）；4、可以很好的替代FLASH和Silverlight；5、当涉及到网站的抓取和索引的时候，对于SEO很友好；6、将被大量应用于移动

15、应用程序和游戏。盈利方案第一个解决方案，现有的盈利模式可以移植到HTML5.今天游戏通过跟苹果App Store非 常赚钱，其实HTML5的模式也可以通过封装把游戏放到App Store 一样的分成赚钱。第二个解决方案，HTML5游戏可以傍着”平台，比方说Opera的游戏平台或其它浏览器 的平台，以及所谓云游戏的游戏平台，都是新的盈利模式的平台。第三个解决方案，在谈到 HTML5 游戏与原生应用的表现性能比时，开发者需要考虑清 楚要做的究竟是怎样一款游戏，HTML5更适合轻量级的小游戏。而且HTML5在代码保密性 方面并不弱于原生应用。沿革HTML5提供了一些新的元素和属性，例如nav （网站

16、导航块）和footer。这种标签将有 利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其 他浏览要素提供了新的功能，如 audio 和 video 标记。1、取消了一些过时的 HTML4 标记其中包括纯粹显示效果的标记，如font和center，它们已经被CSS取代。HTML5 吸取了 XHTML2 一些建议，包括一些用来改善文档结构的功能，比如，新的 HTML 标签 header, footer, dialog, aside, figure 等的使用，将使内容创作者更加语义地创建文档， 之前的开发者在实现这些功能时一般都是使用div。2、将内容和展示分离b 和

17、i 标签依然保留，但它们的意义已经和之前有所不同，这些标签的意义只是为了 将一段文字标识出来，而不是为了为它们设置粗体或斜体式样。 u， font， center， strike 这 些标签则被完全去掉了。3、一些全新的表单输入对象包括日期， URL， Email 地址，其它的对象则增加了对非拉丁字符的支持。 HTML5 还引 入了微数据，这一使用机器可以识别的标签标注内容的方法，使语义Web的处理更为简单。 总的来说，这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样 的网页对搜索引擎，对读屏软件等更为友好。4、全新的，更合理的 Tag多媒体对象将不再全部绑定在object或embed Tag中，而是视频有视频的Tag,音频 有音频的 Tag。5、本地数据库这个功能将内嵌一个本地的 SQL 数据库，以加速交互式搜索，缓存以及索引功能。同 时，那些离线 Web 程序也将因此获益匪浅。不需要插件的丰富动画。6、Canvas 对象 将给浏览器带来直接在上面绘制矢量图的能力，这意味着用户可以脱离 Flash 和Silverlight，直接在浏览器中显示图形或动画。7、浏览器中的真正程序将提供API实现浏览器内的编辑，拖放，以及各种图形用户界面的能力。内容修饰Tag 将被剔除，而使用 CSS。8、Html5 取代 Flash 在移动设备的地位。