大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
HTML5 引入了新的 HTML 元素和属性,有的是传统通用元素的语义化版本,如取代 div 元素的 nav, footer
成都创新互联公司从2013年开始,是专业互联网技术服务公司,拥有项目网站制作、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元甘谷做网站,已为上家服务,为甘谷各地企业和个人服务,联系电话:18982081108
等元素,也有一些全新的元素,如 audio, video。一些在 HTML4 中不被推荐使用的元素,如 font 和 center
将被弃用。HTML5 引入的新 HTML 元素包括:
article:文章
aside:内容旁边的侧边栏内容
audio:音频
canvas:2D 绘图
command:命令按钮
datalist:下拉选择框
details:对象的细节
dialog:对话框
embed:外部插件或对象
figure:一组媒体对象以及标签文字
footer:页脚
header:页首
hgroup:文档某一部分的信息
keygen:表单生成的 Key
mark:标注的文字
meter:预先定义的范围内的度量
nav:导航条
output:输出
progress:进度条
rp:标识 rubby 内容
rt:rubby 内容的解释
ruby:rubby 内容
section:定义一个部分
source:媒体的资源
time:日期时间
video:视频
新增的结构标签:
1、header元素
表示页面中一个内容区块或真个页面的标题。
2、hgroup元素
表示对真个页面或页面中的一个内容区块的标题进行组合。
3、article元素
表示页面中一块与上下文不相关的独立内容。比如一篇文章。
4、aside元素
表示article元素内容之外的、与article元素内容相关的辅助信息。
5、footer元素
表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。
HTML5新规则:
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备开发进程应对公众透明 ;
HTML5 新特性:
新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于绘画的 canvas 元素
对本地离线存储的更好的支持。
1、离线缓存。可以在关闭浏览器后再次打开时恢复数据,以减少网络流量。
2、音频视频自由嵌入,多媒体形式更为灵活。
3、地理定位。地理位置定位,让定位和导航不再专属导航软件,地图也不用下载非常大的地图包,可以通过缓存来解决,到哪儿下哪儿,更灵活。
4、Canvas绘图,提升移动平台的绘图能力。使用Canvas API可以简单绘制热点图收集用户体验资料,支持图片的移动、旋转、缩放等常规编辑。
5、丰富的交互方式。提升互动能力:拖拽、撤销历史操作、文本选择等。
6、开发及维护成本低,这个相对于原生APP开发来说。更低的开发及维护成本;?使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低。
7、CSS3 视觉设计师的辅助利器的支持。CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。
8、html5调用手机摄像头和手机相册、通讯录等功能。
html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改(这是一项推荐标准、外语原文: W3C Recommendation、见本处 参考资料原文内容: )2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。
语义特性(Class:Semantic)HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户都更有价值的数据驱动的Web。
本地存储特性(Class: OFFLINE STORAGE)
基于HTML5开发的网页APP拥有更短的启动时间,更快的联网速度,这些全得益于HTML5 APP Cache,以及本地存储功能。Indexed DB(html5本地存储最重要的技术之一)和API说明文档。
设备兼容特性 (Class: DEVICE ACCESS)
从Geolocation功能的API文档公开以来,HTML5为网页应用开发者们提供了更多功能上的优化选择,带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连,例如视频影音可直接与microphones及摄像头相联。
连接特性(Class: CONNECTIVITY)
更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现。HTML5拥有更有效的服务器推送技术,Server-Sent Event和WebSockets就是其中的两个特性,这两个特性能够帮助我们实现服务器将数据“推送”到客户端的功能。
网页多媒体特性(Class: MULTIMEDIA)
支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。
三维、图形及特效特性(Class: 3D, Graphics Effects)
基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。
性能与集成特性(Class: Performance Integration)
没有用户会永远等待你的Loading——HTML5会通过XMLHttpRequest2等技术,帮助您的Web应用和网站在多样化的环境中更快速的工作。
CSS3特性(Class: CSS3)
在不牺牲性能和语义结构的前提下,CSS3中提供了更多的风格和更强的效果。此外,较之以前的Web排版,Web的开放字体格式(WOFF)也提供了更高的灵活性和控制性。
HTML5跟HTML相比新增了很多内容,其中有一些特性是作为开发人员必须要了解的。
在网上有一个叫“秒秒学”的教学网站上有专门针对HTML5的课程,推荐可以观看;
新增的具体内容如下:
1、新的文档类型 (New Doctype);
2、脚本和链接无需type;
3、更加语义化的元素;
4、占位符(Placeholder);
5、Audio 和Video 支持;
6、离线 存储;
7、HTML5 canvas;
8、设备访问。