`
tomhibolu
  • 浏览: 1431120 次
文章分类
社区版块
存档分类
最新评论

HTML 5 教程(一) - 简介

 
阅读更多
超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。
  超文本标记语言(HTML)的开发到 1999 年 HTML 4 就停止了。万维网联盟(W3C)把重点转向将 HTML 的底层语法从标准通用标记语言(SGML)改为可扩展标记语言(XML),以及可缩放向量图型(SVG)、XForms 和 MathML 这些全新的标记语言。浏览器厂商则把精力放到选项卡和富站点摘要(RSS)阅读器这类浏览器特性上。Web 设计人员开始学习使用异步 JavaScript XML(Ajax),在现有的框架下通过层叠样式表(CSS)和 JavaScript™ 语言建立自己的应用程序。但是在接下来的八年中,HTML 本身没有任何变化。
  最近,它又复活了。三家重要的浏览器厂商 — Apple、Opera 和 Mozilla Foundation — 成立了 Web Hypertext Application Technology Working Group(WhatWG)来开发传统 HTML 的新版本。最近,W3C 也注意到了这些活动,也启动了自己的新一代 HTML 项目,双方的成员有很多是相同的。这两个项目最终很可能合并。虽然很多细节还在争论之中,但下一版本 HTML 的大体轮廓已经清楚了。
  Web 开发人员从 1999 年就一直期待 HTML 的新版本(通常称为 HTML 5,但是也称为 Web Applications 1.0),现在它终于发布了。它保持了 HTML 原来的特色:没有名称空间或模式。元素不必结束。浏览器会宽容地对待错误。p 仍然是 p,table 仍然是 table。
  如果在 1999 年将一位 Web 开发人员冷冻起来,现在再解冻,那么他会遇到一些新的让人迷惑的元素。是的,他熟悉的元素(比如 div)仍然保留了;但是,HTML 现在还包含 section、header、footer 和 nav 等新元素。em、code 和 strong 仍然存在,但是增加了 meter、time 和 m。img 和 embed 仍然可用,但是还增加了 video 和 audio。但是,他仔细观察一下就会发现,这些元素实际上没什么区别。其中许多元素可能在 1999 年是开发人员需要而没有得到的。通过与他已经掌握的元素进行简单的类比,这些新元素都很容易理解。实际上,与 Ajax 或 CSS 相比,它们非常容易掌握。
  最后,当他打开 300MHz 的笔记本(运行的是 Windows 98,也是在 1999 年冷冻起来的)时,他可能对 Netscape 4 和 Windows® Internet Explorer® 5 中显示的新页面效果很吃惊。当然,这些老式浏览器不认识新元素,会完全忽略它们,但是页面仍然会显示,内容仍然是完整的。
  这并不是什么虚构的故事。HTML 5 的设计原则就是在不支持它的浏览器中能够平稳地退化。原因很简单:我们都是这样的 “原始人”。浏览器现在有选项卡、CSS 和 XmlHttpRequest,但是它们的 HTML 显示引擎仍然停留在 1999 年的水平。除了用户量大大增加之外,Web 其实在本质上没什么进步。HTML 5 考虑到了这一点。它目前为 Web 开发人员一些真正的好处,随着浏览器的缓慢升级,页面浏览者会逐渐享受到这些好处。
  我们来看看 HTML 5 提供了什么。
分享到:
评论

相关推荐

    HTML语言教程-------html就是好学

    HTML5引入了许多新元素和功能,如音频和视频播放(`<audio>`和`<video>`),离线存储(`<applicationCache>`),画布(`<canvas>`)和SVG图形,以及增强的表单控件,如日期选择器、电子邮件输入等。 九、学习资源 ...

    html教程---web编程入门级word版本教材

    12. **HTML5新特性**:HTML5引入了许多新元素和API,如音频和视频播放器(和)、画布()、地理定位(geolocation API)等,极大地扩展了HTML的功能。 通过阅读这个word版本的教程,初学者不仅可以了解HTML的基本...

    HTML教程--从入门到精通

    一、HTML简介 HTML是一种标记语言,由一系列的元素组成。这些元素通过标签(Tags)来表示,比如`<p>`用于段落,`<a>`用于链接等。HTML文档由头部(Head)和主体(Body)两部分构成,头部包含元信息,如标题、字符...

    html5---ppt

    #### 一、HTML5简介 HTML5是万维网联盟(W3C)提出的一种新的开放网络标准,旨在逐步替代HTML4.01和XHTML1.0等早期版本的标准。HTML5的目标是降低对如Flash、Silverlight等插件的依赖,提供更多的API来增强网络应用...

    HTML5 教程合集

    #### 一、HTML5简介与基本概念 - **HTML5**:HTML5是超文本标记语言(HyperText Markup Language)的第五个版本,它是由W3C(World Wide Web Consortium)组织制定的标准。相比之前的版本,HTML5在功能上进行了大幅...

    HTML5系列教程

    本教程旨在全面介绍HTML5,帮助开发者掌握这一现代Web开发的核心技术。 1. HTML5特性简介: HTML5的新特性包括但不限于: - 结构化元素:如`<article>`、`<section>`、`<header>`、`<footer>`等,使得网页结构...

    mdk5-getting-started-cn(中文版).pdf

    由于篇幅限制,本文无法面面俱到,但以下内容涵盖了一些MDK5入门教程的中文版中的关键知识点。 首先,MDK(Microcontroller Development Kit)是ARM公司推出的针对ARM Cortex-M系列微控制器的专业软件开发环境。它...

    HTML5 教程 PDF版本下载.txt

    根据提供的文件信息,我们可以推断出这是一份关于HTML5教程PDF版本的下载资源。下面将详细介绍与HTML5相关的知识点。 ### HTML5简介 HTML5是超文本标记语言(HyperText Markup Language)的一个版本,它是构成...

    html5简明教程

    #### 一、HTML5简介 HTML5是HyperText Markup Language(超文本标记语言)的第五个版本,它在HTML4的基础上进行了许多改进与扩展,更加符合现代互联网的需求。HTML5不仅保持了HTML4的核心功能,还新增了许多特性来...

    HTML5参考手册-合集.chm

    2. **HTML_3.chm**:虽然没有明确指出,但可能是对HTML3.x的回顾,HTML3.x是HTML发展过程中的一个重要阶段,引入了表格和框架等特性,为后来的HTML4和HTML5打下了基础。 3. **HTML5 参考手册.chm**:这是合集中最...

    PHP基础教程--入门经典

    - **MySQL简介**:MySQL是一个广泛使用的开源关系型数据库管理系统。 - **MySQL命令操作**:学习如何使用命令行工具操作MySQL数据库。 - **MySQL图形化客户端工具**:介绍如phpMyAdmin这样的图形界面管理工具。 **...

    Linux实用教程--------

    1. **Linux简介**:Linux是一种自由开源的操作系统,基于Unix,具有稳定、高效、安全的特点。它支持多种硬件平台,广泛应用于服务器、嵌入式设备和桌面环境。 2. **Linux发行版**:介绍常见的Linux发行版,如Ubuntu...

    【cocos2d-html5】 如何使用cocos2d-html5 制作基于tile地图的游戏教程:第一部分

    1. **Cocos2d-HTML5简介**: Cocos2d-HTML5是一个强大的2D游戏开发框架,它提供了一系列工具和API,使开发者能够快速构建交互式游戏。该框架基于WebGL,因此游戏可以在现代浏览器上流畅运行,无需插件。 2. **Tile...

    HTML入门教程-适合新手

    3. **发展现状**:随着互联网的发展,HTML经历了多个版本的更新,目前最新版本为HTML5,支持更多的多媒体元素和交互功能。 4. **作用**:HTML是Web开发的基础,是浏览器解析网页内容的语言。通过HTML,开发者可以...

    连载-吕宋贤flash教程 5-2

    9. **发布与导出**:完成作品后,你需要知道如何正确地导出和发布你的Flash内容,使其能在网页上正确运行,或者转换为其他格式,如SWF、HTML5 Canvas等。 10. **最佳实践**:教程可能还会分享一些优化和提高工作...

    《HTML+5+从入门到精通》-中文学习教程

    #### HTML5简介 - **版本沿革**:从HTML1.0到HTML5的发展历程。 - **核心特性**:包括文档结构简化、新的标签元素、离线存储、多媒体支持等。 - **浏览器兼容性**:探讨不同浏览器对HTML5的支持情况及其解决方案。 ...

    protelse教程--中文版

    - 《Protel99SE精彩教程.chm》是本教程的主要参考资料,它以CHM(Compiled HTML Help)格式提供,便于查阅和学习。 - CHM文件集成了详细的章节和索引,可以帮助你逐步掌握Protel 99 SE的各项功能。 通过学习这个...

    vue.js全套视频教程-1-1课程简介

    5. **组件系统**:组件是Vue的核心特性之一,它们是可复用的代码块,可以封装HTML、CSS和JavaScript。教程会讲解如何创建、注册和使用组件,以及组件通信的方法,如props和events。 6. **生命周期钩子**:学习Vue...

    HTML5从入门到精通》-中文学习教程

    HTML5简介: HTML5是HTML的第五次重大修订,旨在改善旧版HTML的语法错误,并增强支持多媒体内容的能力,同时提供新的元素和API。它提供了更丰富的页面结构标签、表单控件、图形和多媒体支持以及本地存储能力。HTML5...

Global site tag (gtag.js) - Google Analytics