HTML5新手入门指南

2022-11-24 0 619

HTML5的产业发展愈来愈迈入成形,许多的应用领域早已渐渐再次出现在你我现实生活中了,不只让现代中文网站上的交互Flash渐渐的被HTML5的控制技术替代,更关键的是能借由HTML5的控制技术来合作开发虚拟化的应用领域软件,让许多合作开发人员深感极为激动!

  当你早已开始想自学、企图想资金投入有关的合作开发时,虽然HTML5的控制技术还在持续产业发展、变异之中,自学的天然资源也都较为零碎,梅西县有两个总体的路径。在第一集该文中,本栏Sonbhadra如是说HTML5的主要就控制技术共同组成,因此提供更多许多自学天然资源让我们参照。

HTML5究竟是甚么?

  通常狭义来说的HTML5则包涵了HTMLCSSJavaScript四个部份,不单单是而已HTML部份罢了,CSS 3JavaScript也有许多的技术创新,让整座页面流程机能更为绚丽。

HTML5的控制技术共同组成

  控制代码机能

HTML5借由JavaScript提供更多了许多种相同的控制代码存储机能,相对于现代的Cookie来说有更快的灵活性和构架,因此能存储更多的文本。

WebStorage: Cookies Villamblard、更有灵活性的的存储

Web SQL Database: 本地端的SQL数据库

Indexed DB: Key-value 的本地数据库

Application Cache:将部份常用的页面文本cache起来

  实时通讯

  以往中文网站虽然HTTP协议和浏览器的设计,实时的交互性相当的受限,只能使用许多技巧来「仿真」实时的通讯效果,但HTML5提供更多了完善的实时通讯支持。

WebSocket: 实时的socket联机

Web Workers: 以往 JavaScript 都是 singlethread,借由 Worker 能有多个运算

Notifications: 原生的提示讯息,类似像OSXGrowl提示

  档案和硬件支持

  不知道我们有没有发现,在Gmail等新的页面流程之中,早已能借由拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的机能中的Dragn DropFile API

Dragn Drop: HTML元素的拖拉

File API: 读取用户本机计算机的文本

Geolocation: 地理定位

Deviceorientation: 手持装置的路径

Speech input:语音输入

 语义化

  语义化的网络是能让计算机能够更为理解页面的文本,对于像是搜索引擎的优化(SEO)或是推荐系统能有很大的帮助。

New tags: 新的标签,像是 header section

Application tags:也是新的标签,像是meter progress

Microdata: 加入语义的数据让搜索引擎等中文网站能正确显示

Form type: form能加入的type便多了,包涵emailtel等属性,浏览器会协助进行数据格式的验证

  多媒体

AudioVideo的卷标支持和Canvas的机能应该是我们对于HTML5最熟悉的部份了,也是许多人认为Flash会被替代的主要就原因。

Audio video:影片和音乐的原生播放支持

Canvas: 2D的绘图机能支持

Canvas 3D: 3D的绘图机能支持

SVG: 向量图支援

      CSS 3

CSS3支持了字体的嵌入、版面的排版,和最令人印象深刻的动画机能。

Selector: 更有灵活性的选择器

Webfonts: 嵌入式字体

Layout: 多样化的排版选择

Stlying radius gradient shadow: 圆角、渐层、阴影

Border background:边框的背景支持

Transition: 组件的移动效果

Transform: 组件的变形效果

Animation: 将移动和变形加入动画支持

      JavaScript

  在较为JavaScript的基本面也新增了DOMAPI、和浏览器上下页的纪录修改。

DOM API: 更方便的查询DOM组件

History API: 浏览器的上下页文本修改,方便AJAX能保留浏览记录

  现在就早已开始用HTML5

截至目前来说,主流的页面浏览器Firefox 5Chrome 12Safari 5都早已支持了许多的HTML5标准,而且目前最新版的IE 9也支持了许多HTML5标准,随着使用者陆续升级到新版的浏览器,合作开发人员应该在现在就能着手合作开发!

  而对于旧的浏览器兼容性来说,先前撰文如是说过的CSS3 Pie便是两个让旧版浏览器也能支持CSS 3机能的JavaScript函数库。

  而Modernizer也是两个相当关键的JavaScript函数库,提供更多合作开发人员轻松的方式判别目前使用者的浏览器是否有支持特定的HTML5机能。

      自学资料推荐

图书:《HTML5与CSS3基础教程 第7版》

下载地址:https://yunpan.cn/OcBTmQFZrwFZWV (提取码:f2a5)

HTML5 中文参照手册

html5中文参照手册下载地址:https://yunpan.cn/OcBbRK8Xn4zZPt (提取码:b521)

ps:这个图书和参照手册在有关该文里发过,下载过的朋友,能不用重复下载。

 温馨提示:

该文看到这里了,也随便点击一下广告呗,让广告主打赏我杯果汁。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务