python html5 bootstrap 视频教程
德云社区 门户 行业资讯 行业标准 IT 标准 查看内容

HTML5程序接口 元素 标签属性 事件属性 标签 控件 图表库

2015-4-10 22:08| 发布者: digitser| 查看: 2631| 评论: 0|原作者: Apple

摘要: HTML5程序接口 元素 标签属性 事件属性 标签 控件 图表库 HTML5是www万维网的核心语言、标准通用标记语言下的超文本标记语言(HTML)的第五次重大修改(W3C推荐标准)。 2014年10月29日万维网联盟宣布,经过近8年的 ...
数字 IDE 网页 ── 所见即所得编写 HTML4、HTML5 静态-动态网站,生成 Robots、站点地图,死链检测,强大文本编辑器功能。。。集成中英自动 TTS 文本诵读功能。。。
数字 IDE Python ── 支持编写 Python、Django、HTML5、XML、C/C++、Java、Perl、PHP、Ruby、C#、VB .Net 等程序源代码。。。集成了很多常用编程智能辅助工具。。。
业务范围:
01、企业 \"内部 | 外部\" 数据管理、分析、挖据
02、企业效率优化专用 APP 程序定制、IT 外包
03、智能数字化系统平台架设、开发、部署、维护
04、高仿真、低成本,可动画-可 VR 数字样机建模、开发、规划
05、企业 Linux 云计算 \"IaaS | SaaS\" 服务器架设、开发、部署、维护
06、\"标准 | 非标\" 设备全流程研发,PLC、单片机、工控系统开发、集成
07、企业 Linux / Windows 平台 PLM、ERP 系统架设、开发、部署、维护
08、企业 Linux / Windows 平台 \"内网 | 外网\" 服务器架设、开发、部署、维护
09、企业微信公众号智能互动营销、策划,Web 网站代码、SEO 排名优化,大数据网络推广
10、企业跨平台、跨硬件、跨浏览器 HTML5 Web 电子商务平台、\"静态 | 动态\" 网站开发、部署、维护
11、企业文档、资料、公司网页多语种翻译,数据资料标准化、版本化、数字化管理的规划、研发、实施
数字翻译 ── 能批量翻译文档 GUI 用户界面。。。网页浏览 批处理 全文搜索 全文替换 全文删除 全文插入 数据比较 。。。集成中英自动 TTS 文本诵读功能。。。
AI人工智能 语音助理 人工翻译 教程

HTML5是www万维网的核心语言、标准通用标记语言下的超文本标记语言(HTML)的第五次重大修改(W3C推荐标准)。


2014年10月29日万维网联盟宣布,经过近8年的艰苦努力,HTML5标准规范终于制定完成。HTML5有望成为梦想的“开放Web平台”(Open Web Platform)的基石,如能实现可进一步推动更深入的跨平台Web应用。


接下来,W3C将致力于开发用于实时通信、电子支付、应用开发、等方面的标准规范,还会创建一系列隐私、安全防护措施。


W3C首席执行官Jeff Jaffe表示:“从今天起,企业用户可清楚地知道,他们能够在未来依赖HTML5。”HTML5是开放Web标准的基石,它是一个完整的编程环境,适用于跨平台应用程序、视频和动画、图形、风格、排版和其它数字内容发布工具、广泛的网络功能、等等。


W3C曾在2012年透露,计划2016年底前发布HTML 5.1。


标准通用标记语言下的HTML标准自1999年12月24日发布HTML 4.01后,HTML5及其标准就被束之高阁。为推动Web标准化运动的发展,一些公司联合起来成立了一个叫做Web Hypertext Application Technology Working Group (Web超文本应用技术工作组,简称WHATWG)的组织。WHATWG致力于Web表单和应用程序,而W3C(World Wide Web Consortium 万维网联盟) 则专注于XHTML 2.0。2006年双方决定合作创建一个新版HTML。


2004年WHATWG提出名为Web Applications 1.0的HTML5草案前身,2007年被W3C接纳,并成立新HTML工作团队。


2008年01月22日公布HTML5的第一份正式草案于。此时,HTML5仍处于完善之中,然而,大部分现代浏览器都开始支持HTML5。


2012年12月17日万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已正式定稿。根据W3C的发言稿称:“HTML5是开放Web网络平台的奠基石。”


2013年05月06日HTML 5.1正式草案公布。该规范定义了HTML第五次重大版本,第一次要修订万维网的核心语言:超文本标记语言(HTML)。在这个版本中,新功能不断推出,以帮助Web应用程序作者,努力提高新元素的互操作性。本次草案的发布,从2012年12月27日至今,进行了多达近百项的修改,包括HTML和XHTML标签,相关API、Canvas、等,同时HTML5的图像img标签及svg也进行了改进,性能得到进一步提升。


2014年10月29日万维网联盟泪流满面地宣布,经过近8年的艰辛努力,HTML5标准规范终于最终制定完成,并公开发布。


