《HTML5和CSS3快速参考》——第1章 走进HTML51.1 概述

第1章 走进HTML5

1.1 概述

本书简介
在Web世界中,HTML和CSS无疑是最重要、最基本的两种语言了,它们一同支撑起了当下绝大部分的Web站点和Web应用程序。而最新的HTML5被认为是Web的未来,它为我们提供了一系列简单的富互联网应用服务(Rich Internet Application)1插件功能,以及更容易的开发方式和更好的用户体验。

今天,我们总能在网络上找到各种关于HTML5的参考资料、教程及相关技巧,其中也不乏一些重点讨论HTML5某些具体特性的书籍。但我们总会觉得缺少一本信息全面而简洁的便捷型参考书。

而本书就是这样一部为专业Web设计人员及开发人员准备的技术词典。这里汇总了3 000多页的(X)HTML5和CSS3的标准规范,其中涵盖了那些最基本的通用概念和规范,包括标签、属性、属性值、对象及其属性与方法、事件以及一系列API。

我们将会涉及以下话题:

  • HTML5概述;
  • HTML及XHTML5的语法规则;
  • 文档语义结构;
  • HTML5元素及其属性汇总;
  • HTML5表单;
  • 全局属性与事件;
  • CSS3属性汇总;
  • HTML5 API,包括Canvas、SVG、Video、Audio、Web Workers、Web Sockets、Microdata、Geolocation、Web Storage等。

总之,作者的目标是构建出一份全面的、一站式(one-stop)的信息参考资料库,并同时力求简明易读、结构清晰。

什么是HTML
众所周知,“HTML”是超文本标记语言(HyperText Markup Language)的首字母缩写。它是互联网(world wide web)中最主要的标记语言,通常用来表示组成Web文档的各种结构元素,其中包括文档头、段落、表格、页脚等。

除此之外,HTML标签通常会结合CSS(Cascading Style Sheets,层叠样式表)技术来展现其要表述的可视化内容。CSS可以帮助我们将一些可视化元素与具体的HTML内容分隔开来,例如图层、颜色、字体等。

HTML还允许我们在页面中内嵌交互式表单、图片、视频、音频等对象。此外,我们还可以在HTML代码中嵌入类似于JavaScript脚本这样的代码文件,这能赋予相关页面某种动态化行为。

HTML的主要版本

  • 第一份HTML文档叫作“HTML Tags”,由Berners-Lee于1991年发布。
  • HTML 4.0是由国际互联网协会(W3C)于1997年发布的。该规范为我们提供了三种不同层次的选项,分别为transitional、strict及frameset。
  • XHTML 1.0规范代表的是一个更为严格的HTML标记子集,发布于2000—2002年。它主要沿袭了XML文档的语法规则。
  • XHTML 2.0工作草案是2002—2006年间陆续发布的。由于该标准在制定过程中总试图与过去彻底决裂,牺牲了大量的向后兼容性,因而最终导致W3C决定停止这一标准草案的所有开发工作,从而将目标转向了更为灵活的HTML5标准。
  • HTML5的第一份草案由W3C于2008年公开发布。
  • XHTML5的开发工作是从2009年以后开始的。

HTML5
HTML5的开发工作始于2004年WHATWG小组(Web Hypertext Application Technology Working Group,网页超文本应用技术小组)的一次非正式专家会议。该专家小组由Apple电脑、Mozilla基金会以及Opera软件的专家共同组成。并且由来自Google公司的Ian Hickson负责领导HTML5的标准制定工作,最终于2007年向国际互联网协会(W3C)提交并通过了WHATWG版的HTML5规范。

  • 比起XHTML 2.0,HTML5标签能够更好地实现对HTML 4与XHTML 1.0的向后兼容。
  • HTML5引入了许多新的元素,包括一些用于语义替换(semantic replacements)的一般性HTML元素,例如新的布局元素、、、、等。同时,该标准也弃用了许多HTML 4中的元素,即不再鼓励使用它们。
  • HTML5还引入了许多额外的插件功能,例如标准化的视频与音频接口、栅格图像、本地型数据库、离线模式、多线程JavaScript脚本以及跨文档通信等。

XHTML5
XHTML5是HTML5被XML化后的产物,该型文档严格支持XML MIME(如application/xhtml+xml)。此外,XHTML5在语法上也有更严格的要求。在XHTML5文档中,HTML5的文档声明通常是可以省略的。而且我们还可以通过这种扩展,对HTML5页面使用某些基于XML的技术,例如SVG和MathML。

CSS3
新版CSS的引入,更是进一步保证了我们在模块发布方面的灵活性。CSS3的新特性所涵盖的范围非常广,主要包括:

  • 选择器选择元素的方式将更为具体,包括对属性与属性值的匹配能力、用于结构化元素的伪类、用于URL类标签的伪类、用于选择类元素标签(例如radio、checkbox等元素)的伪类等。
  • 一些文本效果与布局样式,包括链接文本、“空白”符2以及说明性文本等样式。2
  • 某些用于媒体分页和内容生成的工具。在媒体分页方面,它有了更多的选项,例如页眉、页脚、页码、脚注以及交叉引用等。
  • 其多列布局(Multi-Column Layout)属性为网页提供多列式布局的能力。
  • 它还提供了专门用于首字母以及首行的伪类。
  • Ruby模块还提供了为单词加注下标的能力,这适用于某些亚洲地区的脚本。
时间: 2024-08-04 03:52:58

《HTML5和CSS3快速参考》——第1章 走进HTML51.1 概述的相关文章

《HTML5和CSS3快速参考》——导读

