关于html5:HTML5新增了哪些特性

3次阅读

共计 1475 个字符,预计需要花费 4 分钟才能阅读完成。

什么是 HTML5?

HTML5 是 HTML 最新的订正版本,2014 年 10 月由万维网联盟(W3C)实现规范制订。设计目标是为了在挪动设施上反对多媒体。HTML5 是最新的 html 规范,领有新的语义、图形以及多媒体元素,简化 web 利用,对应程序员来说也是简略易学。通常简称“H5”。

反对 HTML5 的浏览器包含 Firefox(火狐浏览器),IE9 及其更高版本,Chrome(谷歌浏览器),Safari,Opera 等;国内的 漫游浏览器(Maxthon),以及基于 IE 或 Chromium(Chrome 的工程版或称试验版)所推出的 360 浏览器、搜狗浏览器、QQ 浏览器、猎豹浏览器等国产浏览器同样具备反对 HTML5 的能力。

HTML5 与 HTML 比拟

区别 1:html5 不辨别是否是严格模式还是传统模式,而 html 申明时有严格、传统、框架模式。文档申明变得简单明了。

html5 的申明:<!DOCTYPE html>

html 的申明:

  • html 4.01 Strict:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
  • html 4.01 Transitional:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
  • html 4.01 Framest:<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
    区别 2:html 没有语义化标签,而 html5 增加了许多语义标签,使代码构造清晰,进步代码可读性。

如:header、nav、footer、main、artical、section 等。
区别 3:html 无奈在网页上动静的绘制图片,而 html5 新增了 canvas 画布,canvas 绘制的图片放大后会失真,而 SVG 可绘制矢量图形。

H5 新增个性

  1. Canvas、SVG — 用于绘画的元素,canvas 绘制的图片会失真而 SVG 绘制的不会失真。
  2. video、audio — 用于播放视频和音频的媒体。
  3. Drag、Drop — 用于拖放的。
  4. Geolocation — 用于获取地理位置。
  5. localStorage、sessionStorage — 用于本地离线存储。
  6. webSQL、IndexDB — 前端数据库操作,因为安全性极低,目前 h5 已放弃。
  7. web Worker — 独立于其余脚本,不影响页面性能运行在后盾的 javascript。
  8. webSocket — 单个 TCP 连贯上进行全双工通信的协定。
  9. 新的非凡内容元素 — 如:article、footer、header、nav、section。
  10. 新的表单控件 — 如:date、time、email、url、search。

    H5 的优缺点

    概括 html5 有以下几点劣势:

  • 进步可用性和可维护性,改良了用户体验。
  • 新增语义化标签,有助于开发人员定义清晰的构造。
  • 能够播放视频音频,减少多媒体元素。
  • 利用 h5 动画,敌对地代替了 flash 和 silverlight。
  • 爬虫抓取网站的时候,对于 SEO 很敌对。
  • H5 被大量利用于挪动利用和游戏开发。
  • 可移植性好。

毛病:
当初大多数高版本浏览器都反对 html5,然而少部分的低版本浏览器目前不反对 html5,因新标签的引入,各浏览器之间将短少一种对立的数据形容格局,造成用户体验不佳。

正文完
 0