在此之前的几年时间里,已有很多开发者陆续使用了HTML5的部分技术。譬如:Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+ 都已支持HTML5,但直到今天,我们才看到“正式版”。


HTML5将取代1999年制定的HTML 4.01、XHTML 1.0标准,以期能在互联网应用迅速发展的现代,使网络标准达到并符合当代网络需求,为桌面、移动平台带来无缝衔接的丰富内容。


W3C CEO Jeff Jaffe博士表示:“HTML5将推动Web进入新时代。不久前,Web还只是上网看一些基础文档,而如今,Web是一个极丰富的平台。我们已进入一个稳定阶段,每个人都可按照标准行事,并可用于所有浏览器。如我们不能携起手来,就不会有统一的Web。”


支持HTML5的浏览器,包括:Firefox(火狐浏览器)、IE9及其更高版本、Chrome(谷歌浏览器)、Safari、Opera、等;国内的遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器、等国产浏览器都支持HTML5。


HTML5在诞生之初,就树立了一个原则,那就是所有技术必须是开放的,不准有专利限制,在这期间Opera捐献了CSS技术,而Google则提供了视频格式WebM。可以说大部分HTML协议在众多网络技术公司中达成了共识,但在视频格式方面,世界各大互联网公司正在为具体标准进行争论,这可能影响HTML5标准的分流。纷争的两大阵营分别是Opera、火狐、Google 等,另一大阵营则由苹果公司领衔。MPEG阵营认为WebM格式是具有专利保护的,这违背了HTML5所有技术必须开放的原则。MPEG阵营则更多地是因为自身就在使用这种视频格式。


据统计:2013年全球有10亿手机浏览器支持HTML5,同时HTML Web开发者数量达到了200万。毫无疑问,HTML5将成为未来5-10年内,移动互联网领域的主宰者。据IDC的调查报告统计,截至2012年5月有79%的移动开发商已在其应有程序中整合HTML5技术。从性能角度来说,HTML5首先是缩减了HTML文档,使这件事情变得更简单。从用户可读性上看,原先一大堆东西对初学者来说,第一次看到这些东西是看不懂的,而HTML5的声明方式对用户来说显然更友好。


采用HTML5有以下一些优点:

01、提高可用性和改进用户的友好体验;


02、有几个新标签,有助于开发人员定义重要内容;


03、可给站点带来更多多媒体元素(视频和音频);


04、可很好的替代FLASH和Silverlight;


05、当涉及网站抓取和索引时,SEO很友好;


06、可大量应用于移动应用程序和游戏;


07、可移植性好。


许多游戏开发商都被Facebook或者Zynga推着发展,而未来的Facebook应用生态系统是基于HTML5的;尽管在HTML 5平台开发游戏有些困难,但游戏开发商却都愿意那样做。通过PhoneGap及appmobi的XDK将Web应用游戏打包整合到原生应用中也是一种方式,Facebook差不多就这么干的——基于Web应用及浏览器,却将之打包整合进原生应用。HTML5更适合轻量级小游戏。且HTML5在代码保密性方面并不弱于原生应用。为移动设备端开发HTML5应用,有2种方法:

01、全部使用HTML5语法

纯HTML5手机应用运行缓慢并错漏百出,但优化后,效果会好转。尽管很多人不愿去做这样的优化,但依然可以尝试。


HTML5手机应用的最大优势就是可在网页上直接调试和修改。原先应用的开发人员可能需要花费非常大的力气才能达到HTML5的效果,不断地重复编码、调试、运行,这是首先得解决的一个问题。由此,许多手机杂志客户端都是基于HTML5标准,开发人员可轻松调试、修改。


02、仅使用JavaScript引擎

JavaScript引擎的构建方法让制作手机网页游戏成为可能。由于界面层很复杂,已预订了一个UI工具包。


HTML5(text/html)浏览器在错误语法的处理上会更灵活。HTML5在设计时,保证旧浏览器能安全忽略掉新HTML5代码。与HTML 4.01相比,HTML5给出了解析的详细规则,力图让不同浏览器即使在发生语法错误时,也能返回相同结果。

011.jpg
程序接口

除原先的DOM接口外,HTML5还增加了一些API,譬如:

01、用于即时2D绘图的Canvas标签


02、定时媒体回放


03、离线数据库存储


04、文档编辑


05、拖拽控制


06、浏览历史管理


元素

1999年后HTML 4.01已改变了很多,今天,在HTML 4.01中的有几个元素已废弃,这些元素在HTML5中已被删除或重新定义。


为更好地处理今天的互联网应用,HTML5添加了很多新元素、新功能。譬如:图形绘制、多媒体内容、更好的页面结构、更好的处理形式、几个API拖放元素、定位、包括网页应用程序缓存、存储、网络工作者、等。


