HTML5新特性

HTML5 中一些有趣的新特性:

①用于绘画的 canvas 元素;

②用于媒介回放的 video 和 audio 元素;

③对本地离线存储的更好的支持;

④新的特殊内容元素,比如 article、footer、header、nav、section;

⑤新的表单控件,比如 calendar、date、time、email、url、search"

以上是w3c上的原话,简单说就是更符合标准,提供更多功能支持;更加规范,可读性更强,性能有提升,实现功能更加简单方便,就像手机一样,高版本的功能多一些。

现在越来越多的程序员开始HTML5来构建网站。虽然HTML5与HTML4有很多相似之处,也有一些关键的不同。如果想在你的工作中使用这些新的标记和属性,建议你最好只是做实验,原因是HTML5仍在制定中,这些新标记和新属性在将来也许会有很大的改变,所以你要不断的更新代码,它们很可能会过期失效。所以最好耐心的等到HTML5真正可以实用时候再应用到工作中来。

下边列出了HTML5余HTML4之间10个关键的不同之处

1、HTML5仍然是一个制定中的标准

这第一个也是非常重要的一个区别,虽然与HTML4相比HTML5很酷,很规范,但是这些都无法改变HTML5依然是一个制定中的标准的事实。HTML5仍然处在初级阶段,预期会发生很多变化。你必须把这些因素考虑进来,因为这个你需要不停的更新升级你的网站,这是很不方便的。这也是为什么到目前为止,最好在产品里使用HTML4,只在实验里使用HTML5的原因。HTML4也许已经超过10岁了,但是它作为正式标准的事实一直没变。

2、简化的语法

更简单的doctype声明是HTML5里众多新特征之一。现在只需要写就好了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。

3、新的标记代替flash

Flash给Web开发者带来了很多麻烦,因为想要在网页上播放Flash需要一堆代码和插件。标签使得开发者只要使用一个标签就能和用户产生UI交互。虽然目前标签还不能实现Flash的所有功能,但是相信很快就会颠覆并代替flash。

4、新的与标记

HTML5的设计是要更好的描绘网站的解剖结构。这就是为什么一些像和 这样的新标记会出现,它们是专门为标志网站的这些部分设计的。用来明确表示网页的结构。

5、新的与与标记

跟与标记相似,HTML5中引入的新的 和 标记可以让开发人员更好的标注页面上的这些区域。有利于清晰化网页的结构,更有利于SEO。

新的

标记

新的< menu>可以被用于创建传统的菜单,也可以用于工具栏和上下文菜单。新的< figure>标签使得网页文字和图片的排版更专业。

新的 和 标记

新的 和 标记可能是HTML5中增加的最有用处的两个东西了。正如标记名称,它们是用来嵌入音频和视频文件的。

除此之外还增加了新的多媒体的标记和属性,例如,它是用来提供跟踪视频的文字信息的。

表单的全新水平

新的

和 标记对原有的表单元素进行的全新的修改,添加了很多的新属性,也修改了很多属性。如果你经常的开发表单,建议花时间更详细的研究一下。

不再使用 和 标记

官方说明是这些标记可以通过CCS来做更好的处理,也许我们以后会习惯这种方法。

不再使用,

, 标记

有了更好的标记能实现他们的功能。

这10个HTML5和HTML4之间的不同只是整个新的规范中的一小部分。除了这些主要的变动外,我还可以略提一下一些次要的改动,比如修改了

  1. 标记的属性,让它能够倒排序,对

标记也做了些修改

