热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

还不学HTML5?你很快就Out了

一些前端开发者们认为IE6、7、8不支持,HTML5离我们还有很远就不去关注它。其实,HTML5现在越来越盛行了,并不是那么遥不可

一些前端开发者们认为IE6、7、8不支持,HTML5离我们还有很远就不去关注它。其实,HTML5 现在越来越盛行了,并不是那么遥不可及。你有没有发现,不管是在博客上还是在QQ群里,已经随处可见对HTML5的讨论,而且有传闻说一些公司的前端招聘开始需要具备HTML5的知识,甚至一些主流的网站上已经有了不少的HTLM5运用。下面就带领大家一起来看看这些网站是如何运用HTML5的。

1、淘宝

淘宝的UED团队一直是互联网技术的先驱者,从960的栅格到现在的HTML5运用,各种大胆的尝试,都引领着前端技术的动向,2011年初淘宝对网站进行了改版,并首次在淘宝网上运用HTML5:

大家可以看到,在淘宝首页上运用了HTML5标签,使页面代码简练易懂,更具语义化。因为IE6、7、8 不支持HTML5,淘宝也做了相应的处理:

在页面中插入IE条件判断,对IE用户使用JS 模拟HTML5环境。对于禁用了脚本的用户,淘宝还会作出相应的提示,让用户选择开启或继续浏览:

如果选择继续浏览,则会以HTML4的方式呈现:

2、百度

低调的百度去年推出的百度经验也使用了HTML5标签进行布局:

相应的针对IE6、7、8也做了处理:

不过当用户禁用了脚本后,百度却并没有进行相应的引导,使得页面全部错位:

这些细节处理方面,显然百度没有淘宝做得仔细。不过有朋友提到,百度经验是国内最早在商业网站上运用HTML5的,是真是假就不得而知了。

3、主流视频网站

众所周知,苹果对FLASH是不支持的。随着苹果Mac、Iphone、Ipad等等的盛行,各大视频网站纷纷趁着HTML5的东风开始对其产品进 行技术革新。而国内最大的视频网站优酷网也在10年末上线了新产品,采用HTML5和HTTP Live Streaming技术,对苹果iOS系统实现了全面的支持,并达到和PC上一样流畅而清晰的体验。全球最大的视频网站YouTube也在去年告别了 FLASH,开始采用HTML5影音播放器,同时还伴随着更多的新应用产生。

此外,微软3月7日宣布BING团队正在开发HTML5版BING网站,新浪也推出了使用HTML5的IPAD版。

越来越多的主流网站都相继推出了自己的HTML5的运用,让我们感到HTML5其实并非那么遥远。而所谓的IE6、7、8浏览器不支持,也并非是没有办法解决的,你还犹豫什么呢?不要再为自己找借口了,赶快投入HTML5的怀抱吧!


