现阶段用 HTML5 重构网站,力度怎样合适?

doctypecanvasvideo?新的标签元素哪些可以用到?新的表单控件哪些可以用到?web存储?新事件?新的属性?新脚本方法?

回复内容:

doctype 没问题, !doctype html 正好触发 ie 系列的 standard mode.

header / footer / section 等语义化 tags 用一段 js (如 modernizr) + html5 reset 即可解决, 很轻松愉快.

video 有 flash / mp4 组合的 js plugin, 小事.

canvas 比较麻烦, 轻度使用可以考虑别的实现方式.

表单控件支持度不乐观, 基本用不了, 可以使用特性检测来为不支持的浏览器加载 js 模拟实现类似的效果.

javascript 方面可以使用 arguments.js, 可以为已有对象添加新的 methods, 不过新 api 就无能为力. 其他事件之类比较底层的, 就没办法了.

css3 效果方面有 css3pie 等 htc 方案, 但是不建议使用, 对页面结构有要求, 而且和动态元素的兼容性比较差. 推荐的方案是用 modernizr, 遇到需要 css3 的地方多包几个无用的 div, 比如圆角, 用 html 上的 class 来给支持的浏览器写 border-radius, 不支持的就用那些无用 div + image 实现圆角, 或者直接直角现实.

css3 selector 方面, selectivizr 就可以了, 不过需要搭配 jquery / prototype 等使用, 和 modernizr 兼容性也不错. ie7.js 系列不建议使用, bug 较多. 移动端可以放心大胆的用了 基本都是webkit核心 除了sb UC 估计UC会成为下一个IE 鉴于目前IE6在国内的市场份额仍然居高不下, 建议还是慎重考虑. 如果要使用HTML5的新标签, 而又为了浏览器兼容则需要增加写CSS Hack, 另外, 其他的比如canvas, video并不是在所有的现代浏览器里面有很好的支持. 总的来说, 重构网站是为了优化产品提升用户体验, 需要在优雅降级和渐进增强之间做好平衡, 优雅降级保证HTML5新元素的引入不影响用户的体验, 这里得用到浏览器特征检测的技术, 而渐进增强就是希望能小步快走, 慢慢的改进, 不要步子迈的太大, 毕竟, 葛优说”路要一步一步走, 步子迈大了, 喀, 容易扯着蛋” 个人建议不要用html5写门户,个人站倒是无所谓。我博客连IE9都提示版本低。 天朝人民 表示 大部分 用IE6

IE6 用户 表示 CSSIE6 能 完全不差 的 显示清楚 就不错了

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3203863.html

(0)
上一篇 2025年4月1日 09:09:09
下一篇 2025年4月1日 09:09:18

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • canvas使用贝塞尔曲线平滑拟合折线段的方法详解

    本文主要介绍了基于canvas使用贝塞尔曲线平滑拟合折线段的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。 写在最前 本次分享一下在canvas中将绘制出来的折线段的棱角“磨平…

    2025年5月1日 编程技术
    000
  • Canvas如何做出3D动态的Chart图表

    这次给大家带来Canvas如何做出3D动态的Chart图表,Canvas做出3D动态的Chart图表注意事项有哪些,下面就是实战案例,一起来看一下。 发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是…

    2025年5月1日
    000
  • 深入解析Canvas的渲染模式

    Canvas的renderMode详解,需要具体代码示例 在Unity中,Canvas是实现2D UI最基础和关键的组件。Canvas在渲染过程中有两种不同的模式:Screen Space和World Space。这些渲染模式在特定的情况下…

    2025年5月1日
    000
  • HTML5 Canvas 起步(1) – 基本概念

    什么是canvas  是一个新的 HTML 元素,这个元素在 HTML5 中被定义。这个元素通常可以被用来在 HTML 页面中通过 JavaScript 进行绘制图形、合成图像等等操作,也可以用来做一些动画。当然,目前 HTML5 规范还在…

    编程技术 2025年4月4日
    200
  • H5的video标签操作摄像头

    这次给大家带来H5的video标签操作摄像头,H5的video标签操作摄像头注意事项有哪些,下面就是实战案例,一起来看一下。 详解HTML5 使用video标签实现选择摄像头功能 1. html // jquery reference //…

    编程技术 2025年4月4日
    100
  • H5+WebWorkers多线程开发使用详解

    这次给大家带来H5+WebWorkers多线程开发使用详解,H5+WebWorkers多线程开发的注意事项有哪些,下面就是实战案例,一起来看一下。 我们都知道,浏览器执行js代码是单线程的,当页面脚步执行时,页面是没办法响应别的的,直到脚步…

    编程技术 2025年4月4日
    100
  • 怎么使用docker安装nginx提供的web服务

    一、拉取镜像 docker pull命令用于拉取应用镜像,docker pull nginx命令用于拉取最新版本的nginx镜像。下文为拉取镜像过程的响应结果: # docker pull nginxUsing default tag: l…

    2025年4月2日
    300
  • web文件上传漏洞的示例分析

    文件上传功能模块 文件上传功能是大部分web应用的必备功能,网站允许用户自行上传头像、一些社交类网站允许用户上传照片、一些服务类网站需要用户上传证明材料的电子档、电商类网站允许用户上传图片展示商品情况等。若没有进行充分的安全措施,那么即便是…

    2025年4月2日 编程技术
    100
  • Web性能测试实例设计分析

    首先,为什么要进行性能测试? 性能不佳的应用通常无法实现企业预期利益,花费了大量时间和金钱,但是却在用户中失去了信誉。 相比功能测试和验收测试,性能测试容易被忽略,往往在发布之后碰到性能和扩展性问题才意识到重要性。 某网站性能测试用例分享 …

    编程技术 2025年4月2日
    200
  • 怎么使用Vue3+Canvas实现简易的贪吃蛇游戏

    规则 玩法:玩家使用方向键操控一条长长的蛇不断吞下豆子,同时蛇身随着吞下的豆子不断变长,当蛇头撞到蛇身或障壁时游戏结束。 思路 元素:边界、蛇头、蛇身、食物 边界:输入 行数 x, 列数 y 生成边界地图,用二维坐标标识每个点的位置; 蛇头…

    2025年4月1日
    200

发表回复

登录后才能评论