内容提要 对于Web开发者来说,HTML5和CSS3无疑是最重要.最基本的两种语言.HTML5被认为是Web的未来,而CSS3进一步保证了在模块发布方面的灵活性. 本书是为专业Web设计人员及开发人员量身打造的一本快速参考.全书浓缩了近3000多页的(X)HTML5和CSS3的标准规范,涵盖了那些最基本的通用概念和规范,包括标签.属性.属性值.对象及其属性与方法.事件,以及一系列API.本书力图以简明易读.结构清晰的方式,为读者提供全面的.一站式的参考信息. 对HTML5和CSS3技术感兴趣的读

《HTML5和CSS3快速参考》——2.4 语法摘要

2.4 语法摘要 一般语法规则 (X)HTML5中的空标签语法 空标签没有闭标签(也叫结束标签),例如< input > 图像说明文字. 在HTML5中,空元素中的终止斜线不是必须的,例如< input >. 在XHTML5中,空元素中的终止斜线是必须的,例如< input />. 具有可选标签的HTML5元素 可选标签并不适用于XHTML5元素. 当可选标签满足(下表)"省略条件"列中列出的条件时: 通常情况下,只要其中有一个条件被满足,该标签就可

《HTML5和CSS3快速参考》——1.2使用HTML5的理由

1.2使用HTML5的理由 HTML5的优势 向后兼容能力:HTML5内封装了之前所有版本的文档类型. 更简单的语法:语义更为完善,编码更为高效,文档也更为小型化. 新元素及其属性使得我们的设计与开发工作变得更为灵活. 拥有视频与音频插件,支持媒体定时播放功能. 拥有更智能化的Web Forms 2.0功能(HTML5将取代Web Forms 2.0). 能在单行中内嵌SVG和MathML等支持text/htmlMIME类型的数据. 拥有20多个新型脚本API(Application Progr

《HTML5和CSS3快速参考》——第2章 HTML语法2.1HTML文档

第2章 HTML语法 2.1HTML文档 基本概念 通常情况下,HTML文档指的是一份独立的HTML文件. HTML文档是一份由一定的元素和文本组成的代码文件. HTML文件的基本构件是元素(element).它们以HTML标签的形式呈现. 这些元素构成了一个层次分明的嵌套结构. 元素与标签 通常情况下,元素是由一个开标签(opening tag,如本例中的 )和一个闭标签(closing tag,如)组成的,但有时候闭标签不是必须的. 元素与标签之间的不同在于,元素是HTML标签所要表述的概念

《HTML5和CSS3快速参考》——1.3HTML5的品牌化

1.3HTML5的品牌化 2011年1月18日,W3C推出了HTML5视觉品牌,即它的logo以及涉及现代化网站和Web应用程序方方面面的各项技术类图标.这些logo.图标和网站都在知识共享署名协议3.0下获得了授权. 如果有相关网站或应用程序在构建过程中使用了HTML5技术,W3C鼓励视觉品牌来明示产品对这项技术的支持. Logo 当然,有了HTML5的logo并不能保证相关代码的有效性和延续性. 技术类图标 语义元素 语义元素,即相关结构元素所代表的含义,是HTML5技术的前沿与核心.它包括

《HTML5和CSS3快速参考》——2.2 XHTML5

2.2 XHTML5 支持多种语言的HTML文档在多语言环境下,HTML文档既是一份有效的HTML文档,也是一份有效的XHTML文档. 在多语言环境下,HTML文档同时遵守HTML和XHTML的语法规则,即它所采用的语法是HTML和XHTML语法的交集. 一份多语言文档能同时提供HTML和XHTML两种服务,具体取决于浏览器的支持及其MIME类型. 至于是否要在HTML中选择多语言环境,则取决于具体的项目需求.浏览器的支持以及其他可能的影响. <!--HTML4, HTML5 syntax-->

《HTML5和CSS3快速参考》——2.3 文档的类型与结构

2.3 文档的类型与结构 MIME类型"MIME"是Multipurpose Internet Mail Extensions1的缩写形式,有时也被称为互联网媒体类型(Internet Media Type)或内容类型(Context Type).它的作用与文件扩展名有些类似,主要用于识别信息类型.它至少由两部分组成:一个type和一个subtype,有时还会附带一些可选参数2. <!DOCTYPE html> <head> <title>HTML5

《HTML5移动开发》—— 第1章 学习移动HTML5、CSS3和Java Script API之前的准备工作

第1章 学习移动HTML5.CSS3和Java Script API之前的准备工作 HTML5移动开发如果你跟我多少有点类似的话,你肯定已经痛恨旧版IE浏览器很多年了.那些浏览器满是失败.然而,它们在整个生命周期内在任何地方失败的方式是一样的[1].我们都知道IE6非常糟糕,但是它糟糕的方式是一样的.一旦我们搞清楚了如何填IE6的坑(polyfill[2]),我们就已经把它搞清楚了. 在移动世界,我们同样面临一些问题,不同的是这些问题以一种更新.更多样化且不断变化的方式存在.在不同设备上的不同浏

《HTML5与CSS3实战指南》——第1章 HTML5和CSS3简介1.1 什么是HTML5

第1章 HTML5和CSS3简介 本章将简要回顾HTML5和CSS3的发展历程,并介绍HTML5和CSS3对于现代网站及Web应用程序的重要性,以及如何应用这些技术. 当然,如果您希望直接进入创建项目的实质部分,并开始学习如何使用HTML5和CSS3的新技术及功能,您可以先跳到第2章,稍后再回到本章. 1.1 什么是HTML5 我们今天所理解的HTML5,它具有一段相对动荡的历史.您可能已经了解到HTML是万维网上用于描述网页内容及数据的主要标记语言.HTML5是此标记语言的最新版本,它包括新功