HTML5是什么
2021-05-30 13:03
标签：vue 理解 section and self exe web 设备 响应式布局 HTML5是目前超文本标记语言 (Hyper Text Markup Language)最新修订版。HTML可以理解为一门程序语言，HTML5字面的意思，这门程序语言的第五次修订，也是HTML的第五个版本。 广义上，可以理解成HTML5、CSS、Javascript的组合，是Web前端开发的必备技能，简称H5技术。相比较之前版本，最大的变动就是除了对PC端个浏览器解析起来更加方便快捷外，更加适合移动端的Web开发，因此增加了很多标签和属性，比如、 HTML5的技术组成： 一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分，而不只是第一印象仅仅HTML部分而已，在CSS 3和JavaScript层面也有许多的创新，让整个网页从布局到处理都更加给力，新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实， HTML5优越性 相对于之前版本，HTML5标签更加简练，在布局上更得体。以前主流table布局已经过渡到主流div布局，当前布局布局更加友好，有层次，对搜索引擎更加友好。比如 HTML5前所未有的支持移动设备上的多媒体，成为一大特性，在移动设备上产生了重大影响。引入了新的语法功能来支持这一功能，例如视频，音频和画布标签。HTML5还引入了新功能，可以真正改变用户与文档交互的方式。 HTML5新特性 1、离线功能 HTML5透过JavaScript提供了数种不同的离线储存功能，相对于传统的Cookie而言有更好的弹性以及架构，并且可以储存更多的内容。 WebStorage – 比Cookies更大、更有弹性的的储存 Web SQL Database – 本地端的SQL资料库 Indexed DB – Key-value的本地资料库 Application Cache – 将部分常用的网页内容cache起来 2、即时通讯 以往网站由于HTTP协定以及浏览器的设计，即时的互动性相当的受限，只能使用一些技巧来「模拟」即时的通讯效果，但HTML5提供了完善的即时通讯支援。 什么轮询、第三方的统统不要，自已来实现。 WebSocket – 即时的socket连线 Web Workers – 以往JavaScript都是single thread，透过Worker可以有多个运算 Notifications – 塬生的提示讯息，类似像OS X的Growl提示 3、文件以及硬件支持 不知道大家有没有发现，在Gmail等新的网页程式当中，已经可以透过拖拉的方式将档案作为邮件附件？这就是这部份HTML5档案的功能中的Drag’n Drop和File API。 Drag’n Drop – HTML元素的拖拉 File API – 读取使用者本机电脑的内容 Geolocation – 地理定位 Device orientation – 手持装置的方向 Speech input – 语音输入 4、语意化 语意化的网路是可以让电脑能够更加理解网页的内容，对于像是搜寻引擎的优化（SEO）或是推荐系统可以有很大的帮助。 New tags – 新的标籤，像是 Application tags – 也是新的标籤，像是 Microdata – 加入语意的资料让搜寻引擎等网站可以正确显示 Form type –