• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 现阶段用 HTML5 重构网站,力度怎样合适?

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含doctype,canvas,video,web等相关知识,匿名希望在学习及工作中可以帮助到您
doctype?canvas?video?新的标签元素哪些可以用到?新的表单控件哪些可以用到?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 能 完全不差 的 显示清楚 就不错了

您可能想查找下面的文章:

  • Define charset for HTML5 Doctype
  • DOCTYPE与浏览器渲染介绍
  • HTML5标准学习-DOCTYPE头部分析
  • HTML 页面开头doctype应该大写还是小写?
  • 现阶段用 HTML5 重构网站,力度怎样合适?
  • HTML5 为什么不直接省略标准类型声明 !Doctype ?

相关文章

  • 2018-12-03详解HTML5头部meta标签的功能
  • 2018-12-03Android自定义环形LoadingView效果
  • 2018-12-03h5实现多图片预览上传及点击可拖拽控件
  • 2018-12-03h5新特性及网页布局实例
  • 2018-12-03利用HTML5 从视频中捕获静止图像实例代码
  • 2018-12-03怎么评价国产框架MUI跟ReactNative的对比帖?
  • 2018-12-03HTML 页面开头doctype应该大写还是小写?
  • 2018-12-03零基础的人怎么用 HTML5 制作幻灯片?
  • 2018-12-03phonegap操作数据库详解
  • 2018-12-03使用vue-devtools开发Vue

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 3D书本翻页动画的图文代码实例
    • html5中为audio标签增加停止按钮动作实现方法
    • HTML5使用DOM进行自定义控制
    • HTML5中5个简单实用的API
    • HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)
    • 值得一个的5个强大的HTML5API 函数
    • HTML5未来发展趋势
    • HTML5游戏框架cnGameJS开发实录-游戏场景对象
    • 用仿ActionScript的语法来编写html5——第八篇,图片处理+粒子效果
    • HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有