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. Silverlight初级教程-开发工具
  2. jq 控制td只显示一行_9月22日现货黄金、白银TD、黄金TD、纸黄金、纸白银价格走势分析...
  3. pragma指令简介
  4. 让你的照片更鲜艳------hsv拉伸
  5. 6 不更新无法使用_win10更新后无线网络无法使用
  6. Fragment:support.v4.content.Loader.deliverResult
  7. java桌面版_长大了Java! 提出Java桌面版
  8. zookeeper版本更新_zookeeper介绍及运维实践
  9. Javascript中最常用的经典技巧
  10. C/C++语言编程修养
  11. 吐血整理了下AAAI2022中和NLP相关的论文,包括信息抽取、机翻、NER、多模态、数据增强、问答、多语言、KD、文本纠错等...
  12. 在vs里配置其他编译器
  13. 炸了~Redis bigkey导致生产事故-bigkey问题全面分析
  14. 一行命令批量修改染色体和位置为RS号
  15. XML和JSON-自我小结
  16. c语言冗余数据什么意思,冗余是什么意思_冗余解释和意思
  17. 论劳动者的休息权及其法律保障
  18. python的print保留四位小数——TPR计算器——二分类TPR——五分类TPR
  19. Ubuntu18.04安装QT5
  20. 友基s400手写板怎么安装_手写板安装,教您电脑手写板怎么安装

热门文章

  1. 关于srand()与rand()函数的理解-----必看系列
  2. 如何成为一名合格的DBA
  3. Linux 版本 内核版本 发行版本
  4. java操作svn工具类
  5. PTA 海盗分赃 (25分)
  6. JavaScript中的ReferenceError和TypeError两种错误的区别
  7. 数组18—push() :将一个或多个元素添加到数组的末尾
  8. PSENet原理介绍
  9. 关于“显示器驱动程序已停止响应并且已成功恢复”的解决方案
  10. 大端模式与小端模式的详解分析