html标签中h4和h5,h5与h4的区别相关推荐

  1. script 标签中async 属性和defer 属性作用以及区别?

    接下来我们对比下 defer 和 async 属性的区别: 其中蓝色线代表JavaScript加载:红色线代表JavaScript执行:绿色线代表 HTML 解析. 1)情况1 <scripts ...

  2. a标签中href=javacript:; href=javacript:void(0); href=#区别

    在使用<a>标签时,经常会绑定其他事件比如onclick,这时候我们会给<a>标签的href属性赋值为"#","javacript:;" ...

  3. 去掉h5播放器中voide标签中的下载按钮

    去掉H5播放器中voide标签中的下载按钮,参考代码: <video width="320" height="240" controls>    & ...

  4. 小程序中使用web-view链接H5网页

    ##加粗样式小程序中使用web-view链接H5网页 1.小程序中,封装统一的接口请求方法(以便在每个接口中都携带 cookie,放在 header 中):const request = parame ...

  5. Hybrid App中原生页面 VS H5页面

    Hybrid App中原生页面 VS H5页面 现有3类主流APP,分别为:Web App.Hybrid App(混合模式移动应用,Hybrid有"混合的"意思). Native ...

  6. HTML之body标签中的相关标签

    一 字体标签 字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  7. python 全栈开发,Day45(html介绍和head标签,body标签中相关标签)

    python 全栈开发,Day45(html介绍和head标签,body标签中相关标签) 一.html介绍 1.web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) ...

  8. 前端之body标签中相关标签(一)

    一 字体标签 字体标签包含:h1~h6.<font>.<u>.<b>.<strong><em>.<sup>.<sub> ...

  9. 微信小程序和H5网页之间有什么区别?

    微信小程序和H5网页之间有什么区别 本博主语录:小程序和H5网页的主要开发语言都是 JavaScript ,所以通常小程序的开发会被用来同普通的网页开发来做对比.两者有很大的相似性,对于前端开发者而言 ...

  10. 前端小技巧:javascript 获取标签中的属性 对指定标签中的属性进行操作

    javascript 标签中指定属性值的更改与获取 适用于基本标签 <input><i><a>等基本标签 引用jQuery,两种方式 使用下面的input标签为例子 ...

最新文章

  1. YUM(Yellow gog Updater Modifie)服务器的配置
  2. cnocr训练_cnocr: 极简的中文OCR Python包
  3. 型数据保留几位小数_Python数据分析—数据框的简单操作
  4. java 混合排序_字母、数字混合方式,按照自然语言排序,java版
  5. Linux脚本统计指定目录下文件和文件夹数量
  6. :host :host-context ::ng-deep详解
  7. gRPC四种模式、认证和授权实战演示
  8. Dll注入技术之劫持注入
  9. [算法][包围盒]AABB简单类
  10. Eclipse用法和技巧四:生成说明文档1
  11. 注意了!System.currentTimeMillis() 存在性能问题...
  12. 【JavaScript】callee 与 caller
  13. android 暗黑模式项目适配过程
  14. 黑莓8330、8830写号,上网,输入法,汉化
  15. native方法在java中介绍及使用图解
  16. java 偏向锁_Java中的偏向锁
  17. 虚拟机使用主机摄像头 ” usb chicony lenovo easycamera 连接失败,驱动错误“
  18. 数学建模常用算法—层次分析法(AHP)
  19. 联合利华在天津成立植卓肉匠亚洲研发中心;第129届广交会在云端圆满落幕 | 美通企业日报
  20. 【Windows11+Ubuntu20.04】双系统安装及美化、优化记录

热门文章

  1. opencv 去除背景
  2. 【深度好文】python加速库cython简介
  3. 【OpenGL学习笔记①】——openGL flew flgw flut 环境配置 + 绘制出Hello World
  4. matlab 双点光源干涉的模拟,基于MATLAB的双点光源干涉现象的模拟
  5. Win10远程桌面出现身份验证错误,由于CredSSP加密Oracle修正 解决方法
  6. 为什么需要开发X 波段带通滤波器
  7. android 百度地图获取两个坐标的实际路线距离
  8. 【软件工程】交付和维护
  9. 0xc000007b应用程序无法正常启动解决方案(亲测有效)
  10. Excel +VBA +ADO+Access数据库分页显示