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 canvas touch(html5 canvas手势解锁源码分享)
- html5基本代码文字颜色(html5默认气泡修改的代码详解)
- h5抽奖的弹框制作(html5实现九宫格抽奖可固定抽中某项奖品)
- html5标签怎么做(html5用video标签流式加载的实现)
- html5清除浮动的方法(HTML5实现移动端点击翻牌功能)
- html5炫酷代码(HTML5超炫酷粒子效果的进度条的实现示例)
- html5标签图片(HTML5图片层叠的实现示例)
- php 处理html表单(PHP使用HTML5 FormData对象提交表单操作示例)
- html5怎么设置左边input(HTML5中input输入框默认提示文字向左向右移动的示例代码)
- html5 设置缓存(HTML5实现应用程序缓存Application Cache)
- h5实现弹出悬浮窗(Html5监听手机摇一摇事件的实现)
- html5能取数据库吗(HTML5 客户端数据库简易使用:IndexedDB)
- html5中的语义化标签有哪些(详解HTML5常用的语义化标签)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- html5 webrtc技术详解(Html5 webRTC简单实现视频调用的示例代码)
- 网红直播可以赚很多钱吗(网红直播可以赚很多钱吗)
- 今天是什么日子(今天是什么日子有什么特殊意义吗)
- 这里输入关键词(怎么输入关键词搜索)
- 34岁的舒畅,就这样走到了末路,不知会不会后悔15年前的草率决定(就这样走到了末路)
- 不走心的古装造型 舒畅 毁容式 出演,萧蔷雷出新高度(不走心的古装造型)
- 嘉南传 第22集(嘉南传第22集)
热门推荐
- 怎么用docker部署springboot项目(Spring Boot使用Docker分层打包的设置方法)
- SQL Server中查询CPU占用高的SQL语句
- php怎么设置统计代码(php简单计算权重的方法示例适合抽奖类应用)
- linux查看负载命令(在Linux命令行中使用计算器的5个命令详解)
- laravel 获取数据库操作异常(Laravel Eloquent ORM 多条件查询的例子)
- 阿里云docker 基础镜像(Docker 配置阿里云容器服务操作)
- css弹出遮罩层页面不可滑动(Html5页面点击遮罩层背景关闭遮罩层)
- 微信小程序通知验证签名方法(微信小程序实现电子签名)
- vue编程加入购物车(vuex实现简单的购物车功能)
- python转图片为字符图(Python实现图片转字符画的代码实例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9