html 织梦,HTML5新手入门教程
制作网站的程序多种多样,网络发展,技术也要相对升级,编写网站的代码技术典型代表要属HTML代码了,在网站中应用广泛,也比较实用。HTML现在发展到5,HTML5是最新的代码语言。
一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,不单单只是HTML部分而已,CSS 3和JavaScript也有许多的创新,让整个网页程序功能更加缤纷。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可以保留浏览记录。
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
有问题可以加入织梦技术QQ群一起交流学习
本站vip会员 请加入织梦58 VIP②群 PS:加入时备注用户名或昵称
普通注册会员或访客 请加入织梦58 技术交流②群
html 织梦,HTML5新手入门教程相关推荐
- 织梦php模板安装教程,新手必读:原版织梦模板DEDECMS整站源码通用安装教程
特别提示:必须要有支持PHP5+ + MYSQL5+的空间环境,推荐APCHE的主机,如果IIS可能会出现未知的怪事,安装数据库时候除了dede_前缀不能改以外,其他参数一定要按照实际的填写,若不懂请 ...
- JavaScript新手入门教程大全~~~
JavaScript新手入门教程大全~~~ 一. js教程介绍:JavaScript是一种运行在浏览器中的解释型的编程语言. 那么问题来了,为什么我们要学JavaScript?因为你没有选择.在Web ...
- 织梦模板建站教程:织梦根目录下文件是什么意思?
用织梦模板建站,安装完就需要对模板进行修改,包括简单的logo.图片.友情链接等,刚接触刚学习网站织梦模板建站的新手,可能不知道不知道web根目录下这么文件都是干啥用的,更不知道要改页面的哪个文件.要 ...
- 织梦仿站系列教程第四讲——首页页首代码
织梦仿站系列教程第四讲--首页页首代码 今天,我们接上一讲,继续开始我们的仿站之路. 这一讲分两个部分,第一部分,修改首页的页首代码,即之间的代码. 有网页标题title.网页关键字keywords. ...
- 【LaTeX】E喵的LaTeX新手入门教程(4)图表
这里说的不是用LaTeX画图,而是插入已经画好的图片..想看画图可以把滚动条拉到底.前情回顾[LaTeX]E喵的LaTeX新手入门教程(1)准备篇 [LaTeX]E喵的LaTeX新手入门教程(2)基 ...
- 想学python都要下载什么软件-学编程闲余时间建议下载的软件_Python新手入门教程...
原标题:学编程闲余时间建议下载的软件_Python新手入门教程 Python新手入门教程_在手机上就能学习编程的软件 很多小伙伴会问:我在学编程,想利用坐地铁坐公交吃饭间隙学编程,在手机上能学编程的软 ...
- 编程入门python语言是多大孩子学的-不学点编程,将来怎么给孩子辅导作业―Python新手入门教程...
为了填满AI时代的人才缺口,编程语言教育都从娃娃抓起了!如果你还不懂Python是什么将来怎么给孩子辅导作业呢? Python新手入门教程 近期,浙江省信息技术课程改革方案出台,Python言语现已断 ...
- 【LaTeX】E喵的LaTeX新手入门教程(6)中文
假期玩得有点凶 ._.前情回顾[LaTeX]E喵的LaTeX新手入门教程(1)准备篇 [LaTeX]E喵的LaTeX新手入门教程(2)基础排版 [LaTeX]E喵的LaTeX新手入门教程(3)数学 ...
- 【LaTeX】E喵的LaTeX新手入门教程(5)参考文献、文档组织
这不是最后一篇,明天开始建模所以会从6号开始继续更新.前情回顾[LaTeX]E喵的LaTeX新手入门教程(1)准备篇 [LaTeX]E喵的LaTeX新手入门教程(2)基础排版 [LaTeX]E喵的 ...
最新文章
- Java8新特性系列(Lambda)
- 详细配置架设自己的Serv-U FTP服务器图文教程
- 前端学习笔记之-VUE框架学习-Vue核心
- bootstrap网格系统_如何使用Bootstrap网格系统?
- sql limit子句_SQL子句解释的位置:之间,之间,类似和其他示例
- 一位老师,一位领导,一个让全体学生考上目标学校的故事
- css div下第一个span,CSS之div和span标签
- 最大,最小值问题,前K个数问题,利用mapreduce解决方案
- PPT高级教程及技巧 .
- jSignature网页手写签名
- 复杂材料棱柱体单站RCS
- 修复XP图片和传真查看器!
- 联发科MT6750/MT6750T芯片处理器哪个性能比较好?区别在哪?
- Java 工厂设计模式
- JButton部分常用的方法
- Django-APIView
- 移动魔百和系统升级服务器地址,中国移动魔百盒网络连接图文教程
- MATLAB | 中秋节 · 绘制《山间秋月》及《皓月当空》
- 20110621 晴
- 浙江大学教授郑强的经典语录
热门文章
- 回想2020,仿佛就在昨天
- 百分比单位始终根据父元素相应值来计算_电商仓库库存KPI如何制定才能实现长期增长?关注这5个KPI指标计算公式...
- Go-哈希函数与消息认证详解(含代码)
- 清华大学计算机系高考选科要求,2020年清华大学在北京招生专业选科要求对照表...
- VR消防演练方案提高自身消防意识的技能水平
- Bochs出现'keyboard_mapping' is deprecated - use 'keyboard' option instead.解决方法
- 外源赤霉素保护高粱幼苗免受精异丙甲草胺药害的机制研究
- pythonppt_python操作ppt下载
- mac meta键是什么
- Kmeans原理公式图文详解