html5应用的几个建议
html5应用的几个建议
html5应用的几个建议1、避免不必要的复杂性
Jeremy举了DOCTYPE的例子,表示HTML 4.01和XHTML中的DOCTYPE过于冗长,连自己都记不住这些内容,但在HTML5中只需要简单的<!DOCTYPE html>就可以了。DOCTYPE是给验证器用的,而非浏览器,浏览器只在做DOCTYPE切换时关注这个标签,因此并不需要写得太复杂。然后,他又提到如何指定字符集,在HTML5中只需要<meta charset="utf-8">。
规范也许会写得十分复杂,但浏览器的实现却可能很简单,规范有时会去迁就浏览器的实现。
2、支持已有内容
XHTML 2.0最大的问题就是不支持已经存在的内容,这违反了Postel法则。现实情况中,开发者可以写出各种风格的HTML,浏览器遇到这些代码时,在内部所构建出的结构应该是一样的,呈现的效果也应该是一样的。
3、解决实际问题
规范应该去解决现实中实际遇到的问题,而不该考虑那些复杂的理论问题。例如,既然有在<a>中嵌套多个段落标签的需要,那就让规范支持它。
4、用户怎么使用的,就怎么设计规范
当一个实践已经被广泛接受时,就应该考虑将它吸纳进来,而不是禁止它或搞一个新的实践出来。
例如,HTML5中新增了nav、section、article及aside标签,它们引入了新的文档模型,即文档中的文档。在section中,还可以嵌套h1到h6的标签,这样就有了无限的标题层级。
5、优雅地降级
HTML5中input标签的type属性增加了很多类型,当浏览器不支持这些类型时,默认会将其视为text。这就是一种优雅降级。
此外,在HTML5与Flash中的<video>和<object>,完全没有必要二者选其一。可以先使用<video>,当浏览器不支持时降级到<object>,反之亦然。如果浏览器对两者都不支持,再降级到<a>,提供一个链接。
6、支持的优先级
在考虑优先级时,应该按照这个顺序:用户 > 编写HTML的开发者 > 浏览器厂商 > 规范制定者 > 理论
用户与开发者的重要性要远远高于规范和理论。
HTML5已不再遥远,不必等到规范成熟后才去使用,各个主流浏览器均已纷纷支持HTML5中的一些特性,大家可以从现在开始,拥抱HTML5。
7、它新并不表示它安全
网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所购建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构(European Network and Information Security Agency,ENISA)已经警告说HTML5可能并不够安全。
8、它可能会消灭Flash但不是现在
许多业内人士表示,HTML将会最终代替多媒体框架,如Adobe的Flash,但是短期看来还不是现在。HTML5估计到2014年才能逐步成熟,而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点,但是还可能有某些应用更适合于更灵活的框架。现在,一些主流的大公司都逐步转向使用HTML5,但是这个转变的过程也不是一蹴而就的。
9、承诺带来一个无缝的网络
HTML5会带来一个统一的网络,无论是笔记本、台式机还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候,开发者需要重新考虑用户体验、网站浏览、网站结构等因素使得这个网站对任何硬件设备都通用。
- html5列表与布局(HTML5逐步分析实现拖放功能的方法)
- html5复选框属性教程(HTML5单选框、复选框、下拉菜单、文本域的实现代码)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- h5制作支付功能(基于HTML5+tracking.js实现刷脸支付功能)
- html5的优点是什么
- html5新增特性(总结html5自定义属性有哪些)
- html5input标签的默认属性(移动端HTML5 input常见问题小结)
- html5发送文字特效(HTML5调用手机发短信和打电话功能)
- h5抽奖的弹框制作(html5实现九宫格抽奖可固定抽中某项奖品)
- html5怎么滚动屏幕(HTML5 video进入全屏和退出全屏的实现方法)
- html5加入图片(HTML5 图片预加载的示例代码)
- 用html5的canvas绘制剪裁图像(Html5 canvas画图白板踩坑)
- html5带放大镜的搜索代码(html5借用repeating-linear-gradient实现一把刻度尺ruler)
- html5带图标下拉菜单(html5小程序飞入购物车抛物线绘制运动轨迹点)
- html5图片上下滚动(HTML5 图片悬停放大的实现代码示例)
- html5图片动画制作(HTML5 3D旋转相册的实现示例)
- 文明6金币太少怎么办 文明6无限刷钱教程(文明6金币太少怎么办)
- 开国中将,王牌军63军首任政委,两个连襟一个上将一个少将传为佳话(王牌军63军首任政委)
- 臭名昭著的731部队最高负责人 石井四郎(臭名昭著的731部队最高负责人)
- 王牌部队,你看的剧情我看的时尚(你看的剧情我看的时尚)
- 被鉴定的古董价值300万 当心,你可能遇到诈骗了(被鉴定的古董价值300万)
- 英语难学吗(初中英语难学吗)
热门推荐
- mysqlinnodb数据存储格式(MySQL InnoDB ReplicaSet副本集简单介绍)
- 微信小程序单选框组件(微信小程序picker多列选择器mode = multiSelector)
- vue组件keep-alive的原理是什么(如何理解Vue简单状态管理之store模式)
- python pdf文件操作(Python常见读写文件操作实例总结文本、json、csv、pdf等)
- vue点击导航进行内容切换(vue实现顶部左右滑动导航)
- 动画用css3还是js(前端制作动画的几种方式css3,js)
- laravel查询数据库视图(Laravel5.7 数据库操作迁移的实现方法)
- python怎么自动生成报告(python根据文章标题内容自动生成摘要的实例)
- php图片合成处理(PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例)
- python中字典的常用操作(11个Python3字典内置方法大全与示例汇总)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9