课程咨询:400-111-8989

  • 新手入门HTML5需要了解哪些知识?

    本文地址:http://www.xinjiuyang.com.cn/data/314226.html
    文章摘要:新手入门HTML5需要了解哪些知识?,技术资格发光棒集大成,神经元鄙俚浅陋大手。

    发布:pk10搜狐  来源:html5教程  时间: 2018年05月09日

  • 今天小编要跟大家分享的文章是关于准备入门HTML5的新手需要了解的知识有哪些?如今WEB技术风云变化,HTML5异军突起,今天小编将带大家一起看一看HTML5有哪些知识需要你了解。...

  • 今天小编要跟大家分享的文章是关于准备入门HTML5的新手需要了解的知识有哪些?如今WEB技术风云变化,HTML5异军突起,今天小编将带大家一起看一看HTML5有哪些知识需要你了解。

    HTML5到底是什么?

    一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,而不只是第一印象仅仅HTML部分而已,在CSS 3和JavaScript层面也有许多的创新,让整个网页从布局到处理都更加给力,新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实,

    HTML5好处-为什么要用HTML5

    THML5在布局上更得体,记得以前的主流table过渡到主流div;今的布局对搜索引擎更加友好,比如<article>内总是会包含文章内容,而nav是导航信息;HTML5的移动手机支持也日趋完善,兼容移动端可是一个简单概念。虽然多网合一,兼容问题永远存在,布局适配也是一门技术活;另外在Pad等其他客户端也发挥着越来越重要的优势。

    HTML5的技术组成:

    离线功能

    HTML5透过JavaScript提供了数种不同的离线储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。

    WebStorage – 比Cookies更大、更有弹性的的储存

    Web SQL Database – 本地端的SQL资料库

    Indexed DB – Key-value的本地资料库

    Application Cache – 将部分常用的网页内容cache起来

    即时通讯

    以往网站由于HTTP协定以及浏览器的设计,即时的互动性相当的受限,只能使用一些技巧来「模拟」即时的通讯效果,但HTML5提供了完善的即时通讯支援。

    什么轮询、第三方的统统不要,自已来实现。

    WebSocket – 即时的socket连线

    Web Workers – 以往JavaScript都是single thread,透过Worker可以有多个运算

    Notifications – 塬生的提示讯息,类似像OS X的Growl提示

    文件以及硬件支持

    不知道大家有没有发现,在Gmail等新的网页程式当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的功能中的Drag’n Drop和File API。

    Drag’n Drop – HTML元素的拖拉

    File API – 读取使用者本机电脑的内容

    Geolocation – 地理定位

    Device orientation – 手持装置的方向

    Speech input – 语音输入

    语意化

    语意化的网路是可以让电脑能够更加理解网页的内容,对于像是搜寻引擎的优化(SEO)或是推荐系统可以有很大的帮助。

    New tags – 新的标籤,像是<header>、<section>等

    Application tags – 也是新的标籤,像是<meter>、<progress>等

    Microdata – 加入语意的资料让搜寻引擎等网站可以正确显示

    Form type – <form>可以加入的type便多了,包含email和tel等属性,浏览器会协助进行资料格式的验证

    多媒体

    Audio、Video的标签支援以及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的基本面也新增了DOM的API、和浏览器上下页的纪录修改。

    DOM API – 更方便的查询DOM元件

    History API – 浏览器的上下页内容修改,方便AJAX可以保留浏览记录

    现在就用HTML5

    截至目前而言,主流的网页浏览器Firefox 5、Chrome 12和Safari 5都已经支援了许多的HTML5标準,而且目前最新版的IE 9也支援了许多HTML5标準,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以着手开发!兼容性问题会随着时间的推移而越来越少。但对于不得不照顾底版本用户的网站,网上也有大量的回退解决方案。

    以上就是小编今天给大家带来的新手入门HTML5需要了解的知识,希望本篇文章能够对你有所帮助。想了解更多HTML5相关资讯欢迎关注达内HTML5官网,这里不仅有更多HTML5 相关信息还有专业的HTML5培训机构

    来自:SnowCoal 雪炭网

    链接:http://www.xinjiuyang.com.cn/310/article/438.html

  • 上一篇:HTML5小知识之新手入门指南

    下一篇:没有下一篇了

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56
pk10开奖记录结果查询 pk10计划交流群 北京赛车pk10手机版 pk10长龙历史数据 皇家北京赛车pk10开奖历史
北京pk10开奖记录 3d杀号定胆澳客网 赛车pk10高手计划 98彩票网北京赛车 pK10八次小大双单单双大小
北京pk10模式新凤凰 北京赛车pk10号码走势图 北京赛车稳赢方法规律 十分精彩软件pk10 北京赛车在线人工计划
北京赛车pk10绝密公式 pk10在哪里下注 平刷王手机版 北路pk10开奖 北京pk10大小玩法技巧
重庆时时彩跑路 天津11选5走势图奥秘 南粤风采26选5开奖信息 号庄娱乐 河南体彩十一选五走势
北京老时时彩开奖时间 河南今天11选51 山西省福彩快乐十分 小说全集下载 北京赛车pk10软件源
上海时时乐吧 北京11选5玩法规则 时时彩软件定制 二八杠怎样做牌 体彩新疆体彩十一选五
广西快三走势图一定牛 麻将胡牌牌型图解 甘肃11选5任选5号 广西快3开奖结果走势图◇广西快3走势图360 上海11选5直选3