构建快速响应的网站

这段摘录是第4章HTML5移动开发指南石川出自Packt Publishing。

在移动设备上,带宽并不总是与台式计算机上的一样好。如果你在一个缓慢的3G网络上,加载的东西比Wi-Fi热点慢得多。即使对于Wi-Fi连接,许多移动浏览器的处理速度也比台式计算机慢。因此,当我们创建移动网站时,他们必须快速响应。

从本章开始,我们还将开始介绍HTML5功能。 HTML5是一组技术,包括语义,新的CSS规则和属性,以及可用于构建更好的结构化网页和强大的Web应用程序的新JavaScript API。以下是八个主要的HTML5功能:

  • 语义
  • 离线和存储
  • 设备访问权限
  • 连接
  • 多媒体
  • 3D,图形和效果
  • 性能和集成
  • CSS3

并非所有这些功能都是移动专用的;有些与移动网络有关,有些则更适用于移动和桌面网络。我们将讨论这些功能,并了解它们如何最好地帮助我们的移动开发。

基于使用新语义标签和CSS3创建的示例,我们将讨论许多方法来充分利用移动浏览器提供的内容以及如何使用这些独特功能构建网站。

使用HTML5语义构建页面

目标设备:跨浏览器

HTML5引入了更丰富的标签集;这些标签赋予结构意义。语义是HTML5的一个基本方面。

我们不会在这里浏览所有标签,但会介绍一些最常用的标签。

做好准备

首先,让我们创建一个新的HTML文件,并命名它Ch04r01.html。让我们创建一个关于音乐的虚构网站。

怎么做...

在我们的HTML文档中,输入以下代码:

 first.fm 

first.fm

©2011 first.fm

这个怎么运作...

元素经常用于H1H6要素;它可以显示为整个页面的头部或任何块级元素的头部。它通常包含标题,副标题或标语。

元件:

导航Element表示文档的导航。该导航Element是包含指向其他文档或当前文档中的部分的链接的部分。

并非页面上的所有链接组都必须位于nav元素中。它只是主要或辅助导航链接组。特别是,页脚通常具有指向站点的各个关键部分的链接列表,但在这种情况下页脚元素更合适。



翻译字数超限