canvas
#
标签
描述
范例
备注
01<canvas>
标签可定义图形,譬如:图表及其他图像。该标签基于JavaScript的绘图API。
显示一个红色矩形:
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
HTML5的canvas元素使用JavaScript可在网页上绘制图像。画布是一个矩形区域,您可控制其每一像素。canvas拥有多种绘制路径、矩形、圆形、字符及添加图像方法。

多媒体
#
标签
描述
范例
备注
01<audio>
定义音频内容


02<video>
定义视频(video 或者 movie)


03<source>
定义多媒体资源 <video> 和 <audio>


04<embed>
定义嵌入的内容,比如插件。


05<track>
为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。



表单
#
标签
描述
范例
备注
01<datalist>
定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。


02<keygen>
规定用于表单的密钥对生成器字段。


03<output>
定义不同类型的输出,比如脚本的输出。



语义、结构
#
标签
描述
范例
备注
01<article>
定义页面的侧边栏内容


02<aside>
定义页面内容之外的内容。


03<bdi>
允许您设置一段文本,使其脱离其父元素的文本方向设置。


04<command>
定义命令按钮,比如单选按钮、复选框或按钮


05<details>
用于描述文档或文档某个部分的细节


06<dialog>
定义对话框,比如提示框


07<summary>
标签包含 details 元素的标题


08<figure>
规定独立的流内容(图像、图表、照片、代码等等)。


09<figcaption>
定义 <figure> 元素的标题


10<footer>
定义 section 或 document 的页脚。


11<header>
定义了文档的头部区域


12<mark>
定义带有记号的文本。


13<meter>
定义度量衡。仅用于已知最大和最小值的度量。


14<nav>
定义运行中的进度(进程)。


15<progress>
定义任何类型的任务的进度。


16<ruby>
定义 ruby 注释(中文注音或字符)。


17<rt>
定义字符(中文注音或字符)的解释或发音。


18<rp>
在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。


19<section>
定义文档中的节(section、区段)。


20<time>
定义日期或时间。


21<wbr>
规定在文本中的何处适合添加换行符。



已移除元素
#
标签
描述
范例
备注
01
<acronym>标记首字母缩写<acronym title="World Wide Web">WWW</acronym>HTML5不支持<acronym>标签。请用<abbr>标签代替。
02<applet>一个嵌入的 Java applet

<applet code="Bubbles.class" width="350" height="350">Java applet that draws animated bubbles.</applet>HTML5不支持<applet>标签。请用object元素标签代替。
03<basefont>规定页面上的默认字体颜色和字号<head><basefont color="red" size="5" /></head>
<body><h1>This is a header</h1></body>

04
<big><big> 标签呈现大号字体效果

05
<center>对其包围文本进行水平居中处理
HTML5不支持该标签。请用CSS代替。
06
<dir>定义目录列表<dir>
<li>HTML</li><li>XHTML</li><li>CSS</li>
</dir>
HTML 4.01中dir元素不赞成被使用。
07
<font>规定文本的字体、字体尺寸、字体颜色<font size="3" color="red">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>
HTML 4.01 中font元素不赞成被使用。
08
<frame>定义frameset中的一个特定窗口(框架)

09
<frameset>定义一个框架集

10
<noframes>可为那些不支持框架的浏览器显示文本
noframes元素位于frameset元素内部。
11
<strike>定义加删除线文本定义

12
<tt>呈现类似打字机或等宽文本效果


12下一页

路过

雷人

握手

鲜花

鸡蛋

本文导航

相关阅读

最新评论

自动立式分页纸箱赋码系统 ── 全自动 专业 立式分页 瓦楞纸 水性油墨 贴标 喷码 检测系统
料斗式自动双头软管贴标机 ── 高速 双头 塑料软管 普通标签 透明标签 外表面圆周 不干胶贴标机
全自动双侧面、卷瓶不干胶贴标机 ── 全自动 扁瓶 单侧面 双侧面 高速圆瓶外表面圆周 普通标签 透明标签 不干胶贴标机
落地式半自动平面贴标机 ── 半自动 经济型 普通标签 透明标签 不干胶 上平面贴标机
全自动高速立式圆瓶贴标机 ── 全自动 高速 普通标签 透明标签 不干胶 立式圆瓶贴标机
全自动单料斗卧式圆瓶贴标机 ── 透明标签 普通标签 医药 口服液 单料斗卧式 高重心 小圆瓶 电池 不干胶贴标机
料斗式自动双头软管贴标机 ── 高速 双头 塑料软管 普通标签 透明标签 外表面圆周 不干胶贴标机
料斗式自动软管贴标机 ── 塑料软管 普通标签 透明标签 外表面圆周 不干胶贴标机

Archiver|Sitemap|手机版|小黑屋|   

GMT+8, 2019-8-21 05:19 , Processed in 0.038093 second(s), 30 queries .

技术支持 乐数软件  版权所有 © 2014-2019 德云社区

工业和信息化部:粤ICP备14079481号-2

返回顶部