HTML5优秀的设计

今天有幸发现了一篇外国大神写的文章,详细的介绍了HTML的发展过程,以及HTML5的来源,其中也给我纠正了一个问题--关于DOCTYPYE的真正含义,先把书名发出来,再好好说说这个DOCTYPE的问题,书名《HTML5的设计》。

相信很多人都已经知道了<!DOCTYPE html> 这是HTML5中对于文档类型的规范,DOCTYPE并不是写给浏览器看的(之前我就以为是这样),它是写给验证器看的,如果你在doctype中使用的是xhtml 1.0的规范,在html中又用了html5的标签,那浏览器还是会正常的解析出来,因为浏览器在接收的时候必须开放,它不会检查任何格式类型,只有验证器会。写doctype的最主要的目的就是告诉浏览器 你想使用哪个模式,是标准模式,还是兼容模式。HTML5的这种写法就是告知浏览器该文档使用的标准模式。

关于HTML5的设计,其主要提到的还有HTML5的简洁,比如说声明文档使用utf-8编码,xhtml1.0 就是写 <meta http-equidv="Content-Type" content="text/html ;charse=utf-8" />我还记得毕业那年腾讯面试我的时候让我写过这段,很遗憾,html头部这些东西我都没记过,但如果当时我学过html5的话,我会直接丢出<meta charset="utf-8">这样,搞不好我现在已经坐在腾讯的办公室了。对于css文件的link使用,和js文件的script元素,都做了相应的简化,总结3个词就是避免--不必要的--复杂性(老外总结的)。

HTML5的向前兼容:由于互联网已经发展了比较长的时间,新的标准就必须要兼容之前的页面属性,即使是在html5中弃用的属性,浏览器都需要正常解析出来。曾经不规范的写法,现在也在HTML5中规范了起来,在之前链接元素之内是不允许包含块级元素的(IE是不行的),而现在它变成了一个标准,例如:

<h2><a href='http://www.webgamei.com'>HELLO WORLD</a></h2> <p><a  href='http://www.webgamei.com'>HELLO GIRL</a></p>(以前的标准写法)

现在就变成<a href='http://www.webgamei.com'><h2>HELLO WORLD</h2><p>HELLO GIRL</p></a> 这样就可以只使用一个链接,实习块级元素的同一跳转。当然现在IE还是不支持,但是这变成了一种HTML5标准,以后没人会批评你写的不标准,只会说你这写的不兼容IE。

还有些新的标签我就不一一介绍了,其中对于表单类型的增强,由于IE都不支持,所以还是要慎用,还有HTML5中争议比较大的视频标签,和canvas,总有人拿来和flash视频做比较,说HTML5或取代flash,这些问题都只能静观其变,不能轻易下结论。

今天的文章也就到这了,简单的介绍了下HTML5的设计,希望能勾起大家对HTML5的兴趣

点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

uni app video、视频播放开发

视频播放有3种解决方案,使用HTML5的自带video、从HBuilder9.1.3起新增的plus.video的原生视频播放,以及使用Native.js。1.HTML5自带video标签,可以播放符合HTML5规范的视频格式。注意不含flv、ra等三方商业公司的规范格式。HTML5的video在Android上有较多浏览

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

一篇文章带你了解JavaScript日期

日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用