推荐阅读
  • MySQL性能优化与调参指南【数据库管理】
    本文详细探讨了MySQL数据库的性能优化与参数调整技巧,旨在帮助数据库管理员和开发人员提升系统的运行效率。内容涵盖索引优化、查询优化、配置参数调整等方面,结合实际案例进行深入分析,提供实用的操作建议。此外,还介绍了常见的性能监控工具和方法,助力读者全面掌握MySQL性能优化的核心技能。 ... [详细]
  • 本文介绍了一种简化版的在线购物车系统,重点探讨了用户登录和购物流程的设计与实现。该系统通过优化界面交互和后端逻辑,提升了用户体验和操作便捷性。具体实现了用户注册、登录验证、商品浏览、加入购物车以及订单提交等功能,旨在为用户提供高效、流畅的购物体验。 ... [详细]
  • 教育类应用程序:提升学习效率的专业工具
    2019年,多家独角兽企业高薪聘请Python工程师,这引发了对高效学习工具的关注。以Duolingo为例,其“边玩边学”的模式为语言学习提供了新思路。类似地,错题本作为一种有效的学习方法,能够帮助学生记录和复习易错题目,从而提高学习效率。教育类应用程序通过整合这些先进的学习策略和技术手段,正逐渐成为提升学生学习效果的重要工具。 ... [详细]
  • 本文详细解析了如何利用Appium与Python在真实设备上执行测试示例的方法。首先,需要开启手机的USB调试功能;其次,通过数据线将手机连接至计算机并授权USB调试权限。最后,在命令行工具中验证设备连接状态,确保一切准备就绪,以便顺利进行测试。 ... [详细]
  • Panabit应用层流量管理解决方案
    Panabit是一款国内领先的应用层流量管理解决方案,提供高度开放且免费的专业服务,尤其擅长P2P应用的精准识别与高效控制。截至2009年3月25日,该系统已实现对多种网络应用的全面支持,有效提升了网络资源的利用效率和安全性。 ... [详细]
  • 安卓和ios是什么意思安卓和iOS是移动设备上的两款操作系统。安卓英文名为Android,是美国谷歌公司基于Linux内核开发的操作系统。iOS原名iPhoneOS,是由美国苹果公 ... [详细]
  • IhaveaniPhoneappwithaCorePlotgraph.Ihaveabuttonplacednexttothegraphwhichcallssca ... [详细]
  • 一、向Unity和Android问好欢迎来到手机游戏开发的精彩世界。无论你是还在寻找合适 ... [详细]
  • 获取 苹果UDID 序列号
    UDID是什么?UDID是由子母和数字组成的40个字符串的序号,用来区别每一个唯一的iOS设备,包括iPhones,iPads,以及iPodtouches,这些编码看起来是随机的,实际上是 ... [详细]
  • 表面缺陷检测数据集综述及GitHub开源项目推荐
    本文综述了表面缺陷检测领域的数据集,并推荐了多个GitHub上的开源项目。通过对现有文献和数据集的系统整理,为研究人员提供了全面的资源参考,有助于推动该领域的发展和技术进步。 ... [详细]
  • 因缺失VCRUNTIME140_1.dll文件导致代码无法运行,建议重新安装程序以解决问题
    因缺失VCRUNTIME140_1.dll文件导致代码无法运行,建议重新安装程序以解决问题 ... [详细]
  • HTML5大文件传输技术深度解析与实践分享
    本文深入探讨了HTML5在Web前端开发中实现大文件上传的技术细节与实践方法。通过实例分析,详细讲解了如何利用HTML5的相关特性高效、稳定地处理大文件传输问题,并提供了可供参考的代码示例和解决方案。此外,文章还讨论了常见的技术挑战及优化策略,旨在帮助开发者更好地理解和应用HTML5大文件上传技术。 ... [详细]
  • 解决VS2019登录界面卡顿问题,深入探讨TwinCAT HMI——先进的Web基础人机交互界面解决方案
    本文深入探讨了如何解决VS2019登录界面卡顿的问题,并详细介绍了TwinCAT HMI这一先进的Web基础人机交互界面解决方案。相较于传统HMI,TwinCAT HMI在灵活性、可扩展性和用户体验方面具有显著优势,但也存在一些局限性。读者可根据自身需求和应用场景进行综合评估。 ... [详细]
  • Django框架进阶教程:掌握Ajax请求的基础知识与应用技巧
    本教程深入探讨了Django框架中Ajax请求的核心概念与实用技巧,帮助开发者掌握异步数据交互的方法,提升Web应用的响应速度和用户体验。通过实例解析,详细介绍了如何在Django项目中高效实现Ajax请求,涵盖从基础配置到复杂场景的应用。 ... [详细]
  • 本文介绍了一个基于C++标准库实现的INI文件读写操作类。该类在现有网络资源的基础上进行了扩展和优化,增加了获取当前可执行文件路径和宽字节与多字节字符串转换的功能。通过这些增强功能,该类能够更好地适应各种应用场景,提高代码的可移植性和健壮性。具体实现细节请参见 `IniFileSTL.h` 文件。 ... [详细]
author-avatar
丿车荣璇
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有