`
wjlgryx
  • 浏览: 308768 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

现在如何在你的站点上使用HTML 5(3)

阅读更多

所有这些标签都没有跨浏览器,跨平台实现支持,不过当那天到来的时候,你一定会很向往使用这些标签的。打印式布局,另一个CSS3的特性,全面实施尚需好几年的时间。给设计师们提供了多列布局的特性。目前只能在Firefox和Safari的测试用例里实现。

-moz-column-count: 3;  
-moz-column-gap: 20px;  
-webkit-column-count: 3;  
-webkit-column-gap: 20px;
地理位置检测,随着基于位置的服务增长,例如Gowalla和Foursquare,对于浏览器来说,知道用户 在哪里是很有用的。所以,基于手机的移动浏览器率先实现这个特性也就不足为奇了,Firefxo 3.5和Safari 5已经开始提供地理定位的支持了。(Chrome的类似服务是通过Gears实现的,不过正在逐步转向到HTML5上面)。

离线工作和本地存储,在你没发现你没有网络连接的时候,将数据存储在云端是非常伟大的主意;或者你有一个应用程 序,需要处理大量的数据,这样就不得不频繁地在服务端和客户端之间往来,比你想像得到的还要多;又或者你的移动数据流量有限,你想在手机上存储更多的数据 以避免太多的流量损耗,这个时候的答案就是,使用本地储存来使应用程序离线工作,当连线的时候再同步到云端的功能。

支持此功能的浏览器有:Firefox 3.5+, Safari Mobile 3.1+, Safari 4+, Chrome 4+。

画板、动画和变换效果,HTML 5的承诺之一使用Canvas元素和一些CSS3属性可以实现是全说明和全动画的网站。这来自2010年7月12号的标准。





使用最尖端的HTML 5的捷径

如果你已经迫不及待地想IE 8老死掉,那么,有很多种方法可以跳过它继续往前——再说一次,依然取决于你的访客。查看一下你的站点的访问日志,看看 访问量最多的浏览器标头是什么。这其中有一种方法就是,例如,使用Google的Chrome Frame,给IE嵌入了一个Chrome实例,如果你明白你站点的访问者可能已经安装了GCF[Google Chrome Frame],那么你可以在你的HEAD里加上一行META标签,强制IE浏览器使用GCF来显示你的网站:

<meta http-equiv="X-UA-Compatible" content="chrome=1">

再加上一小段的Google提供的脚本,可以让没有安装GCF的用户跳转到GCF的安装页面,那么你也许可以跳过IE的限制。列举在本篇文章里的元素只是当前HTML 5和CSS 3草案中的一小部分,如果你不得不使用另外的一些新特性,那么去检查一下现有的开源项目是很有必要的,这样可以将浏览器兼容性的问题降到最低。

许多媒体在报道HTML的时候都把焦点放在立场上面,什么“不到2022年”,什么“Flash杀手”之类的。现实是,HTML 5是长期以来的需要和对久未更新的HTML 4的一次全新升级——所以,今天你就可以开始使用它了。

 

  • 大小: 35.4 KB
分享到:
评论

相关推荐

    使用html语言开发商业站点(html)3

    在“使用HTML语言开发商业站点(html)3”这个主题中,我们将深入探讨如何利用HTML5来创建具有专业级别的商业网站。 一、HTML5新特性与优势 HTML5是HTML的最新版本,它引入了许多新特性,旨在提升网页的交互性和可用...

    HTML5移动站点模板

    HTML5移动站点模板是专为适应手机和平板等移动设备设计的一种网页开发框架,...通过以上步骤,你可以成功地在Apache服务器上部署并运行这个HTML5移动站点模板,享受到HTML5技术带来的强大功能和优秀的移动设备适应性。

    北大青鸟《使用HTML语言开发商业站点 》课本资源

    最后,了解并实践HTML5的最新标准和技术,如Web Storage、Web Workers、Service Worker等,可以提升网页的性能和用户体验,使商业站点更具竞争力。 总的来说,《使用HTML语言开发商业站点》的课本资源将覆盖HTML的...

    html静态页 站点

    这样的站点主要由一系列HTML文件组成,每个文件对应一个网页,内容在服务器上被直接发送到用户的浏览器,浏览器负责解析并呈现页面。以下是对这个主题的详细讲解: 1. **HTML基础**:HTML是互联网上最基础的标记...

    使用HTML语言和CSS开发商业站点第5章.zip

    在本压缩包“使用HTML语言和CSS开发商业站点第5章.zip”中,重点内容聚焦于使用HTML5和CSS3技术来构建商业级别的网站。HTML5是第五代超文本标记语言,而CSS3则是层叠样式表的最新版本,两者结合能够创建功能丰富、...

    《使用HTML语言和CSS开发商业站点》

    《使用HTML语言和CSS开发商业站点》是一门深入讲解如何运用HTML和CSS技术构建专业级网站的课程。这门课程涵盖了从基础到高级的各个方面,旨在帮助开发者掌握创建功能完备、设计精美的商业站点所需的技能。以下是根据...

    使用HTML语言和CSS开发商业站点第3章.zip

    在本压缩包“使用HTML语言和CSS开发商业站点第3章.zip”中,重点涵盖了HTML5和CSS3这两个核心技术在构建现代商业网站时的应用。原创作者田超凡为我们提供了深入浅出的讲解,旨在帮助读者掌握这两门语言的精髓,以便...

    使用HTML语言和CSS开发商业站点课后习题

    在本课程"使用HTML语言和CSS开发商业站点"中,我们深入探讨了这两个关键技术在构建专业网站中的应用。HTML(HyperText Markup Language)是网页内容的基础结构语言,而CSS(Cascading Style Sheets)则负责定义这些...

    S1 北大青鸟 使用HTML语言和CSS开发商业站点.zip

    1. HTML基础:了解HTML5的基本语法,包括文档类型声明、头部元素、标题结构以及基本文本元素的使用。 2. 结构元素:学习如何使用`&lt;div&gt;`、`&lt;section&gt;`、`&lt;article&gt;`等语义化元素为网站创建清晰的结构。 3. 内容元素...

    使用HTML语言和CSS开发商业站点第1章.zip

    在这一章的学习中,你可能会接触到创建基础HTML5文档结构、使用CSS3选择器和样式规则、实现响应式设计的基础知识,以及如何利用HTML5的新特性来提升用户体验。通过实践这些概念和技巧,你将能够开始构建一个具有专业...

    (北大青鸟课件)使用HTML语言和CSS开发商业站点

    3. HTML5新特性:随着HTML5的推出,一些新的标签如`&lt;header&gt;`, `&lt;footer&gt;`, `&lt;nav&gt;`, `&lt;section&gt;`等被引入,以更好地表示页面结构。此外,HTML5还支持离线存储、拖放功能、媒体元素等新功能。 【CSS简介】 CSS...

    使用HTML语言和CSS开发商业站点第4章.zip

    在本压缩包文件“使用HTML语言和CSS开发商业站点第4章.zip”中,我们可以预见到将深入探讨如何使用HTML5和CSS3这两种强大的技术来构建专业的商业网站。这一章节可能涵盖了一系列关键知识点,旨在帮助开发者提升网页...

    使用HTML语言和CSS开发商业站点代码

    在商业站点开发中,正确使用这些标签能确保内容的可读性和搜索引擎优化。 2. HTML5新特性 HTML5引入了许多新特性,如语义化标签(`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;article&gt;`等),增强了网页的结构;离线存储...

    仿Win8界面html5站点

    总的来说,这个项目是一个利用HTML5技术和jQuery库构建的仿Win8开始菜单的网站,它不仅在视觉上模仿了Windows 8的界面,还在功能上实现了类似的交互体验,同时兼容触控设备,展现了HTML5的强大潜力和灵活性。...

    北大青鸟6.0课件S1使用HTML语言和CSS开发商业站点3

    在本课件中,你将学习到HTML5的新特性,如语义化标签(如、、、、和),以及如何使用标签创建表单,与用户进行交互。此外,还将探讨如何利用HTML5的离线存储机制(如AppCache和Service Worker)来提升网页的离线访问...

    S1使用HTML语言和CSS开发商业站点[S1].

    使用媒体查询和流式布局,可以创建响应式设计,确保网站在任何设备上都能良好展示。 2. **SEO优化**:HTML元标签如`&lt;meta&gt;`可以帮助搜索引擎理解页面内容,提高搜索引擎排名。正确使用标题、描述和关键词对于提升...

    使用HTML语言和CSS开发商业站点10-12

    在本课程"使用HTML语言和CSS开发商业站点10-12"中,我们将深入学习北大青鸟ACCP6.0教程的最后三个章节。这个系列着重于利用HTML(超文本标记语言)和CSS(层叠样式表)来构建专业级别的商业网站。以下是这三个章节中...

    HTML5+CSS3开发商业站点Chapter1.pptx

    ### HTML5+CSS3开发商业站点知识点概览 #### 一、HTML5基础知识 - **HTML5**: 超文本...通过上述内容的学习和实践,可以熟练掌握使用HTML5和CSS3开发商业站点的基本技能,并能够独立完成精美且功能完备的网页制作。

    企业站点HTML5网页模板

    总之,“企业站点HTML5网页模板”结合了HTML5、CSS3和JavaScript的最新技术,提供了一套预先设计好的框架,为企业快速构建功能齐全、美观大方的网站提供了便捷。无论是初创公司还是成熟企业,都可以利用这样的模板来...

    HTML5精粹:利用HTML5开发令人惊奇的Web站点和革命性应用 pdf扫描版

    第5章详细介绍了HTML5中的音频和视频特性,以及如何在HTML5中创建视频和音频;第6章讲解了HTML5中的各种表单(包含新增表达元素)及其新属性,以及表单API;第7章介绍了Canvas的特性及其使用,以及Canvas的API;第8...

Global site tag (gtag.js) - Google Analytics